@wdio/cli 8.13.4 → 8.13.10

package/build/constants.d.ts

@@ -126,12 +126,12 @@ export declare const SUPPORTED_PACKAGES: {
     }, {
         readonly name: "geckodriver";
         readonly value: "wdio-geckodriver-service$--$geckodriver";
-    }, {
-        readonly name: "edgedriver";
-        readonly value: "wdio-edgedriver-service$--$edgedriver";
     }, {
         readonly name: "safaridriver";
         readonly value: "wdio-safaridriver-service$--$safaridriver";
+    }, {
+        readonly name: "edgedriver";
+        readonly value: "wdio-edgedriver-service$--$edgedriver";
     }, {
         readonly name: "firefox-profile";
         readonly value: "@wdio/firefox-profile-service$--$firefox-profile";
@@ -141,6 +141,9 @@ export declare const SUPPORTED_PACKAGES: {
     }, {
         readonly name: "vite";
         readonly value: "wdio-vite-service$--$vite";
+    }, {
+        readonly name: "nuxt";
+        readonly value: "wdio-nuxt-service$--$nuxt";
     }, {
         readonly name: "devtools";
         readonly value: "@wdio/devtools-service$--$devtools";
@@ -525,18 +528,18 @@ export declare const QUESTIONNAIRE: ({
     type: string;
     name: string;
     message: string;
-    choices: (answers: Questionnair) => readonly [{
+    choices: (answers: Questionnair) => Promise<readonly [{
         readonly name: "chromedriver";
         readonly value: "wdio-chromedriver-service$--$chromedriver";
     }, {
         readonly name: "geckodriver";
         readonly value: "wdio-geckodriver-service$--$geckodriver";
-    }, {
-        readonly name: "edgedriver";
-        readonly value: "wdio-edgedriver-service$--$edgedriver";
     }, {
         readonly name: "safaridriver";
         readonly value: "wdio-safaridriver-service$--$safaridriver";
+    }, {
+        readonly name: "edgedriver";
+        readonly value: "wdio-edgedriver-service$--$edgedriver";
     }, {
         readonly name: "firefox-profile";
         readonly value: "@wdio/firefox-profile-service$--$firefox-profile";
@@ -546,6 +549,9 @@ export declare const QUESTIONNAIRE: ({
     }, {
         readonly name: "vite";
         readonly value: "wdio-vite-service$--$vite";
+    }, {
+        readonly name: "nuxt";
+        readonly value: "wdio-nuxt-service$--$nuxt";
     }, {
         readonly name: "devtools";
         readonly value: "@wdio/devtools-service$--$devtools";
@@ -657,18 +663,21 @@ export declare const QUESTIONNAIRE: ({
     }, {
         readonly name: "robonut";
         readonly value: "wdio-robonut-service$--$robonut";
-    }] | ({
+    }] | {
+        name: string;
+        value: string;
+    }[] | ({
         readonly name: "chromedriver";
         readonly value: "wdio-chromedriver-service$--$chromedriver";
     } | {
         readonly name: "geckodriver";
         readonly value: "wdio-geckodriver-service$--$geckodriver";
-    } | {
-        readonly name: "edgedriver";
-        readonly value: "wdio-edgedriver-service$--$edgedriver";
     } | {
         readonly name: "safaridriver";
         readonly value: "wdio-safaridriver-service$--$safaridriver";
+    } | {
+        readonly name: "edgedriver";
+        readonly value: "wdio-edgedriver-service$--$edgedriver";
     } | {
         readonly name: "firefox-profile";
         readonly value: "@wdio/firefox-profile-service$--$firefox-profile";
@@ -678,6 +687,9 @@ export declare const QUESTIONNAIRE: ({
     } | {
         readonly name: "vite";
         readonly value: "wdio-vite-service$--$vite";
+    } | {
+        readonly name: "nuxt";
+        readonly value: "wdio-nuxt-service$--$nuxt";
     } | {
         readonly name: "devtools";
         readonly value: "@wdio/devtools-service$--$devtools";
@@ -789,8 +801,8 @@ export declare const QUESTIONNAIRE: ({
     } | {
         readonly name: "robonut";
         readonly value: "wdio-robonut-service$--$robonut";
-    } | undefined)[];
-    default: (answers: Questionnair) => ("wdio-chromedriver-service$--$chromedriver" | "wdio-geckodriver-service$--$geckodriver" | "wdio-edgedriver-service$--$edgedriver" | "wdio-safaridriver-service$--$safaridriver" | "@wdio/firefox-profile-service$--$firefox-profile" | "@wdio/gmail-service$--$gmail" | "wdio-vite-service$--$vite" | "@wdio/devtools-service$--$devtools" | "@wdio/sauce-service$--$sauce" | "@wdio/testingbot-service$--$testingbot" | "@wdio/crossbrowsertesting-service$--$crossbrowsertesting" | "@wdio/browserstack-service$--$browserstack" | "wdio-vscode-service$--$vscode" | "wdio-electron-service$--$electron" | "@wdio/appium-service$--$appium" | "@wdio/selenium-standalone-service$--$selenium-standalone" | "wdio-eslinter-service$--$eslinter" | "wdio-lambdatest-service$--$lambdatest" | "wdio-zafira-listener-service$--$zafira-listener" | "wdio-reportportal-service$--$reportportal" | "wdio-docker-service$--$docker" | "wdio-ui5-service$--$ui5" | "wdio-wiremock-service$--$wiremock" | "wdio-ng-apimock-service$--ng-apimock" | "wdio-slack-service$--$slack" | "wdio-cucumber-viewport-logger-service$--$cucumber-viewport-logger" | "wdio-intercept-service$--$intercept" | "wdio-image-comparison-service$--$image-comparison" | "wdio-novus-visual-regression-service$--$novus-visual-regression" | "wdio-rerun-service$--$rerun" | "wdio-winappdriver-service$--$winappdriver" | "wdio-ywinappdriver-service$--$ywinappdriver" | "wdio-performancetotal-service$--$performancetotal" | "wdio-cleanuptotal-service$--$cleanuptotal" | "wdio-aws-device-farm-service$--$aws-device-farm" | "wdio-ocr-service$--$ocr-native-apps" | "wdio-ms-teams-service$--$ms-teams" | "wdio-tesults-service$--$tesults" | "@gmangiapelo/wdio-azure-devops-service$--$azure-devops" | "wdio-google-chat-service$--$google-chat" | "@sap_oss/wdio-qmate-service$--$qmate-service" | "wdio-vitaqai-service$--$vitaqai" | "wdio-robonut-service$--$robonut" | undefined)[];
+    } | undefined)[]>;
+    default: (answers: Questionnair) => Promise<("wdio-chromedriver-service$--$chromedriver" | "wdio-geckodriver-service$--$geckodriver" | "wdio-safaridriver-service$--$safaridriver" | "wdio-edgedriver-service$--$edgedriver" | "@wdio/firefox-profile-service$--$firefox-profile" | "@wdio/gmail-service$--$gmail" | "wdio-vite-service$--$vite" | "wdio-nuxt-service$--$nuxt" | "@wdio/devtools-service$--$devtools" | "@wdio/sauce-service$--$sauce" | "@wdio/testingbot-service$--$testingbot" | "@wdio/crossbrowsertesting-service$--$crossbrowsertesting" | "@wdio/browserstack-service$--$browserstack" | "wdio-vscode-service$--$vscode" | "wdio-electron-service$--$electron" | "@wdio/appium-service$--$appium" | "@wdio/selenium-standalone-service$--$selenium-standalone" | "wdio-eslinter-service$--$eslinter" | "wdio-lambdatest-service$--$lambdatest" | "wdio-zafira-listener-service$--$zafira-listener" | "wdio-reportportal-service$--$reportportal" | "wdio-docker-service$--$docker" | "wdio-ui5-service$--$ui5" | "wdio-wiremock-service$--$wiremock" | "wdio-ng-apimock-service$--ng-apimock" | "wdio-slack-service$--$slack" | "wdio-cucumber-viewport-logger-service$--$cucumber-viewport-logger" | "wdio-intercept-service$--$intercept" | "wdio-image-comparison-service$--$image-comparison" | "wdio-novus-visual-regression-service$--$novus-visual-regression" | "wdio-rerun-service$--$rerun" | "wdio-winappdriver-service$--$winappdriver" | "wdio-ywinappdriver-service$--$ywinappdriver" | "wdio-performancetotal-service$--$performancetotal" | "wdio-cleanuptotal-service$--$cleanuptotal" | "wdio-aws-device-farm-service$--$aws-device-farm" | "wdio-ocr-service$--$ocr-native-apps" | "wdio-ms-teams-service$--$ms-teams" | "wdio-tesults-service$--$tesults" | "@gmangiapelo/wdio-azure-devops-service$--$azure-devops" | "wdio-google-chat-service$--$google-chat" | "@sap_oss/wdio-qmate-service$--$qmate-service" | "wdio-vitaqai-service$--$vitaqai" | "wdio-robonut-service$--$robonut" | undefined)[]>;
     validate: (answers: string[]) => string | Boolean;
     when?: undefined;
 } | {

package/build/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAG9C,eAAO,MAAM,GAAG,KAA6B,CAAA;AAE7C,eAAO,MAAM,YAAY,QAAqE,CAAA;AAE9F,eAAO,MAAM,kBAAkB;;;;;CAK9B,CAAA;AAED,eAAO,MAAM,mBAAmB,8HAI/B,CAAA;AAED,eAAO,MAAM,6BAA6B,ucAYzC,CAAA;AAED,eAAO,MAAM,iCAAiC,8CAG7C,CAAA;AAED,eAAO,MAAM,WAAW,KAAK,CAAA;AAE7B,eAAO,MAAM,cAAc;;;;CAI1B,CAAA;AAED,eAAO,MAAM,UAAU;;;;CAItB,CAAA;AAED,eAAO,MAAM,uBAAuB,iGAI1B,CAAA;AAEV,eAAO,MAAM,gBAAgB;;;;CAInB,CAAA;AAEV;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwFrB,CAAA;AAEV,eAAO,MAAM,gCAAgC;;;;;;IAQ5C,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAM3D,CAAA;AAED,eAAO,MAAM,eAAe,6OAOlB,CAAA;AAEV,eAAO,MAAM,gBAAgB,4BAGnB,CAAA;AAEV,eAAO,MAAM,aAAa,+BAIhB,CAAA;AAEV,eAAO,MAAM,gBAAgB;;;GAG5B,CAAA;AAED,eAAO,MAAM,mBAAmB;;;GAG/B,CAAA;AAED,eAAO,MAAM,oBAAoB;;;;GAKhC,CAAA;AAED,iBAAS,eAAe,CAAE,OAAO,EAAE,YAAY,WAE9C;AAuBD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAkBqB,YAAY;;;;;;;;oBAkBX,YAAY;;;;;;;;;;;;oBAOb,YAAY;;;;;;;;;;;;oBAmBX,YAAY;;;;;;oBAQb,YAAY;;;;;;;;;oBAMZ,YAAY;;;;;;;;;oBAyBZ,YAAY;;;;;;;oBAkDZ,YAAY;;;;;;;uBAuBR,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAcb,YAAY;;;;;;;;oBAMf,YAAY;;;;;;;uBAaT,YAAY;oBAIf,YAAY;;;;;;;uBAkCT,YAAY;oBAKf,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAqBpC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAiBZ,YAAY;wBAgBgB,MAAM,EAAE;;;;;;;;;;IAsCzD,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAG9C,eAAO,MAAM,GAAG,KAA6B,CAAA;AAE7C,eAAO,MAAM,YAAY,QAAqE,CAAA;AAE9F,eAAO,MAAM,kBAAkB;;;;;CAK9B,CAAA;AAED,eAAO,MAAM,mBAAmB,8HAI/B,CAAA;AAED,eAAO,MAAM,6BAA6B,ucAYzC,CAAA;AAED,eAAO,MAAM,iCAAiC,8CAG7C,CAAA;AAED,eAAO,MAAM,WAAW,KAAK,CAAA;AAE7B,eAAO,MAAM,cAAc;;;;CAI1B,CAAA;AAED,eAAO,MAAM,UAAU;;;;CAItB,CAAA;AAED,eAAO,MAAM,uBAAuB,iGAI1B,CAAA;AAEV,eAAO,MAAM,gBAAgB;;;;CAInB,CAAA;AAEV;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyFrB,CAAA;AAEV,eAAO,MAAM,gCAAgC;;;;;;IAQ5C,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAM3D,CAAA;AAED,eAAO,MAAM,eAAe,6OAOlB,CAAA;AAEV,eAAO,MAAM,gBAAgB,4BAGnB,CAAA;AAEV,eAAO,MAAM,aAAa,+BAIhB,CAAA;AAEV,eAAO,MAAM,gBAAgB;;;GAG5B,CAAA;AAED,eAAO,MAAM,mBAAmB;;;GAG/B,CAAA;AAED,eAAO,MAAM,oBAAoB;;;;GAKhC,CAAA;AAED,iBAAS,eAAe,CAAE,OAAO,EAAE,YAAY,WAE9C;AA6CD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAkBqB,YAAY;;;;;;;;oBAkBX,YAAY;;;;;;;;;;;;oBAOb,YAAY;;;;;;;;;;;;oBAmBX,YAAY;;;;;;oBAQb,YAAY;;;;;;;;;oBAMZ,YAAY;;;;;;;;;oBAyBZ,YAAY;;;;;;;oBAkDZ,YAAY;;;;;;;uBAuBR,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAcb,YAAY;;;;;;;;oBAMf,YAAY;;;;;;;uBAaT,YAAY;oBAIf,YAAY;;;;;;;uBAkCT,YAAY;oBAKf,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAqB9B,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAxRgC,MAAM;eAAS,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA0SjE,YAAY;wBAkBU,MAAM,EAAE;;;;;;;;;;IAsCzD,CAAA"}

package/build/constants.js

@@ -1,3 +1,5 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
 import { createRequire } from 'node:module';
 import { validateServiceAnswers, detectCompiler, getDefaultFiles, convertPackageHashToObject } from './utils.js';
 const require = createRequire(import.meta.url);
@@ -99,12 +101,13 @@ export const SUPPORTED_PACKAGES = {
         // put chromedriver first as it is the default option
         { name: 'chromedriver', value: 'wdio-chromedriver-service$--$chromedriver' },
         { name: 'geckodriver', value: 'wdio-geckodriver-service$--$geckodriver' },
-        { name: 'edgedriver', value: 'wdio-edgedriver-service$--$edgedriver' },
         { name: 'safaridriver', value: 'wdio-safaridriver-service$--$safaridriver' },
+        { name: 'edgedriver', value: 'wdio-edgedriver-service$--$edgedriver' },
         // internal
         { name: 'firefox-profile', value: '@wdio/firefox-profile-service$--$firefox-profile' },
         { name: 'gmail', value: '@wdio/gmail-service$--$gmail' },
         { name: 'vite', value: 'wdio-vite-service$--$vite' },
+        { name: 'nuxt', value: 'wdio-nuxt-service$--$nuxt' },
         { name: 'devtools', value: '@wdio/devtools-service$--$devtools' },
         { name: 'sauce', value: '@wdio/sauce-service$--$sauce' },
         { name: 'testingbot', value: '@wdio/testingbot-service$--$testingbot' },
@@ -198,19 +201,33 @@ function isBrowserRunner(answers) {
 function getTestingPurpose(answers) {
     return convertPackageHashToObject(answers.runner).purpose;
 }
+async function isNuxtProject() {
+    const pathOptions = [
+        path.join(process.cwd(), 'nuxt.config.js'),
+        path.join(process.cwd(), 'nuxt.config.ts'),
+        path.join(process.cwd(), 'nuxt.config.mjs'),
+        path.join(process.cwd(), 'nuxt.config.mts')
+    ];
+    return (await Promise.all(pathOptions.map((o) => fs.access(o).then(() => true, () => false))).then((res) => res.filter(Boolean))).length > 0;
+}
 function getBrowserDriver(browserName) {
     const driverName = BROWSER_ENVIRONMENTS.find((browser) => browser.value === browserName)?.driver;
     return SUPPORTED_PACKAGES.service.find((svc) => svc.name === driverName)?.value;
 }
-function selectDefaultService(serviceName) {
+function selectDefaultService(serviceNames) {
+    serviceNames = Array.isArray(serviceNames) ? serviceNames : [serviceNames];
     return [SUPPORTED_PACKAGES.service.find(
         /* istanbul ignore next */
-        ({ name }) => name === serviceName)?.value];
+        ({ name }) => serviceNames.includes(name))?.value];
 }
-function prioServiceOrderFor(serviceName) {
-    const index = SUPPORTED_PACKAGES.service.findIndex(({ name }) => name === serviceName);
-    return SUPPORTED_PACKAGES.service.slice(index)
-        .concat(SUPPORTED_PACKAGES.service.slice(0, index));
+function prioServiceOrderFor(serviceNamesParam) {
+    const serviceNames = Array.isArray(serviceNamesParam) ? serviceNamesParam : [serviceNamesParam];
+    let services = Object.create(SUPPORTED_PACKAGES.service);
+    for (const serviceName of serviceNames) {
+        const index = services.findIndex(({ name }) => name === serviceName);
+        services = [services[index], ...services.slice(0, index), ...services.slice(index + 1)];
+    }
+    return services;
 }
 export const QUESTIONNAIRE = [{
         type: 'list',
@@ -467,7 +484,7 @@ export const QUESTIONNAIRE = [{
         type: 'checkbox',
         name: 'services',
         message: 'Do you want to add a service to your test setup?',
-        choices: (answers) => {
+        choices: async (answers) => {
             if (answers.backend === BACKEND_CHOICES[3]) {
                 return prioServiceOrderFor('browserstack');
             }
@@ -486,10 +503,12 @@ export const QUESTIONNAIRE = [{
             else if (getTestingPurpose(answers) === 'macos') {
                 return [SUPPORTED_PACKAGES.service.find(({ name }) => name === 'appium')];
             }
+            else if (getTestingPurpose(answers) === 'e2e' && await isNuxtProject()) {
+                return prioServiceOrderFor('nuxt');
+            }
             return SUPPORTED_PACKAGES.service;
         },
-        // @ts-ignore
-        default: (answers) => {
+        default: async (answers) => {
             if (answers.backend === BACKEND_CHOICES[3]) {
                 return selectDefaultService('browserstack');
             }
@@ -497,7 +516,9 @@ export const QUESTIONNAIRE = [{
                 return selectDefaultService('sauce');
             }
             else if (answers.browserEnvironment && answers.browserEnvironment.length) {
-                return answers.browserEnvironment.map((browserName) => getBrowserDriver(browserName));
+                const defaultServices = answers.browserEnvironment.map((browserName) => getBrowserDriver(browserName));
+                defaultServices.push(selectDefaultService('nuxt')[0]);
+                return defaultServices;
             }
             else if (answers.e2eEnvironment === 'mobile' || getTestingPurpose(answers) === 'macos') {
                 return selectDefaultService('appium');

package/build/templates/exampleFiles/browser/Component.css.ejs

@@ -3,6 +3,7 @@
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
+    text-align: center;
 
     color-scheme: light dark;
     color: rgba(255, 255, 255, 0.87);
@@ -117,4 +118,4 @@ button:focus-visible {
 
 .read-the-docs {
     color: #888;
-}
+}

package/build/templates/exampleFiles/browser/Component.lit.ejs

@@ -1,14 +1,15 @@
 import { LitElement, css, html } from 'lit'
-import { customElement, property } from 'lit/decorators.js'
-
+<%- answers.isUsingTypeScript ? `import { customElement, property } from 'lit/decorators.js'\n` : ''
+%>
 /**
  * An example element.
  *
  * @slot - This element has a slot
  * @csspart button - The button
  */
-@customElement('my-element')
-export class MyElement extends LitElement {
+<%- answers.isUsingTypeScript ? `@customElement('my-element')\n` : ''
+%>export class MyElement extends LitElement {<%
+if (answers.isUsingTypeScript) { %>
     /**
      * Copy for the read the docs hint.
      */
@@ -20,7 +21,27 @@ export class MyElement extends LitElement {
      */
     @property({ type: Number })
     count = 0
+<% } else { %>
+    static get properties() {
+        return {
+            /**
+            * Copy for the read the docs hint.
+            */
+            docsHint: { type: String },
+
+            /**
+            * The number of times the button has been clicked.
+            */
+            count: { type: Number },
+        }
+    }
 
+    constructor() {
+        super()
+        this.docsHint = 'Click on the Vite and Lit logos to learn more'
+        this.count = 0
+    }
+<% } %>
     render() {
         return html`
         <div>
@@ -37,18 +58,19 @@ export class MyElement extends LitElement {
                 count is ${this.count}
             </button>
             <p>
-                Edit <code>src/Component.test.tsx</code> and save to test HMR
+                Edit <code>src/Component.test.<%- answers.isUsingTypeScript ? `ts` : 'js' %></code> and save to test HMR
             </p>
         </div>
         <p class="read-the-docs">${this.docsHint}</p>
     `
     }
 
-    private _onClick() {
+    <%- answers.isUsingTypeScript ? `private ` : ''%>_onClick() {
         this.count++
     }
 
-    static styles = css`
+    <% if (answers.isUsingTypeScript) { %>static styles = css`<% } else { %>static get styles() {
+        return css`<% } %>
     :host {
       max-width: 1280px;
       margin: 0 auto;
@@ -119,10 +141,14 @@ export class MyElement extends LitElement {
       }
     }
   `
+  <% if (!answers.isUsingTypeScript) { %>}<% } %>
 }
-
+<% if (answers.isUsingTypeScript) { %>
 declare global {
     interface HTMLElementTagNameMap {
         'my-element': MyElement
     }
-}
+}<%
+} else { %>
+window.customElements.define('my-element', MyElement)<%
+} %>

package/build/templates/exampleFiles/browser/Component.lit.test.ejs

@@ -1,7 +1,7 @@
 import { html, render } from 'lit'
 import { $, expect } from '@wdio/globals'
 
-import './Component.lit.js'
+import './Component.js'
 import './Component.css'
 
 describe('Lit component testing', () => {

package/build/templates/exampleFiles/browser/Component.preact.ejs

@@ -17,7 +17,7 @@ export default function ExampleComponent () {
                     count is {count}
                 </button>
                 <p>
-                    Edit <code>src/Component.test.tsx</code> and save to test HMR
+                    Edit <code>src/Component.test.<%- answers.isUsingTypeScript ? `tsx` : 'jsx' %></code> and save to test HMR
                 </p>
             </div>
             <p class="read-the-docs">

package/build/templates/exampleFiles/browser/Component.preact.test.ejs

@@ -1,14 +1,14 @@
 <%
-const harnessImport = installTestingLibrary
+const harnessImport = answers.installTestingLibrary
     ? `import { h } from 'preact'\nimport { render, screen, fireEvent } from '@testing-library/preact'`
     : `import { h, render } from 'preact'\nimport htm from 'https://esm.sh/htm'`
-const renderCommand = installTestingLibrary
+const renderCommand = answers.installTestingLibrary
     ? `render(<ExampleComponent />)`
     : "render(html`<${ExampleComponent} />`, container)"
 %>
 import { expect, $ } from '@wdio/globals'
 <%- harnessImport %>
-<% if (installTestingLibrary) { %>
+<% if (answers.installTestingLibrary) { %>
 import * as matchers from '@testing-library/jest-dom/matchers'
 expect.extend(matchers)
 <% } else { %>
@@ -18,7 +18,7 @@ const html = htm.bind(h);
 import ExampleComponent from './Component'
 
 describe('Preact Component Tests', () => {
-    <% if (installTestingLibrary) { %>
+    <% if (answers.installTestingLibrary) { %>
     it('should test component with Testing Library', async () => {
         render(<ExampleComponent />)
         const component = screen.getByText(/count is 0/i)
@@ -30,7 +30,7 @@ describe('Preact Component Tests', () => {
         expect(screen.getByText(/count is 2/i)).toBeInTheDocument()
     })
     <% } else { %>
-    let container<%- isUsingTypeScript ? `: Element` : '' %>
+    let container<%- answers.isUsingTypeScript ? `: Element` : '' %>
 
     beforeEach(() => {
         container = document.createElement('div')

package/build/templates/exampleFiles/browser/Component.react.ejs

@@ -18,7 +18,7 @@ export default function ExampleComponent () {
                     count is {count}
                 </button>
                 <p>
-                    Edit <code>src/Component.test.tsx</code> and save to test HMR
+                    Edit <code>src/Component.test.<%- answers.isUsingTypeScript ? `tsx` : 'jsx' %></code> and save to test HMR
                 </p>
             </div>
             <p className="read-the-docs">

package/build/templates/exampleFiles/browser/Component.react.test.ejs

@@ -1,8 +1,8 @@
 <%
-const harnessImport = installTestingLibrary
+const harnessImport = answers.installTestingLibrary
     ? `import { render, screen, fireEvent } from '@testing-library/react'`
     : `import { createRoot } from 'react-dom/client'`
-const renderCommand = installTestingLibrary
+const renderCommand = answers.installTestingLibrary
     ? `render(<ExampleComponent />)`
     : `const root = createRoot(container)
         root.render(<ExampleComponent />)`
@@ -10,14 +10,14 @@ const renderCommand = installTestingLibrary
 import React from 'react'
 import { expect, $ } from '@wdio/globals'
 <%- harnessImport %>
-<% if (installTestingLibrary) { %>
+<% if (answers.installTestingLibrary) { %>
 import * as matchers from '@testing-library/jest-dom/matchers'
 expect.extend(matchers)
 <% } %>
 import ExampleComponent from './Component'
 
 describe('React Component Tests', () => {
-    <% if (installTestingLibrary) { %>
+    <% if (answers.installTestingLibrary) { %>
     it('should test component with Testing Library', async () => {
         render(<ExampleComponent />)
         const component = screen.getByText(/count is 0/i)
@@ -29,7 +29,7 @@ describe('React Component Tests', () => {
         expect(screen.getByText(/count is 2/i)).toBeInTheDocument()
     })
     <% } else { %>
-    let container<%- isUsingTypeScript ? `: Element` : '' %>
+    let container<%- answers.isUsingTypeScript ? `: Element` : '' %>
 
     beforeEach(() => {
         container = document.createElement('div')

package/build/templates/exampleFiles/browser/Component.solid.ejs

@@ -17,7 +17,7 @@ export default function ExampleComponent () {
                     count is {count}
                 </button>
                 <p>
-                    Edit <code>src/Component.test.tsx</code> and save to test HMR
+                    Edit <code>src/Component.test.<%- answers.isUsingTypeScript ? `tsx` : 'jsx' %></code> and save to test HMR
                 </p>
             </div>
             <p class="read-the-docs">

package/build/templates/exampleFiles/browser/Component.solid.test.ejs

@@ -1,21 +1,21 @@
 <%
-const harnessImport = installTestingLibrary
+const harnessImport = answers.installTestingLibrary
     ? `import { cleanup, render, screen, fireEvent } from 'solid-testing-library'`
     : `import { render } from 'solid-js/web'`
-const renderCommand = installTestingLibrary
+const renderCommand = answers.installTestingLibrary
     ? `render(() => <ExampleComponent />)`
     : `render(<ExampleComponent />, container)`
 %>
 import { expect, $ } from '@wdio/globals'
 <%- harnessImport %>
-<% if (installTestingLibrary) { %>
+<% if (answers.installTestingLibrary) { %>
 import * as matchers from '@testing-library/jest-dom/matchers'
 expect.extend(matchers)
 <% } %>
 import ExampleComponent from './Component'
 
 describe('Preact Component Tests', () => {
-    <% if (installTestingLibrary) { %>
+    <% if (answers.installTestingLibrary) { %>
     afterEach(cleanup)
 
     it('should test component with Testing Library', async () => {
@@ -29,7 +29,7 @@ describe('Preact Component Tests', () => {
         expect(screen.getByText(/count is 2/i)).toBeInTheDocument()
     })
     <% } else { %>
-    let container<%- isUsingTypeScript ? `: Element` : '' %>
+    let container<%- answers.isUsingTypeScript ? `: Element` : '' %>
 
     beforeEach(() => {
         container = document.createElement('div')

package/build/templates/exampleFiles/browser/Component.svelte.ejs

@@ -19,7 +19,7 @@ const increment = () => {
             count is {count}
         </button>
         <p>
-            Edit <code>src/Component.test.tsx</code> and save to test HMR
+            Edit <code>src/Component.test.<%- answers.isUsingTypeScript ? `ts` : 'js' %></code> and save to test HMR
         </p>
     </div>
 

package/build/templates/exampleFiles/browser/Component.svelte.test.ejs

@@ -1,14 +1,14 @@
 <%
-const harnessImport = installTestingLibrary
+const harnessImport = answers.installTestingLibrary
     ? `import { render, fireEvent } from '@testing-library/svelte'`
     : ``
-const renderCommand = installTestingLibrary
+const renderCommand = answers.installTestingLibrary
     ? `render(ExampleComponent)`
     : `new ExampleComponent({ target: container, props: {} })`
 %>
 import { $, expect } from '@wdio/globals'
 <%- harnessImport %>
-<% if (installTestingLibrary) { %>
+<% if (answers.installTestingLibrary) { %>
 import * as matchers from '@testing-library/jest-dom/matchers'
 expect.extend(matchers)
 <% } %>
@@ -16,7 +16,7 @@ import ExampleComponent from './Component.svelte'
 import './Component.css'
 
 describe('Svelte Component Testing', () => {
-    <% if (installTestingLibrary) { %>
+    <% if (answers.installTestingLibrary) { %>
     it('should test component with Testing Library', async () => {
         const { getByText } = render(ExampleComponent)
 
@@ -29,7 +29,7 @@ describe('Svelte Component Testing', () => {
         expect(getByText(/count is 2/i)).toBeInTheDocument()
     })
     <% } else { %>
-    let container<%- isUsingTypeScript ? `: Element` : '' %>
+    let container<%- answers.isUsingTypeScript ? `: Element` : '' %>
 
     beforeEach(() => {
         container = document.createElement('div')

package/build/templates/exampleFiles/browser/Component.vue.ejs

@@ -19,7 +19,7 @@ const count = ref(0)
         <div class="card">
             <button type="button" @click="count++">count is {{ count }}</button>
             <p>
-                Edit <code>src/Component.test.tsx</code> and save to test HMR
+                Edit <code>src/Component.test.<%- answers.isUsingTypeScript ? `ts` : 'js' %></code> and save to test HMR
             </p>
         </div>
 

package/build/templates/exampleFiles/browser/Component.vue.test.ejs

@@ -1,14 +1,14 @@
 <%
-const harnessImport = installTestingLibrary
+const harnessImport = answers.installTestingLibrary
     ? `import { render, fireEvent } from '@testing-library/vue'`
     : `import { createApp } from 'vue'`
-const renderCommand = installTestingLibrary
+const renderCommand = answers.installTestingLibrary
     ? `render(ExampleComponent, { props: { msg: 'WebdriverIO Component Testing' } })`
     : `createApp(ExampleComponent, { msg: 'WebdriverIO Component Testing' }).mount(container)`
 %>
 import { $, expect } from '@wdio/globals'
 <%- harnessImport %>
-<% if (installTestingLibrary) { %>
+<% if (answers.installTestingLibrary) { %>
 import * as matchers from '@testing-library/jest-dom/matchers'
 expect.extend(matchers)
 <% } %>
@@ -16,7 +16,7 @@ import ExampleComponent from './Component.vue'
 import './Component.css'
 
 describe('Vue Component Testing', () => {
-    <% if (installTestingLibrary) { %>
+    <% if (answers.installTestingLibrary) { %>
     it('should test component with Testing Library', async () => {
         // The render method returns a collection of utilities to query your component.
         const { getByText } = render(ExampleComponent, {
@@ -32,7 +32,7 @@ describe('Vue Component Testing', () => {
         expect(getByText(/count is 2/i)).toBeInTheDocument()
     })
     <% } else { %>
-    let container<%- isUsingTypeScript ? `: Element` : '' %>
+    let container<%- answers.isUsingTypeScript ? `: Element` : '' %>
 
     beforeEach(() => {
         container = document.createElement('div')

package/build/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"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"}

package/build/utils.js

@@ -326,16 +326,14 @@ export async function generateTestFiles(answers) {
 const TSX_BASED_FRAMEWORKS = ['react', 'preact', 'solid'];
 export async function generateBrowserRunnerTestFiles(answers) {
     const isUsingFramework = typeof answers.preset === 'string';
-    const preset = isUsingFramework
-        ? answers.preset || 'lit'
-        : '';
+    const preset = getPreset(answers);
     const tplRootDir = path.join(TEMPLATE_ROOT_DIR, 'browser');
     await fs.mkdir(answers.destSpecRootPath, { recursive: true });
     /**
      * render css file
      */
     if (isUsingFramework) {
-        const renderedCss = await renderFile(path.join(tplRootDir, 'Component.css.ejs'), answers);
+        const renderedCss = await renderFile(path.join(tplRootDir, 'Component.css.ejs'), { answers });
         await fs.writeFile(path.join(answers.destSpecRootPath, 'Component.css'), renderedCss);
     }
     /**
@@ -347,14 +345,14 @@ export async function generateBrowserRunnerTestFiles(answers) {
         : testExt;
     if (preset) {
         const componentOutFileName = `Component.${fileExt}`;
-        const renderedComponent = await renderFile(path.join(tplRootDir, `Component.${preset}.ejs`), answers);
+        const renderedComponent = await renderFile(path.join(tplRootDir, `Component.${preset}.ejs`), { answers });
         await fs.writeFile(path.join(answers.destSpecRootPath, componentOutFileName), renderedComponent);
     }
     /**
      * render test file
      */
     const componentFileName = preset ? `Component.${preset}.test.ejs` : 'standalone.test.ejs';
-    const renderedTest = await renderFile(path.join(tplRootDir, componentFileName), answers);
+    const renderedTest = await renderFile(path.join(tplRootDir, componentFileName), { answers });
     await fs.writeFile(path.join(answers.destSpecRootPath, `Component.test.${testExt}`), renderedTest);
 }
 async function generateLocalRunnerTestFiles(answers) {
@@ -382,19 +380,22 @@ export async function getAnswers(yes) {
     if (yes) {
         const ignoredQuestions = ['e2eEnvironment'];
         const filterdQuestionaire = QUESTIONNAIRE.filter((question) => !ignoredQuestions.includes(question.name));
-        const answers = filterdQuestionaire.reduce((answers, question) => Object.assign(answers, question.when && !question.when(answers)
+        const answers = {};
+        for (const question of filterdQuestionaire) {
             /**
              * set nothing if question doesn't apply
              */
-            ? {}
-            : {
+            if (question.when && !question.when(answers)) {
+                continue;
+            }
+            Object.assign(answers, {
                 [question.name]: typeof question.default !== 'undefined'
                     /**
                      * set default value if existing
                      */
                     ? typeof question.default === 'function'
-                        ? question.default(answers)
-                        : question.default
+                        ? await question.default(answers)
+                        : await question.default
                     : question.choices && question.choices.length
                         /**
                          * pick first choice, select value if it exists
@@ -407,7 +408,8 @@ export async function getAnswers(yes) {
                                 ? question.choices[0].value
                                 : question.choices[0]
                         : {}
-            }), {});
+            });
+        }
         /**
          * some questions have async defaults
          */
@@ -589,6 +591,13 @@ export function npmInstall(parsedAnswers, useYarn, npmTag) {
     if (presetPackage.short === 'solid') {
         parsedAnswers.packagesToInstall.push('solid-js');
     }
+    /**
+     * add dependency for Lit testing
+     */
+    const preset = getPreset(parsedAnswers);
+    if (preset === 'lit') {
+        parsedAnswers.packagesToInstall.push('lit');
+    }
     /**
      * add helper for React rendering when not using Testing Library
      */
@@ -666,19 +675,61 @@ export async function setupTypeScript(parsedAnswers) {
             .filter(service => service.startsWith('@wdio'))
     ];
     if (!parsedAnswers.hasRootTSConfig) {
+        const preset = getPreset(parsedAnswers);
         const config = {
             compilerOptions: {
+                // compiler
                 moduleResolution: 'node',
                 module: !parsedAnswers.esmSupport ? 'commonjs' : 'ESNext',
-                types,
                 target: 'es2022',
-            }
+                types,
+                skipLibCheck: true,
+                // bundler
+                noEmit: true,
+                allowImportingTsExtensions: true,
+                resolveJsonModule: true,
+                isolatedModules: true,
+                // linting
+                strict: true,
+                noUnusedLocals: true,
+                noUnusedParameters: true,
+                noFallthroughCasesInSwitch: true,
+                ...Object.assign(preset === 'lit'
+                    ? {
+                        experimentalDecorators: true,
+                        useDefineForClassFields: false
+                    }
+                    : {}, preset === 'react'
+                    ? {
+                        jsx: 'react-jsx'
+                    }
+                    : {}, preset === 'preact'
+                    ? {
+                        jsx: 'react-jsx',
+                        jsxImportSource: 'preact'
+                    }
+                    : {}, preset === 'solid'
+                    ? {
+                        jsx: 'preserve',
+                        jsxImportSource: 'solid-js'
+                    }
+                    : {})
+            },
+            include: preset === 'svelte'
+                ? ['src/**/*.d.ts', 'src/**/*.ts', 'src/**/*.js', 'src/**/*.svelte']
+                : preset === 'vue'
+                    ? ['src/**/*.ts', 'src/**/*.d.ts', 'src/**/*.tsx', 'src/**/*.vue']
+                    : ['src']
         };
         await fs.mkdir(path.dirname(parsedAnswers.tsConfigFilePath), { recursive: true });
         await fs.writeFile(parsedAnswers.tsConfigFilePath, JSON.stringify(config, null, 4));
     }
     console.log(chalk.green.bold('✔ Success!\n'));
 }
+function getPreset(parsedAnswers) {
+    const isUsingFramework = typeof parsedAnswers.preset === 'string';
+    return isUsingFramework ? (parsedAnswers.preset || 'lit') : '';
+}
 /**
  * add @babel/register package if not installed
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wdio/cli",
-  "version": "8.13.4",
+  "version": "8.13.10",
   "description": "WebdriverIO testrunner command line interface",
   "author": "Christian Bromann <mail@bromann.dev>",
   "homepage": "https://github.com/webdriverio/webdriverio/tree/main/packages/wdio-cli",
@@ -47,7 +47,7 @@
   "dependencies": {
     "@types/node": "^20.1.1",
     "@wdio/config": "8.12.1",
-    "@wdio/globals": "8.13.4",
+    "@wdio/globals": "8.13.10",
     "@wdio/logger": "8.11.0",
     "@wdio/protocols": "8.11.0",
     "@wdio/types": "8.10.4",
@@ -65,7 +65,7 @@
     "lodash.union": "^4.6.0",
     "read-pkg-up": "9.1.0",
     "recursive-readdir": "^2.2.3",
-    "webdriverio": "8.13.4",
+    "webdriverio": "8.13.10",
     "yargs": "^17.7.2",
     "yarn-install": "^1.0.0"
   },
@@ -82,5 +82,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9f935f814d57a4604b4d3ec153bf01aea1c73ce8"
+  "gitHead": "2a05643770eb3167ab366fc4912f723e9640af1d"
 }