browser-canvas-testing

What problem does it solve?

Canvas-based applications rendered in VS Code cannot be interacted with using traditional DOM selectors. This Skill provides guidance to reliably automate interactions with canvas content, including coordinate translation and safe use of Playwright-based actions.

Core Features & Use Cases

• Click canvas objects by translating game-space coordinates to CSS page coordinates and using runPlaywrightCode.
• Verify canvas visuals with screenshotPage and read or inspect game state through page.evaluate workflows.
• Consider canvas rendering modes (e.g., FIT vs RESIZE) and common pitfalls like rendering delays or multiple canvases.

Quick Start

Interact with canvas-based games by converting game-space coordinates to CSS page coordinates and clicking via runPlaywrightCode.