checkbox-passCorrect

I'll help you test this webpage by following the instructions. Let me start by taking a screenshot to see the current state of the page.

Good! I can see the webpage with a "Grocery Checklist" heading, a "Select All" button, and 5 grocery items (Milk, Bread, Eggs, Cheese, and Apples) with checkboxes that are currently unchecked. Let me proceed with the task. **Step 1: Click the "Select All" button**

Perfect! After clicking "Select All", I can see that: - All checkboxes are now checked (showing blue checkmarks) - All items have a strikethrough (Milk, Bread, Eggs, Cheese, Apples) - The background of all items changed to light blue - The button changed from "Select All" to "Deselect All" **Step 2: Click the "Deselect All" button**

Excellent! After clicking "Deselect All", I can see that: - The button changed back to "Select All" - All checkboxes are now unchecked (empty squares) - No items have strikethrough text anymore - The background of all items returned to white/light gray **Step 3: Verify that all grocery items are unchecked** Let me verify each item: 1. ☐ Milk - unchecked ✓ 2. ☐ Bread - unchecked ✓ 3. ☐ Eggs - unchecked ✓ 4. ☐ Cheese - unchecked ✓ 5. ☐ Apples - unchecked ✓ All grocery items are confirmed to be unchecked. The functionality works as expected: - The "Select All" button successfully checked all items - The "Deselect All" button successfully unchecked all items - All items returned to their original unchecked state <answer>PASS</answer>