+

Stencil Playwright

End-to-end test your Stencil web components cross-browser and cross-platform using Playwright.

Quick Start

• Installation & Setup Guide
• Custom Matchers
• Test Extensions
• Advanced Configurations

Local Development

Install dependencies

pnpm install

Building Stencil Playwright

npx turbo run build --filter=stencil-playwright

Testing Changes

Once the project has been built, you can test the changes in packages/stencil-demo.

Running Tests

Running the following commands to test with Playwright.

Testing all suites

npx playwright test

Testing a specific file

# The path to your test file, a directory or a regex pattern
npx playwright test src/components/my-component/my-component.e2e.ts

Releasing

This project is configured with changesets. To create a new release version, run:

npx changeset version

Follow the on-screen prompts to create a major or minor version bump. Commit your changes and merge into main.

Run the Release workflow from the Github Actions tab.

If the Release action fails, confirm if changesets opened a pull request or pushed a branch to origin for the changelog updates. If so, merge these changes into main and re-run the release workflow.