History

sand4rt 4ed2a01d9c core(ct): import paths (#18131 )		2022-10-19 19:41:21 -07:00
..
playwright	core(ct): import paths (#18131 )	2022-10-19 19:41:21 -07:00
public
src
.gitignore	chore: add vue components example (#12797 )	2022-03-15 14:47:42 -07:00
index.html
package-lock.json
package.json
playwright.config.ts
README.md
vite.config.js	chore: add vue components example (#12797 )	2022-03-15 14:47:42 -07:00
vue.d.ts	fix(ct): vue import errors (#17066 )	2022-09-08 08:37:38 -07:00

Component testing with Playwright and Vue3

Recommended IDE Setup

npm i

npm run dev

Run tests from your VS Code, or execute

npm run test

npm init vue@latest was used to create a default project.
```
npm init vue@latest
```

Install Playwright Test with component testing as dev dependencies.

npm i --save-dev @playwright/test @playwright/experimental-ct-vue

playwright/index.html file was added that defines theming for the components through importing playwright/index.js.
playwright.config.ts was added that builds components before running tests.
A bunch of .spec.ts and .spec.tsx files were added to src that demonstrate Vue3 component testing with and without the use of JSX syntax.