WebdriverIO Component Testing Examples

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 Vite
• preact-typescript-vite: Preact + TypeScript compiled with Vite
• react-typescript-vite: React + TypeScript compiled with Vite
• svelte-typescript-vite: Svelte + TypeScript compiled with Vite
• vue-typescript-vite: Vue.js + TypeScript compiled with Vite
• nuxt: Nuxt
• nextjs: Next.js
• solidjs-typescript-vite: Solid.js + TypeScript compiled with Vite
• enhance: Enhance
• create-react-app: Create React App
• stencil-component-starter: Stencil Component Starter using Stencil
• ionic-react: Ionic React Starter using Capacitor

If you are missing an example, feel free to raise an issue.

Usage

You can test component testing with WebdriverIO using the given examples:

1. Switch to the desired example directory

   cd ./<example-directory>

2. Install dependencies:

   npm install

3. Run WebdriverIO tests:

   npm run wdio

Documentation

For more information on browser and component testing using WebdriverIO, check out the project docs.

Contributing

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.