skills.rest
csim-sg
csim-sgCOMMUNITY
Explore all skills by this author →
Website𝕏@monkeymon4GitHub

write-e2e-tests

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

Updated Jan 18, 2026
Search Tags:#automation#testing#ui#e2e#playwright#fixtures#tldraw
One-click install
npx skills add https://github.com/csim-sg/yacc --skill write-e2e-tests-csim-sg
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: write-e2e-tests
Source: https://github.com/csim-sg/yacc/tree/main/.opencode/skills/write-e2e-tests
Command: npx skills add https://github.com/csim-sg/yacc --skill write-e2e-tests-csim-sg

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

End-to-end UI testing is time-consuming and flaky; this skill provides ready-made Playwright test scaffolding for the tldraw UI to ensure reliable regression coverage.

Core Features & Use Cases

  • Test scaffolding: Generates Playwright test suites for common tldraw UI flows (shape creation, selection, and tool interactions).
  • Fixture management: Uses shared fixtures and test setup to ensure deterministic execution across environments.
  • Use Case: Quickly add a new e2e spec for a new UI feature by copying a template and updating selectors.

Quick Start

Use the e2e skill to scaffold and run Playwright tests in apps/examples/e2e or apps/dotcom/client/e2e, then execute the project's test command (e.g., yarn e2e or pnpm e2e) to run all tests.

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?▼

To write Playwright E2E tests for the tldraw UI, you can scaffold test suites targeting common flows like shape creation and tool interactions. This skill generates the necessary test structure within apps/examples/e2e or apps/dotcom/client/e2e directories.

What is the best way to manage deterministic fixtures for tldraw Playwright tests?▼

The best way to manage deterministic execution for tldraw Playwright tests is by using shared fixtures and test setup. This ensures reliable regression coverage across different environments by providing consistent test data and page objects.

Do I need an existing Playwright setup to generate tldraw E2E test specs?▼

Yes, you need an existing Playwright setup in your project to generate and run tldraw E2E test specs. This skill requires a test script structure and access to deterministic fixtures and page objects to function correctly.

How do I run automated E2E tests for tldraw after generating the spec files?▼

After generating the spec files, you run automated E2E tests for tldraw by executing the project's test command, such as 'yarn e2e' or 'pnpm e2e'. This processes all generated Playwright test suites in the configured directories.

Can I use this approach to add regression coverage for new tldraw UI features?▼

Yes, you can add regression coverage for new tldraw UI features by copying a provided test template and updating the selectors. This allows quick creation of new E2E specs for reliable browser-based test scenarios.

Related Skills

Explore More Software Engineering Skills→
openkaidenopenkaiden
95

playwright-testing

Organize Playwright end-to-end tests using the Page Object Model.

Official
Advanced
sc30gswsc30gsw
11

test-coverage

Generates missing unit and integration tests to raise code coverage to 80% or higher using coverage-summary.json.

Community
Intermediate
patronus-aipatronus-ai
2

write-unit-tests

Write Vitest unit and integration tests for the tldraw SDK using TestEditor patterns.

Official
Intermediate
tldrawtldraw
49.7k

write-e2e-tests

Author Playwright-based end-to-end tests for tldraw UI interactions.

Official
Intermediate