skills.rest
arusinova
arusinovaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

write-e2e-tests

Automate tldraw UI end-to-end tests with Playwright and TypeScript.

Updated Aug 23, 2026
Search Tags:#typescript#playwright#fixtures#ui-testing#e2e-tests#test-automation#tldraw
One-click install
npx skills add https://github.com/arusinova/annarusinova-platform --skill write-e2e-tests-arusinova
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: write-e2e-tests
Source: https://github.com/arusinova/annarusinova-platform/tree/main/.claude/skills/write-e2e-tests
Command: npx skills add https://github.com/arusinova/annarusinova-platform --skill write-e2e-tests-arusinova

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Writing Playwright E2E tests for tldraw helps teams automate browser interactions, validate UI behavior, and accelerate release cycles by providing a repeatable testing framework.

Core Features & Use Cases

  • Structured test hierarchy with apps/examples/e2e and apps/dotcom/client/e2e directories, fixtures, tests, and shared utilities to support scalable E2E coverage.
  • Declarative test patterns for setup, page.evaluate usage, data-driven scenarios, and UI interactions, enabling reliable regression tests.
  • Reusable components and guidance for interacting with the editor, menus, toolbars, and keyboard/mouse events in automated tests, plus guidance for cross-platform considerations.

Quick Start

Run a Playwright-based end-to-end test against the example E2E project to verify editor interactions.

Frequently Asked Questions about write-e2e-tests

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I write Playwright E2E tests for tldraw UI interactions?▼

Playwright E2E tests for tldraw are written using declarative patterns that validate editor interactions, toolbars, and keyboard/mouse events. The framework provides structured scaffolding, fixture usage, and shared utilities for reliable regression testing.

What directory structure does tldraw use for E2E test organization?▼

E2E tests in tldraw use a structured hierarchy with apps/examples/e2e and apps/dotcom/client/e2e directories. This organization separates fixtures, tests, and shared utilities to support scalable test coverage across different project scopes.

Do I need TypeScript to automate Playwright tests for tldraw?▼

TypeScript is required to automate Playwright tests for tldraw, along with project-specific test utilities. The framework enforces standard file structures and setup patterns that rely on TypeScript for reliable, repeatable test execution.

Can I use data-driven scenarios and page.evaluate in tldraw E2E tests?▼

Data-driven scenarios and page.evaluate usage are supported in tldraw E2E tests through declarative patterns. The framework provides reusable components and guidance for setup, enabling reliable validation of complex UI workflows and interactions.

What's the best way to handle keyboard and mouse events in tldraw test automation?▼

Handling keyboard and mouse events in tldraw test automation is managed through reusable components and guidance for interacting with the editor. The framework supports cross-platform considerations and provides standard setup patterns for accurate event simulation.

Related Skills

Explore More Software Engineering Skills→
sefllessseflless

write-e2e-tests

Automate end-to-end UI testing for tldraw with Playwright.

Community
Intermediate
grasberggrasberg
3

qa-expert

Design and execute software tests with Playwright, Cypress, Jest, Vitest, or pytest.

Community
Advanced
tedtv1007-ctrltedtv1007-ctrl

playwright-testing

Automate browser-based end-to-end testing with Playwright.

Community
Advanced
csim-sgcsim-sg

write-e2e-tests

Generate and run Playwright end-to-end tests for the tldraw UI.

Community
Intermediate