Test the Main Workflow

Start with a fresh browser session and test the application as a user would.

Test creating a task

Open the Add Task modal and enter:

• a title
• a description
• a priority
• a status
• an optional due date

Save the task.

Expected result

The modal closes and the new task appears in the column selected by its status. The column count also increases.

Test deleting a task

Use the task card’s menu button to delete a task.

Expected result

The task disappears immediately and the column count decreases.

Test moving a task

Drag a task from one column to another.

Expected result

The target column highlights while the task is over it. After the drop, the task appears in the target column and its status has changed.

Checkpoint

Complete all three actions without refreshing between them. If each result appears immediately, the React state flow is working end to end.