Drag a card to the Done column
Medium50 pts~2 min
- Drag and drop
- Mouse actions
- Pointer events
- Data attributes
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.
Your starter code already declares TEST_URL — never hardcode a host.
Objective
Use real mouse actions to drag the “Fix login bug” card from To Do and drop it on the Done column, then verify the columns and the activity log.
Your task
- 1Open TEST_URL (you are already signed in).
- 2Locate the card [data-testid="card"][data-card-id="TB-101"] (“Fix login bug”) in To Do and the Done column #column-done.
- 3Press the mouse button on the card, move the pointer onto #column-done and release it.
- 4Assert the card is now inside #column-done-cards and its data-column is done.
- 5Assert #column-done-count shows 3, #column-todo-count shows 3 and #activity-log contains “Moved ‘Fix login bug’ to Done”.
Acceptance criteria
- “Fix login bug” is in the Done column.
- The Done column shows 3 cards and To Do shows 3.
- The activity log records the move.
- The card is moved with mouse actions, not with its menu.
Fixtures
- 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
Selenium WebDriver 4 · Selenium Challenges · TaskBoard