Test the Custom Modal Workflow

Run through each modal interaction before continuing to the next module.

Edit modal

• Open Edit for a task.
• Confirm all current values are loaded.
• Change the title, due date, and priority.
• Save.
• Confirm the same task was updated.
• Open Edit again and choose Cancel.
• Confirm Cancel does not change the task.

Confirmation modal

• Trigger Clear completed with completed tasks present.
• Choose Cancel and confirm nothing is removed.
• Trigger it again and choose Confirm.
• Trigger Clear all and test both Cancel and Confirm.

Also search your code for native prompt(, confirm(, and alert( calls. This project should use the prepared custom UI instead.

Checkpoint: Editing and destructive actions now use the application’s custom modal interface from start to finish.