Playwright

Drive the board with keyboard shortcuts

Easy35 pts~2 min
  • Keyboard shortcuts
  • Focus
  • Key presses
Practice app · TaskBoard

A team kanban board: sign-in, four columns with WIP limits, a create-card dialog, pointer-based drag and drop, inline title editing, a right-click card menu with archive and undo, delete confirmation, search, keyboard shortcuts, a native reset confirm and an activity log.

Test URL
/lab/playwright-taskboard-keyboard-shortcuts

Your starter code already declares TEST_URL — never hardcode a host.

Objective

Use only the keyboard: open the shortcut help with ?, focus the search with /, type a term, leave the field and open the Create card dialog with n.

Your task

  1. 1Open TEST_URL (you are already signed in). Press ? and assert the dialog #shortcuts-modal lists the shortcuts.
  2. 2Press Escape to close the help dialog.
  3. 3Press / and type “design”. The n inside “design” must go into the search box, not open a dialog.
  4. 4Assert #board-search holds “design” and #search-summary reads “3 cards match”.
  5. 5Press Escape to leave the search box, then press n and assert #new-card-modal is open.

Acceptance criteria

  • The Create card dialog is open.
  • The search box holds “design” and 3 cards match.
  • The shortcut help dialog is closed.
  • The test asserts the help dialog and the final state.

Fixtures

Email
lead@taskboard.test
Password
Board@2026
Signed-in member
Maya Lin (Project lead)
Board
Website Relaunch, 11 cards (TB-101 to TB-111); new cards get TB-112, TB-113…
Today’s date
Tuesday 10 November 2026 (due dates are relative to it)
Team
Maya Lin, Diego Alvarez, Priya Nair, Sam Okafor, Lena Fischer

Playwright · Playwright Challenges · TaskBoard