I'll help you test the webpage by following the instructions. Let me start by taking a screenshot to see the current state of the page.
Screenshot
I can see the webpage with an "Image Viewer" title and a demo image content area. I can see there are zoom controls at the bottom - a gray minus (-) button and a blue plus (+) button. Let me observe the initial state of the content first, then proceed with the task.
Now I'll click the zoom in (+) button twice as instructed:
Screenshot
Good! I can see the content has zoomed in once. The text appears larger and the title "Demo Image" is bigger. Notice that the minus (-) button is now blue (active) while the plus (+) button still has the cursor on it. Let me click the plus (+) button one more time for the second zoom in:
Screenshot
Perfect! The content has zoomed in a second time. The text is now even larger, and I can see that some of the text is cut off (the beginning of the first line and the end of the last line). Now I need to click the zoom out (-) button twice to zoom back out:
Screenshot
Good! I've clicked the zoom out button once and the content has reduced in size. The text is now at the intermediate zoom level. Let me click the zoom out (-) button one more time to return to the original size:
Screenshot
Perfect! The content has returned to its original size. Comparing this final state with the initial screenshot:
1. The "Demo Image" title is the same size as it was initially
2. The text content is back to its original size
3. All the text is now visible again (including the full lines that were previously cut off)
4. The zoom buttons are back to their original state - the minus (-) button is gray (disabled) and the plus (+) button is blue (active)
The zoom functionality worked correctly:
- Clicking the zoom in (+) button twice successfully zoomed in on the content
- Clicking the zoom out (-) button twice successfully zoomed back out
- The content returned to its original size as expected
<answer>PASS</answer>