skills.rest
yu-iskw
yu-iskwCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

dbt-tools-web-e2e

Automate deterministic Playwright E2E tests for the dbt-tools web UI.

Updated Dec 29, 2025
Search Tags:#automation#testing#ui#e2e#playwright#fixtures#web
One-click install
npx skills add https://github.com/yu-iskw/dbt-artifacts-parser-ts --skill dbt-tools-web-e2e
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: dbt-tools-web-e2e
Source: https://github.com/yu-iskw/dbt-artifacts-parser-ts/tree/main/.claude/skills/dbt-tools-web-e2e
Command: npx skills add https://github.com/yu-iskw/dbt-artifacts-parser-ts --skill dbt-tools-web-e2e

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

Provides deterministic Playwright end-to-end tests for the dbt-tools web UI, reducing flaky UI tests and guiding reliable UI verification across user flows.

Core Features & Use Cases

  • Deterministic E2E specs: stable, CI-ready end-to-end tests covering key user journeys in the dbt-tools web app.
  • Scope and structure: tests live under packages/dbt-tools/web/e2e with a dedicated Playwright configuration at packages/dbt-tools/web/playwright.config.ts.
  • Fixtures and selectors guidance: reuse canonical artifacts and stable selectors, with fixtures and helpful conventions described in the referenced docs.

Quick Start

Run the E2E suite from the repository root using pnpm --filter @dbt-tools/web test:e2e.

Frequently Asked Questions about dbt-tools-web-e2e

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

FAQPage Schema
How do I write deterministic Playwright E2E tests for a web UI?▼

Deterministic Playwright E2E tests require stable selectors and reusable fixtures to eliminate flakiness. This Skill provides CI-ready test specs for the dbt-tools web UI, ensuring reliable end-to-end user flow validation using the project's vite preview setup.

How do I run Playwright end-to-end tests with vite preview before execution?▼

Run the E2E suite using pnpm build followed by test:e2e from the repository root. This Skill configures Playwright to execute tests against the vite preview server, applying the dedicated configuration defined in the project's web package.

What is the best way to structure E2E test fixtures and selectors for web applications?▼

Structure E2E test fixtures and selectors by reusing canonical artifacts and maintaining stable element references. This Skill guides conventions for organizing tests under the e2e directory, reducing selector fragility and ensuring consistent regression coverage across web user flows.

Does this Playwright E2E setup require any specific dependencies to run?▼

This Playwright E2E setup relies on the project's vite preview configuration and pnpm workspace. No external dependencies are required beyond the standard project environment, as tests are defined locally within the dbt-tools web package configuration.

Why are my web UI E2E tests flaky and how can I add regression coverage?▼

Web UI E2E tests become flaky due to unstable selectors and non-deterministic test data. You can add regression coverage by applying this Skill's deterministic fixtures and canonical test specs to validate key user journeys reliably in CI.

Related Skills

Explore More Software Engineering Skills→
JacobLeyJacobLey
9

install-package

Install pnpm workspace dependencies and rebuild projects with nx.

Community
Intermediate
ABLER-Digital-ServicesABLER-Digital-Services

it-app-e2e-runner

Execute Playwright end-to-end tests and inspect failure artifacts.

Official
Intermediate
gruckiongruckion

write-playwright-test

Create Playwright end-to-end tests using fixtures and Page Object Model.

Community
Advanced
williamzujkowskiwilliamzujkowski
17

e2e-testing

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

Community
Intermediate