playwright-gallery
v0.1.0
Published
Playwright story gallery for component testing
Readme
Playwright gallery
Playwright story gallery for component testing
playwright-gallery's goal is to provide a lightweight story gallery for the most popular frameworks.
| Framework | Available | | --------- | --------- | | React | ✅ | | Vue.js | ❌ | | Angular | ❌ | | Svelte | ❌ | | Solid.js | ❌ |
Getting started
- Create an HTML file
playwright/gallery/index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Playwright Component Gallery</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="./main.ts"></script>
</body>
</html>
- Create a .ts file and import playwright-gallery
playwright/gallery/main.ts
import 'playwright-gallery/react';
// Import styles, initialize component theme here.
// import '../src/common.css';
- Once the gallery is setup you may configure Playwright as usual, then write a story and test
Contributing
Note that the project is in early stage.
- Small, incremental changes are easier to review.
- AI contributions are not encouraged.