@wdio/cli 8.13.3 → 8.13.5

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) {
@@ -589,6 +587,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 +671,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.3",
+  "version": "8.13.5",
   "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.3",
+    "@wdio/globals": "8.13.4",
     "@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.3",
+    "webdriverio": "8.13.4",
     "yargs": "^17.7.2",
     "yarn-install": "^1.0.0"
   },
@@ -82,5 +82,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8d1cdd7fed61921baaf71787fb46b6b33061d794"
+  "gitHead": "479ce833c57a8c87d30de35df519d69ca9b3229e"
 }