This repository contains several examples for testing web components using WebdriverIO. They are using different frameworks and set-ups and we will continue to add more examples as we improve support for more environments. All examples use WebdriverIO v8 and the @wdio/browser-runner to run tests within the browser environment.
Current examples are:
lit-typescript-vite: Lit + TypeScript compiled with Vitepreact-typescript-vite: Preact + TypeScript compiled with Vitereact-typescript-vite: React + TypeScript compiled with Vitesvelte-typescript-vite: Svelte + TypeScript compiled with Vitevue-typescript-vite: Vue.js + TypeScript compiled with Vitenuxt: Nuxtnextjs: Next.jssolidjs-typescript-vite: Solid.js + TypeScript compiled with Viteenhance: Enhancecreate-react-app: Create React Appstencil-component-starter: Stencil Component Starter using Stencilionic-react: Ionic React Starter using Capacitor
If you are missing an example, feel free to raise an issue.
You can test component testing with WebdriverIO using the given examples:
-
Switch to the desired example directory
cd ./<example-directory>
-
Install dependencies:
npm install
-
Run WebdriverIO tests:
npm run wdio
For more information on browser and component testing using WebdriverIO, check out the project docs.
Contributions to adding more examples or extending existing examples are very welcome. For questions about this topic, feel free to join us on Discord Support channel or raise an issue.
