Test: Selecting CAPTCHA Images (Inputs Beside)

This page displays an image in different ways. Use the button in the bottom-right to activate selection mode. Then, hover over an image (red border) or canvas (green border) - it should get a blue outline. Click the outlined element to select it.

External Image URL Used:

1. Plain Image

Directly embedding an tag in the main document.

[Image Placeholder - Loading...]
Target: img#plain-image

2. Image in Same-Origin Iframe

Embedding the tag inside an iframe created with srcdoc.

Target: img#iframe-image (inside iframe #iframe-same-origin)

3. Image in Shadow DOM (Open)

Placing the tag inside an open Shadow Root.

Host Element for Shadow DOM (Orange Border)
Target: img#shadow-image (inside shadow root of #shadow-host)

4. Image Drawn on Canvas

Target: canvas#canvas-captcha

Canvas interaction might be affected by CORS taint status.

5. Nested: Iframe → Shadow DOM → Image

Placing the tag inside a Shadow DOM, where the host element is itself inside an iframe.

Target: img#nested-shadow-image (inside shadow root of #nested-shadow-host, which is inside iframe #nested-iframe)