@wdio/cli 8.11.3 → 8.12.0

package/build/constants.js

@@ -58,8 +58,11 @@ export const COMPILER_OPTIONS = {
  */
 export const SUPPORTED_PACKAGES = {
     runner: [
-        { name: 'local - for e2e testing of web and mobile applications', value: '@wdio/local-runner$--$local' },
-        { name: 'browser - for unit and component testing in the browser', value: '@wdio/browser-runner$--$browser' }
+        { name: 'E2E Testing - of Web or Mobile Applications', value: '@wdio/local-runner$--$local$--$e2e' },
+        { name: 'Component or Unit Testing - in the browser\n    > https://webdriver.io/docs/component-testing', value: '@wdio/browser-runner$--$browser$--$component' },
+        { name: 'Desktop Testing - of Electron Applications\n    > https://webdriver.io/docs/desktop-testing/electron', value: '@wdio/local-runner$--$local$--$electron' },
+        { name: 'Desktop Testing - of MacOS Applications\n    > https://webdriver.io/docs/desktop-testing/macos', value: '@wdio/local-runner$--$local$--$macos' },
+        { name: 'VS Code Extension Testing\n    > https://webdriver.io/docs/vscode-extension-testing', value: '@wdio/local-runner$--$local$--$vscode' }
     ],
     framework: [
         { name: 'Mocha (https://mochajs.org/)', value: '@wdio/mocha-framework$--$mocha' },
@@ -99,17 +102,18 @@ export const SUPPORTED_PACKAGES = {
         { name: 'edgedriver', value: 'wdio-edgedriver-service$--$edgedriver' },
         { name: 'safaridriver', value: 'wdio-safaridriver-service$--$safaridriver' },
         // internal
-        { name: 'selenium-standalone', value: '@wdio/selenium-standalone-service$--$selenium-standalone' },
-        { name: 'appium', value: '@wdio/appium-service$--$appium' },
-        { name: 'vscode', value: 'wdio-vscode-service$--$vscode' },
-        { name: 'electron', value: 'wdio-electron-service$--$electron' },
+        { 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: 'devtools', value: '@wdio/devtools-service$--$devtools' },
         { name: 'sauce', value: '@wdio/sauce-service$--$sauce' },
         { name: 'testingbot', value: '@wdio/testingbot-service$--$testingbot' },
         { name: 'crossbrowsertesting', value: '@wdio/crossbrowsertesting-service$--$crossbrowsertesting' },
         { name: 'browserstack', value: '@wdio/browserstack-service$--$browserstack' },
-        { name: 'firefox-profile', value: '@wdio/firefox-profile-service$--$firefox-profile' },
-        { name: 'gmail', value: '@wdio/gmail-service$--$gmail' },
+        { name: 'vscode', value: 'wdio-vscode-service$--$vscode' },
+        { name: 'electron', value: 'wdio-electron-service$--$electron' },
+        { name: 'appium', value: '@wdio/appium-service$--$appium' },
+        { name: 'selenium-standalone', value: '@wdio/selenium-standalone-service$--$selenium-standalone' },
         // external
         { name: 'eslinter-service', value: 'wdio-eslinter-service$--$eslinter' },
         { name: 'lambdatest', value: 'wdio-lambdatest-service$--$lambdatest' },
@@ -174,12 +178,30 @@ export const REGION_OPTION = [
     'eu',
     'apac'
 ];
-function isLocalEnvironment(answers) {
-    return answers.runner === SUPPORTED_PACKAGES.runner[0].value;
-}
+export const E2E_ENVIRONMENTS = [
+    { name: 'Web - web applications in the browser', value: 'web' },
+    { name: 'Mobile - native, hybrid and mobile web apps, on Android or iOS', value: 'mobile' }
+];
+export const MOBILE_ENVIRONMENTS = [
+    { name: 'Android - native, hybrid and mobile web apps, tested on emulators and real devices\n    > using UiAutomator2 (https://www.npmjs.com/package/appium-uiautomator2-driver)', value: 'android' },
+    { name: 'iOS - applications on iOS, iPadOS, and tvOS\n    > using XCTest (https://appium.github.io/appium-xcuitest-driver)', value: 'ios' }
+];
+export const BROWSER_ENVIRONMENTS = [
+    { name: 'Chrome', value: 'chrome', driver: 'chromedriver' },
+    { name: 'Firefox', value: 'firefox', driver: 'geckodriver' },
+    { name: 'Safari', value: 'safari', driver: 'safaridriver' },
+    { name: 'Microsoft Edge', value: 'MicrosoftEdge', driver: 'edgedriver' }
+];
 function isBrowserRunner(answers) {
     return answers.runner === SUPPORTED_PACKAGES.runner[1].value;
 }
+function getTestingPurpose(answers) {
+    return convertPackageHashToObject(answers.runner).purpose;
+}
+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) {
     return [SUPPORTED_PACKAGES.service.find(
         /* istanbul ignore next */
@@ -193,10 +215,8 @@ function prioServiceOrderFor(serviceName) {
 export const QUESTIONNAIRE = [{
         type: 'list',
         name: 'runner',
-        message: 'Where should your tests be launched?',
-        choices: SUPPORTED_PACKAGES.runner,
-        // only ask if there are more than 1 runner to pick from
-        when: /* istanbul ignore next */ () => SUPPORTED_PACKAGES.runner.length > 1
+        message: 'What type of testing would you like to do?',
+        choices: SUPPORTED_PACKAGES.runner
     }, {
         type: 'list',
         name: 'preset',
@@ -215,38 +235,52 @@ export const QUESTIONNAIRE = [{
              * Only show if Testing Library has an add-on for framework
              */
             answers.preset && TESTING_LIBRARY_PACKAGES[convertPackageHashToObject(answers.preset).short])
+    }, {
+        type: 'input',
+        name: 'appPath',
+        message: 'What is the path to your compiled Electron app?',
+        default: './dist',
+        when: /* istanbul ignore next */ (answers) => getTestingPurpose(answers) === 'electron'
     }, {
         type: 'list',
         name: 'backend',
         message: 'Where is your automation backend located?',
-        choices: /* instanbul ignore next */ (answers) => {
-            /**
-             * browser runner currently supports only local testing
-             * until we have tunnel support for other cloud vendors
-             */
-            if (isBrowserRunner(answers)) {
-                return BACKEND_CHOICES.slice(0, 1);
-            }
-            return BACKEND_CHOICES;
-        }
+        choices: BACKEND_CHOICES,
+        when: /* instanbul ignore next */ (answers) => getTestingPurpose(answers) === 'e2e'
     }, {
-        type: 'confirm',
-        name: 'setupMobileEnvironment',
-        message: 'Would you like to setup Appium for mobile testing?',
-        default: false,
-        when: /* istanbul ignore next */ (answers) => (isLocalEnvironment(answers) &&
+        type: 'list',
+        name: 'e2eEnvironment',
+        message: 'Which environment you would like to automate?',
+        choices: E2E_ENVIRONMENTS,
+        default: 'web',
+        when: /* istanbul ignore next */ (answers) => (getTestingPurpose(answers) === 'e2e' &&
             answers.backend === BACKEND_CHOICES[0])
+    }, {
+        type: 'list',
+        name: 'mobileEnvironment',
+        message: 'Which mobile environment you\'ld like to automate?',
+        choices: MOBILE_ENVIRONMENTS,
+        when: /* instanbul ignore next */ (answers) => (getTestingPurpose(answers) === 'e2e' &&
+            answers.e2eEnvironment === 'mobile')
+    }, {
+        type: 'checkbox',
+        name: 'browserEnvironment',
+        message: 'With which browser should we start?',
+        choices: BROWSER_ENVIRONMENTS,
+        default: ['chrome'],
+        when: /* instanbul ignore next */ (answers) => (getTestingPurpose(answers) === 'e2e' &&
+            answers.e2eEnvironment === 'web')
     }, {
         type: 'input',
         name: 'hostname',
         message: 'What is the host address of that cloud service?',
-        when: /* istanbul ignore next */ (answers) => answers.backend.toString().indexOf('different service') > -1
+        when: /* istanbul ignore next */ (answers) => answers.backend && answers.backend.indexOf('different service') > -1
     }, {
         type: 'input',
         name: 'port',
         message: 'What is the port on which that service is running?',
         default: '80',
-        when: /* istanbul ignore next */ (answers) => answers.backend.toString().indexOf('different service') > -1
+        when: /* istanbul ignore next */ (answers) => answers.backend && answers.backend.indexOf('different service') > -1
     }, {
         type: 'input',
         name: 'expEnvAccessKey',
@@ -279,14 +313,14 @@ export const QUESTIONNAIRE = [{
         name: 'env_user',
         message: 'Environment variable for username',
         default: 'LT_USERNAME',
-        when: /* istanbul ignore next */ (answers) => (answers.backend.toString().indexOf('LambdaTest') > -1 &&
+        when: /* istanbul ignore next */ (answers) => (answers.backend && answers.backend.indexOf('LambdaTest') > -1 &&
             answers.hostname.indexOf('lambdatest.com') > -1)
     }, {
         type: 'input',
         name: 'env_key',
         message: 'Environment variable for access key',
         default: 'LT_ACCESS_KEY',
-        when: /* istanbul ignore next */ (answers) => (answers.backend.toString().indexOf('LambdaTest') > -1 &&
+        when: /* istanbul ignore next */ (answers) => (answers.backend && answers.backend.indexOf('LambdaTest') > -1 &&
             answers.hostname.indexOf('lambdatest.com') > -1)
     }, {
         type: 'input',
@@ -323,19 +357,19 @@ export const QUESTIONNAIRE = [{
         name: 'hostname',
         message: 'What is the IP or URI to your Selenium standalone or grid server?',
         default: 'localhost',
-        when: /* istanbul ignore next */ (answers) => answers.backend.toString().indexOf('own Selenium cloud') > -1
+        when: /* istanbul ignore next */ (answers) => answers.backend && answers.backend.toString().indexOf('own Selenium cloud') > -1
     }, {
         type: 'input',
         name: 'port',
         message: 'What is the port which your Selenium standalone or grid server is running on?',
         default: '4444',
-        when: /* istanbul ignore next */ (answers) => answers.backend.toString().indexOf('own Selenium cloud') > -1
+        when: /* istanbul ignore next */ (answers) => answers.backend && answers.backend.toString().indexOf('own Selenium cloud') > -1
     }, {
         type: 'input',
         name: 'path',
         message: 'What is the path to your browser driver or grid server?',
         default: '/',
-        when: /* istanbul ignore next */ (answers) => answers.backend.toString().indexOf('own Selenium cloud') > -1
+        when: /* istanbul ignore next */ (answers) => answers.backend && answers.backend.toString().indexOf('own Selenium cloud') > -1
     }, {
         type: 'list',
         name: 'framework',
@@ -359,7 +393,16 @@ export const QUESTIONNAIRE = [{
         type: 'confirm',
         name: 'generateTestFiles',
         message: 'Do you want WebdriverIO to autogenerate some test files?',
-        default: true
+        default: true,
+        when: /* istanbul ignore next */ (answers) => {
+            /**
+             * we only have examples for Mocha and Jasmine
+             */
+            if (['vscode', 'electron', 'macos'].includes(getTestingPurpose(answers)) && answers.framework.includes('cucumber')) {
+                return false;
+            }
+            return true;
+        }
     }, {
         type: 'input',
         name: 'specs',
@@ -390,7 +433,12 @@ export const QUESTIONNAIRE = [{
             /**
              * page objects aren't common for component testing
              */
-            !isBrowserRunner(answers))
+            !isBrowserRunner(answers) &&
+            /**
+             * and also not needed when running VS Code tests since the service comes with
+             * its own page object implementation, nor when running Electron or MacOS tests
+             */
+            !['vscode', 'electron', 'macos'].includes(getTestingPurpose(answers)))
     }, {
         type: 'input',
         name: 'pages',
@@ -426,9 +474,18 @@ export const QUESTIONNAIRE = [{
             else if (answers.backend === BACKEND_CHOICES[2]) {
                 return prioServiceOrderFor('sauce');
             }
-            else if (answers.setupMobileEnvironment) {
+            else if (answers.e2eEnvironment === 'mobile') {
                 return prioServiceOrderFor('appium');
             }
+            else if (getTestingPurpose(answers) === 'vscode') {
+                return [SUPPORTED_PACKAGES.service.find(({ name }) => name === 'vscode')];
+            }
+            else if (getTestingPurpose(answers) === 'electron') {
+                return [SUPPORTED_PACKAGES.service.find(({ name }) => name === 'electron')];
+            }
+            else if (getTestingPurpose(answers) === 'macos') {
+                return [SUPPORTED_PACKAGES.service.find(({ name }) => name === 'appium')];
+            }
             return SUPPORTED_PACKAGES.service;
         },
         // @ts-ignore
@@ -439,9 +496,18 @@ export const QUESTIONNAIRE = [{
             else if (answers.backend === BACKEND_CHOICES[2]) {
                 return selectDefaultService('sauce');
             }
-            else if (answers.setupMobileEnvironment) {
+            else if (answers.browserEnvironment && answers.browserEnvironment.length) {
+                return answers.browserEnvironment.map((browserName) => getBrowserDriver(browserName));
+            }
+            else if (answers.e2eEnvironment === 'mobile' || getTestingPurpose(answers) === 'macos') {
                 return selectDefaultService('appium');
             }
+            else if (getTestingPurpose(answers) === 'vscode') {
+                return selectDefaultService('vscode');
+            }
+            else if (getTestingPurpose(answers) === 'electron') {
+                return selectDefaultService('electron');
+            }
             return selectDefaultService('chromedriver');
         },
         validate: /* istanbul ignore next */ (answers) => validateServiceAnswers(answers)
@@ -473,7 +539,9 @@ export const QUESTIONNAIRE = [{
         // unit and component testing in the browser
         !isBrowserRunner(answers) &&
             // mobile testing with Appium
-            !answers.setupMobileEnvironment)
+            answers.e2eEnvironment !== 'mobile' &&
+            // nor for VS Code, Electron or MacOS testing
+            !['vscode', 'electron', 'macos'].includes(getTestingPurpose(answers)))
     }, {
         type: 'confirm',
         name: 'npmInstall',

package/build/templates/exampleFiles/cucumber/step_definitions/steps.js.ejs

@@ -1,16 +1,16 @@
-<%- isUsingTypeScript || esmSupport
+<%- answers.isUsingTypeScript || answers.esmSupport
     ? "import { Given, When, Then } from '@wdio/cucumber-framework';"
     : "const { Given, When, Then } = require('@wdio/cucumber-framework');" %>
 <%
 /**
  * step definition without page objects
  */
-if (usePageObjects) { %>
-<%- isUsingTypeScript || esmSupport
-    ? `import LoginPage from '${relativePath}/login.page${esmSupport ? '.js' : ''}';`
+if (answers.usePageObjects) { %>
+<%- answers.isUsingTypeScript || answers.esmSupport
+    ? `import LoginPage from '${relativePath}/login.page${answers.esmSupport ? '.js' : ''}';`
     : `const LoginPage = require('${relativePath}/login.page');` %>
-<%- isUsingTypeScript || esmSupport
-    ? `import SecurePage from '${relativePath}/secure.page${esmSupport ? '.js' : ''}';`
+<%- answers.isUsingTypeScript || answers.esmSupport
+    ? `import SecurePage from '${relativePath}/secure.page${answers.esmSupport ? '.js' : ''}';`
     : `const SecurePage = require('${relativePath}/secure.page');` %>
 
 const pages = {

package/build/templates/exampleFiles/mochaJasmine/test.e2e.js.ejs

@@ -0,0 +1,11 @@
+<% if (answers.purpose === 'vscode') {
+%><%- include('../../snippets/vscodeTest.js.ejs', { answers }) %><%
+} else if (answers.purpose === 'electron') {
+%><%- include('../../snippets/electronTest.js.ejs', { answers }) %><%
+} else if (answers.purpose === 'macos') {
+%><%- include('../../snippets/macosTest.js.ejs', { answers }) %><%
+} else if (answers.usePageObjects) {
+%><%- include('../../snippets/testWithPO.js.ejs', { answers }) %><%
+} else if (!answers.usePageObjects) {
+%><%- include('../../snippets/testWithoutPO.js.ejs', { answers }) %><%
+} %>

package/build/templates/exampleFiles/pageobjects/login.page.js.ejs

@@ -1,7 +1,7 @@
-<%- isUsingTypeScript ? "import { ChainablePromiseElement } from 'webdriverio';" : "" %>
+<%- answers.isUsingTypeScript ? "import { ChainablePromiseElement } from 'webdriverio';" : "" %>
 
-<%- isUsingTypeScript || esmSupport
-    ? `import Page from './page${esmSupport ? '.js' : ''}';`
+<%- answers.isUsingTypeScript || answers.esmSupport
+    ? `import Page from './page${answers.esmSupport ? '.js' : ''}';`
     : "const Page = require('./page');" %>
 
 /**
@@ -11,15 +11,15 @@ class LoginPage extends Page {
     /**
      * define selectors using getter methods
      */
-    <%- isUsingTypeScript ? "public " : "" %>get inputUsername () {
+    <%- answers.isUsingTypeScript ? "public " : "" %>get inputUsername () {
         return $('#username');
     }
 
-    <%- isUsingTypeScript ? "public " : "" %>get inputPassword () {
+    <%- answers.isUsingTypeScript ? "public " : "" %>get inputPassword () {
         return $('#password');
     }
 
-    <%- isUsingTypeScript ? "public " : "" %>get btnSubmit () {
+    <%- answers.isUsingTypeScript ? "public " : "" %>get btnSubmit () {
         return $('button[type="submit"]');
     }
 
@@ -27,7 +27,7 @@ class LoginPage extends Page {
      * a method to encapsule automation code to interact with the page
      * e.g. to login using username and password
      */
-    <%- isUsingTypeScript ? "public " : "" %>async login (username<%- isUsingTypeScript ? ": string": "" %>, password<%- isUsingTypeScript ? ": string": "" %>) {
+    <%- answers.isUsingTypeScript ? "public " : "" %>async login (username<%- answers.isUsingTypeScript ? ": string": "" %>, password<%- answers.isUsingTypeScript ? ": string": "" %>) {
         await this.inputUsername.setValue(username);
         await this.inputPassword.setValue(password);
         await this.btnSubmit.click();
@@ -36,9 +36,9 @@ class LoginPage extends Page {
     /**
      * overwrite specific options to adapt it to page object
      */
-    <%- isUsingTypeScript ? "public " : "" %>open () {
+    <%- answers.isUsingTypeScript ? "public " : "" %>open () {
         return super.open('login');
     }
 }
 
-<%- isUsingTypeScript || esmSupport ? "export default": "module.exports =" %> new LoginPage();
+<%- answers.isUsingTypeScript || answers.esmSupport ? "export default": "module.exports =" %> new LoginPage();

package/build/templates/exampleFiles/pageobjects/page.js.ejs

@@ -2,12 +2,12 @@
 * main page object containing all methods, selectors and functionality
 * that is shared across all page objects
 */
-<%- isUsingTypeScript || esmSupport ? "export default" : "module.exports =" %> class Page {
+<%- answers.isUsingTypeScript || answers.esmSupport ? "export default" : "module.exports =" %> class Page {
     /**
     * Opens a sub page of the page
     * @param path path of the sub page (e.g. /path/to/page.html)
     */
-    <%- isUsingTypeScript ? "public " : "" %>open (path<%- isUsingTypeScript ? ": string" : "" %>) {
+    <%- answers.isUsingTypeScript ? "public " : "" %>open (path<%- answers.isUsingTypeScript ? ": string" : "" %>) {
         return browser.url(`https://the-internet.herokuapp.com/${path}`)
     }
 }

package/build/templates/exampleFiles/pageobjects/secure.page.js.ejs

@@ -1,7 +1,7 @@
-<%- isUsingTypeScript ? "import { ChainablePromiseElement } from 'webdriverio';" : "" %>
+<%- answers.isUsingTypeScript ? "import { ChainablePromiseElement } from 'webdriverio';" : "" %>
 
-<%- isUsingTypeScript || esmSupport
-    ? `import Page from './page${esmSupport ? '.js' : ''}';`
+<%- answers.isUsingTypeScript || answers.esmSupport
+    ? `import Page from './page${answers.esmSupport ? '.js' : ''}';`
     : "const Page = require('./page');" %>
 
 /**
@@ -11,9 +11,9 @@ class SecurePage extends Page {
     /**
      * define selectors using getter methods
      */
-    <%- isUsingTypeScript ? "public " : "" %>get flashAlert () {
+    <%- answers.isUsingTypeScript ? "public " : "" %>get flashAlert () {
         return $('#flash');
     }
 }
 
-<%- isUsingTypeScript || esmSupport ? "export default": "module.exports =" %> new SecurePage();
+<%- answers.isUsingTypeScript || answers.esmSupport ? "export default": "module.exports =" %> new SecurePage();

package/build/templates/snippets/capabilities.ejs

@@ -0,0 +1,46 @@
+capabilities: [{<%
+    if (answers.expEnvAccessKey) { %>
+        // Experitest Access Key
+        // get more information at https://docs.experitest.com/display/TE/Obtaining+Access+Key
+        'experitest:accessKey': '<%- answers.expEnvAccessKey %>',<%
+    }
+    if (answers.browserEnvironment && answers.browserEnvironment.length) { %>
+        <%- answers.browserEnvironment.map((browserName) => `browserName: '${browserName}'`).join('\n    }, {\n        ') %><%
+    } else if (answers.mobileEnvironment === 'android') { %>
+        // capabilities for local Appium web tests on an Android Emulator
+        platformName: 'Android',
+        browserName: 'Chrome',
+        'appium:deviceName': 'Android GoogleAPI Emulator',
+        'appium:platformVersion': '12.0',
+        'appium:automationName': 'UiAutomator2'<%
+    } else if (answers.mobileEnvironment === 'ios') { %>
+        // capabilities for local Appium web tests on iOS
+        platformName: 'iOS',
+        browserName: 'Safari',
+        'appium:deviceName': 'iPhone Simulator',
+        'appium:platformVersion': '16.4',
+        'appium:automationName': 'XCUITest'<%
+    } else if (answers.purpose === 'macos') { %>
+        platformName: 'Mac',
+        'appium:automationName': 'Mac2',
+        'appium:bundleId': '<%= answers.generateTestFiles ? 'com.apple.calculator' : '...' %>'<%
+    } else if (answers.purpose === 'vscode') { %>
+        browserName: 'vscode',
+        browserVersion: 'stable', // also possible: "insiders" or a specific version e.g. "1.80.0"
+        'wdio:vscodeOptions': {
+            // points to directory where extension package.json is located
+            extensionPath: __dirname,
+            // optional VS Code settings
+            userSettings: {
+                "editor.fontSize": 14
+            }
+        }<%
+    } else if (answers.purpose === 'electron') { %>
+        // no need to define any capabilities for local Electron web tests
+        // since service plugin takes care of setting everything up<%
+    } else {
+        %>
+        // capabilities for local browser web tests
+        browserName: 'chrome' // or "firefox", "microsoftedge", "safari"<%
+    } %>
+    }],

package/build/templates/snippets/electronTest.js.ejs

@@ -0,0 +1,9 @@
+import { browser } from '@wdio/globals'
+
+describe('Electron Testing', () => {
+    it('should print application metadata', async () => {
+        const appName = await browser.electron.app('getName')
+        const appVersion = await browser.electron.app('getVersion')
+        console.log('Testing Electron app:', appName, appVersion)
+    })
+})

package/build/templates/snippets/macosTest.js.ejs

@@ -0,0 +1,11 @@
+import { expect, $ } from '@wdio/globals'
+
+describe('MacOS Testing', () => {
+    it('should calculate the meaning of life', async function () {
+        await $('//XCUIElementTypeButton[@label="seven"]').click()
+        await $('//XCUIElementTypeButton[@label="multiply"]').click()
+        await $('//XCUIElementTypeButton[@label="six"]').click()
+        await $('//XCUIElementTypeButton[@title="="]').click()
+        await expect($('//XCUIElementTypeStaticText[@label="main display"]')).toHaveText('42')
+    })
+})

package/build/templates/snippets/services.ejs

@@ -0,0 +1,18 @@
+services: [<%- answers.services.map((service) => {
+    if (service === 'electron') {
+        return /*js*/`[
+        'electron',
+        {
+            appPath: '${answers.appPath}',
+            appName: productName,
+            appArgs: ['foo', 'bar=baz'],
+            chromedriver: {
+                logFileName: 'wdio-chromedriver.log',
+            },
+            electronVersion: '23.1.0',
+        }
+    ]`
+    }
+
+    return `'${service}'`
+}) %>],

package/build/templates/snippets/testWithPO.js.ejs

@@ -0,0 +1,20 @@
+/**
+ * test with page objects
+ */
+<%- answers.isUsingTypeScript || answers.esmSupport
+    ? `import LoginPage from '${answers.relativePath}/login.page${answers.esmSupport ? '.js' : ''}'`
+    : `const LoginPage = require('${answers.relativePath}/login.page')` %>
+<%- answers.isUsingTypeScript || answers.esmSupport
+    ? `import SecurePage from '${answers.relativePath}/secure.page${answers.esmSupport ? '.js' : ''}'`
+    : `const SecurePage = require('${answers.relativePath}/secure.page')` %>
+
+describe('My Login application', () => {
+    it('should login with valid credentials', async () => {
+        await LoginPage.open()
+
+        await LoginPage.login('tomsmith', 'SuperSecretPassword!')
+        await expect(SecurePage.flashAlert).toBeExisting()
+        await expect(SecurePage.flashAlert).toHaveTextContaining(
+            'You logged into a secure area!')
+    })
+})

package/build/templates/snippets/testWithoutPO.js.ejs

@@ -0,0 +1,16 @@
+/**
+ * test without page objects
+ */
+describe('My Login application', () => {
+    it('should login with valid credentials', async () => {
+        await browser.url(`https://the-internet.herokuapp.com/login`)
+
+        await $('#username').setValue('tomsmith')
+        await $('#password').setValue('SuperSecretPassword!')
+        await $('button[type="submit"]').click()
+
+        await expect($('#flash')).toBeExisting()
+        await expect($('#flash')).toHaveTextContaining(
+            'You logged into a secure area!')
+    })
+})

package/build/templates/snippets/vscodeTest.js.ejs

@@ -0,0 +1,9 @@
+import { browser } from '@wdio/globals'
+
+describe('VS Code Extension Testing', () => {
+    it('should be able to load VSCode', async () => {
+        const workbench = await browser.getWorkbench()
+        expect(await workbench.getTitleBar().getTitle())
+            .toContain('[Extension Development Host]')
+    })
+})

package/build/templates/wdio.conf.tpl.ejs

@@ -1,7 +1,20 @@
-<% if (answers.isUsingTypeScript) {
+<%
+if (answers.purpose === 'electron') {
+    %>import fs from 'node:fs'
+<% }
+
+if (answers.isUsingTypeScript) {
     %>import type { Options } from '@wdio/types'
+<% }
+
+if (answers.purpose === 'electron') { %>
+const packageJson = JSON.parse(fs.readFileSync('./package.json', 'utf-8'))
+const productName = packageJson.build.productName
+
+<% }
 
-export const config: Options.Testrunner = {<%
+if (answers.isUsingTypeScript) {
+    %>export const config: Options.Testrunner = {<%
 } else if (answers.esmSupport) {
     %>export const config = {<%
 } else {
@@ -35,16 +48,15 @@ export const config: Options.Testrunner = {<%
             transpileOnly: true
         }
     },
-    <% } %>
-    <% if(answers.expEnvAccessKey){ %>
+    <% }
+    if(answers.expEnvAccessKey){ %>
     hostname: '<%- answers.expEnvHostname %>',
     <% if (answers.expEnvPort === '443'){%>protocol: 'https',
     <%} else if (answers.expEnvPort === '80'){%>protocol: 'http',
     <%} else { %>protocol: '<%- answers.expEnvProtocol %>',<%}%>
     port: <%- answers.expEnvPort %>,
     path: '/wd/hub',
-    <% } else if(answers.hostname && answers.port) { %>
-    //
+    <% } else if(answers.hostname && answers.port) { %>//
     // =====================
     // Server Configurations
     // =====================
@@ -126,25 +138,7 @@ export const config: Options.Testrunner = {<%
     // Sauce Labs platform configurator - a great tool to configure your capabilities:
     // https://saucelabs.com/platform/platform-configurator
     //
-    capabilities: [{<%
-    if (answers.expEnvAccessKey) { %>
-        // Experitest Access Key
-        // get more information at https://docs.experitest.com/display/TE/Obtaining+Access+Key
-        'experitest:accessKey': '<%- answers.expEnvAccessKey %>',<%
-    }
-    if (answers.setupMobileEnvironment) { %>
-        // capabilities for local Appium web tests on an Android Emulator
-        platformName: 'Android', // or "iOS"
-        browserName: 'Chrome', // or "Safari"
-        'appium:deviceName': 'Android GoogleAPI Emulator', // or "iPhone Simulator"
-        'appium:platformVersion': '12.0', // or "16.2" (for running iOS v16)
-        'appium:automationName': 'UiAutomator2' // or "XCUITest"<%
-    } else {
-        %>
-        // capabilities for local browser web tests
-        browserName: 'chrome' // or "firefox", "microsoftedge", "safari"<%
-    } %>
-    }],
+    <%- include('snippets/capabilities', { answers }) %>
     //
     // ===================
     // Test Configurations
@@ -193,8 +187,8 @@ export const config: Options.Testrunner = {<%
     // your test setup with almost no effort. Unlike plugins, they don't add new
     // commands. Instead, they hook themselves up into the test process.
     <% if(answers.services.length) {
-    %>services: [<%- answers.services.map(service => `'${service}'`) %>],
-    <% } else {
+    %><%- include('snippets/services', { answers }) %><%
+    } else {
     %>// services: [],
     //<% } %>
     // Framework you want to run your specs with.
@@ -214,7 +208,7 @@ export const config: Options.Testrunner = {<%
     // Whether or not retried spec files should be retried immediately or deferred to the end of the queue
     // specFileRetriesDeferred: false,
     //
-    <%- include('reporters', { reporters: answers.reporters }) %>
+    <%- include('snippets/reporters', { reporters: answers.reporters }) %>
     <% if(answers.framework === 'mocha') { %>
     //
     // Options to be passed to Mocha.
@@ -351,7 +345,7 @@ export const config: Options.Testrunner = {<%
      */
     // afterHook: function (test, context, { error, result, duration, passed, retries }) {
     // },
-    <%- include('afterTest', { reporters: answers.reporters }) %>
+    <%- include('snippets/afterTest', { reporters: answers.reporters }) %>
     /**
      * Hook that gets executed after the suite has ended
      * @param {object} suite suite details