Merge pull request #31 from mgrybyk/upgrade-to-v8

Upgrade to v8

Author: erwinheitzman

.github/workflows/test.yml

@@ -0,0 +1,23 @@
+name: Test
+
+on:
+  pull_request:
+  push:
+    branches: ["main"]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Use Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: "lts/*"
+      - uses: actions/setup-java@v3
+        with:
+          distribution: "temurin"
+          java-version: "17"
+      - run: npm ci
+      - run: HEADLESS=true npm test

.prettierrc

@@ -0,0 +1,6 @@
+{
+    "semi": true,
+    "singleQuote": false,
+    "trailingComma": "es5",
+    "printWidth": 140
+}

README.md

@@ -1,4 +1,24 @@
 # jest-webdriverio-standalone-boilerplate
 
+> WebdriverIO Jest boilerplate with Wiremock
+
+## Usage
+
+Make sure to have Java installed properly!
+
 1. install dependencies `npm ci`
 2. run tests `npm t`
+
+## Project details
+
+**Project type**: `commonjs`
+
+**Packages:**
+
+- webdriverio@8
+- wdio-wiremock-service@6
+- expect-webdriverio@4
+- jest@29
+- typescript@4
+
+Hint: if you're looking for project type `module` or typescript@5 setup please see [this](https://github.com/mgrybyk/wdio-jest-boilerplate) repo.

__tests__/test1.spec.ts

@@ -1,6 +1,9 @@
+import { expect } from "expect-webdriverio";
+import { test } from "@jest/globals";
+
 test("WebdriverIO test 1", async () => {
   await chrome.url("https://webdriver.io");
-  expect(await chrome.getTitle()).toContain("WebdriverIO");
+  await expect(chrome).toHaveTitle("WebdriverIO", { containing: true });
   const searchButton = await chrome.$(".DocSearch-Button");
   await searchButton.click();
   const searchBar = await chrome.$("#docsearch-input");

__tests__/test2.spec.ts

@@ -1,9 +1,10 @@
+import { test } from "@jest/globals";
+import { expect } from "expect-webdriverio";
 import nodeFetch, { Response } from "node-fetch";
 
 test(`a mocked api response created using WireMock's fixtures`, async () => {
   await chrome.url("http://localhost:8080/dummy_data");
-  const body = await chrome.$("body");
-  expect(await body.getText()).toEqual("this is a fixture, and it works!\n");
+  await expect(chrome.$("body")).toHaveText("this is a fixture, and it works!");
 });
 
 test(`a mocked api response created using WireMock's HTTP API`, async () => {
@@ -34,6 +35,6 @@ test(`a mocked api response created using WireMock's HTTP API`, async () => {
 
     await nodeFetch("http://localhost:8080/new_data")
       .then((res: Response) => res.json())
-      .then((body: object) => expect(body).toEqual(expectedRes));
+      .then((body) => expect(body).toEqual(expectedRes));
   });
 });

__tests__/wiremock-service.spec.ts

@@ -1,7 +1,6 @@
 import { WiremockLauncher } from "wdio-wiremock-service/lib/launcher";
-import { Browser } from "webdriverio";
 
 export declare global {
-  var chrome: Browser<'async'>;
+  var chrome: WebdriverIO.Browser;
   var wiremockLauncher: WiremockLauncher;
 }

global.d.ts

@@ -1,5 +1,8 @@
 module.exports = {
-  preset: 'ts-jest',
+  preset: 'ts-jest/presets/default-esm',
+  moduleNameMapper: {
+    '^(\\.{1,2}/.*)\\.[jt]s$': '$1',
+  },
   testEnvironment: 'node',
   globalSetup: './jest.global.setup.ts',
   globalTeardown: './jest.global.teardown.ts',

jest.config.js

@@ -1,7 +1,7 @@
-import { launcher as wmLauncher } from 'wdio-wiremock-service';
+import { launcher as wmLauncher } from "wdio-wiremock-service";
 
-export default async function() {
-  globalThis.wiremockLauncher = new wmLauncher({ rootDir: '__stubs__', port: 9090 });
+export default async function () {
+  globalThis.wiremockLauncher = new wmLauncher({ rootDir: "__stubs__", port: 8080 });
 
   await wiremockLauncher.onPrepare();
-};
+}

jest.global.setup.ts

@@ -1,3 +1,3 @@
-export default async function() {
+export default async function () {
   await globalThis.wiremockLauncher.onComplete();
-};
+}