Canvas & SVG
Practice coordinate-based interactions on an HTML <canvas> (no individual DOM nodes to target) and DOM-based interactions on inline SVG shapes.
Click-to-draw canvas
Click anywhere on the canvas to draw a numbered dot at that pixel. There is no per-dot DOM element — automation must click at computed coordinates and verify via the click log below or by sampling pixel data.
Clicks recorded: 0
Interactive SVG scene
Each shape below is a real SVG DOM element (<circle>/<rect>) at a fixed, deterministic position. Click a shape to select it (its stroke turns bold) or hover to preview the highlight. Shapes are identified only by their visible text label — no data-testid shortcuts on the shapes themselves.
Selected shape: none