4 / 11
Playwright

Rename a card with double-click inline editing

Medium50 pts~2 min
  • Double-click
  • Keyboard input
  • Inline editing
  • Negative checks
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-inline-edit

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

Objective

Double-click a card title to edit it in place, save a new title with Enter, and prove that Escape cancels an edit on another card.

Your task

  1. 1Open TEST_URL (you are already signed in).
  2. 2Double-click the title (.card-title) of card TB-104 “Add newsletter signup”.
  3. 3Wait for the inline input (.card-title-input), replace its text with “Launch newsletter signup” and press Enter.
  4. 4Double-click the title of card TB-102 “Write release notes”, type “Draft notes” into the input and press Escape.
  5. 5Assert TB-104 shows the new title, TB-102 still reads “Write release notes”, no editor is open, and #activity-log contains the rename.

Acceptance criteria

  • Card TB-104 is titled “Launch newsletter signup”.
  • Card TB-102 keeps its original title after Escape.
  • No inline editor remains open.
  • The activity log records exactly the saved rename.

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