skills.rest
seflless
sefllessCOMMUNITY
Explore all skills by this author →
𝕏@sefllessGitHub

write-e2e-tests

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

Updated Feb 6, 2026
Search Tags:#automation#qa#playwright#ui-testing#e2e-testing#test-structure#tldraw
One-click install
npx skills add https://github.com/seflless/tldraw-agent-claude-code-provider --skill write-e2e-tests-seflless
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: write-e2e-tests
Source: https://github.com/seflless/tldraw-agent-claude-code-provider/tree/main/.claude/skills/write-e2e-tests
Command: npx skills add https://github.com/seflless/tldraw-agent-claude-code-provider --skill write-e2e-tests-seflless

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams automatically verify tldraw's UI flows end-to-end with Playwright, reducing flaky manual testing and accelerating release cycles.

Core Features & Use Cases

  • Playwright-based end-to-end tests for tldraw's UI across examples and the dotcom client
  • Structured test layout with fixtures, page objects, and shared utilities
  • Fast feedback and reduced flaky manual testing through automated runs

Quick Start

Create Playwright tests under apps/examples/e2e and apps/dotcom/client/e2e, then run yarn e2e to execute them.

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 reliable Playwright E2E tests for tldraw UI workflows?▼

To write reliable Playwright E2E tests for tldraw, structure your test suites under apps/examples/e2e and apps/dotcom/client/e2e using fixtures, page objects, and shared utilities to ensure consistent, repeatable execution across environments. Run tests using yarn e2e.

What is the best way to structure end-to-end UI tests for tldraw?▼

The best way to structure tldraw E2E tests is using a standardized layout with dedicated fixtures, page objects, and shared utilities. This structure enforces clear isolation patterns, reducing flaky manual testing and accelerating release cycles through automated runs.

Does this Playwright test automation setup support both tldraw examples and the dotcom client?▼

Yes, this Playwright test automation setup supports both tldraw examples and the dotcom client. It applies to test suites located specifically in apps/examples/e2e and apps/dotcom/client/e2e, enabling consistent UI testing workflows across both product areas.

Can I use fixtures and page objects to isolate tldraw Playwright test states?▼

Yes, you can use fixtures and page objects to isolate tldraw Playwright test states. The skill requires a standardized test structure with clear isolation patterns, leveraging shared utilities to ensure reliable execution and reporting across different test environments.

How do I run automated E2E tests for tldraw after setting up the test structure?▼

To run automated E2E tests for tldraw, execute the yarn e2e command. This triggers the Playwright test runner to automatically verify UI flows across your structured test suites in apps/examples/e2e and apps/dotcom/client/e2e, providing fast feedback.

Related Skills

Explore More Software Engineering Skills→
csim-sgcsim-sg

write-e2e-tests

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

Community
Intermediate
mehdicmehdic
21

test-coverage

Generate comprehensive test coverage reports for Python, JavaScript, Go & Java projects.

Community
Intermediate
PrasadTelasulaPrasadTelasula

component-testing

Test React components with React Testing Library and Playwright for frontend correctness.

Community
Intermediate
williamzujkowskiwilliamzujkowski
17

e2e-testing

Automate end-to-end web app testing with Playwright or Cypress in CI/CD pipelines.

Community
Intermediate