CodingNic

Task Details and Editing

Finish the Task Details Workflow

Task Details and Editing 8 min read

Finish the Task Details Workflow

Finish the Task Details Workflow

Before moving on, test the complete task workflow with the new fields.

Test task creation

Create tasks with:

  • different titles
  • no due date and a due date
  • High, Medium, and Low priority
  • active and completed states

Test editing

Edit several tasks and change one field at a time. Confirm that:

  • the task keeps the same ID
  • the title changes correctly
  • the due date changes correctly
  • the priority changes correctly
  • the completion state is not accidentally reset

Check empty values

Create a task without a due date. The interface should show a sensible empty-state label such as No due date, rather than displaying an invalid date.

Check the console

Reload the page and use the browser console to make sure there are no JavaScript errors.

Checkpoint: The application can create, display, complete, delete, and edit tasks while keeping each task’s title, due date, priority, and completion state together.