Merge pull request #14 from erwinheitzman/release-1.4.0

update to webdriverio v7

Author: erwinheitzman

__tests__/async.ts

@@ -1,7 +1,7 @@
-import { remote } from 'webdriverio';
-import { config } from '../wdio.conf';
+import { remote, Browser } from "webdriverio";
+import { config } from "../wdio.conf";
 
-let browser: WebdriverIO.BrowserObject;
+let browser: Browser<"async">;
 
 beforeAll(async () => {
   browser = await remote(config);
@@ -11,11 +11,13 @@ afterAll(async () => {
   await browser.deleteSession();
 });
 
-test('asynchronous WebdriverIO test', async () => {
-  await browser.url('https://webdriver.io');
-  expect(await browser.getTitle()).toContain('WebdriverIO');
-  const searchBar = await browser.$('#search_input_react');
-  await searchBar.setValue('click');
-  const suggestions = await browser.$('.aa-suggestions');
+test("asynchronous WebdriverIO test", async () => {
+  await browser.url("https://webdriver.io");
+  expect(await browser.getTitle()).toContain("WebdriverIO");
+  const searchButton = await browser.$(".DocSearch-Button");
+  await searchButton.click();
+  const searchBar = await browser.$("#docsearch-input");
+  await searchBar.setValue("click");
+  const suggestions = await browser.$(".DocSearch-Hit");
   await suggestions.waitForExist();
 });

__tests__/sync.ts

@@ -1,8 +1,8 @@
-import { remote } from 'webdriverio';
-import { config } from '../wdio.conf';
-import sync from '@wdio/sync';
+import { remote, Browser } from "webdriverio";
+import { config } from "../wdio.conf";
+import sync from "@wdio/sync";
 
-let browser: WebdriverIO.BrowserObject;
+let browser: Browser<"async">;
 
 beforeAll(async () => {
   browser = await remote(config);
@@ -12,11 +12,16 @@ afterAll(async () => {
   await browser.deleteSession();
 });
 
-test('synchronous WebdriverIO test', () => (sync as any)(() => {
-  browser.url('https://webdriver.io');
-  expect(browser.getTitle()).toContain('WebdriverIO');
-  // @ts-ignore
-  browser.$('#search_input_react').setValue('click');
-  // @ts-ignore
-  browser.$('.aa-suggestions').waitForExist();
-}));
+/**
+ * "any" is used here because we are mixing both sync and async in one setup
+ * this is because this boilerplate is meant to showcase how webdriverio
+ * can be utilised
+ */
+test("synchronous WebdriverIO test", () =>
+  sync(() => {
+    browser.url("https://webdriver.io");
+    expect(browser.getTitle()).toContain("WebdriverIO");
+    (browser.$(".DocSearch-Button") as any).click();
+    (browser.$("#docsearch-input") as any).setValue("click");
+    (browser.$(".DocSearch-Hit") as any).waitForExist();
+  }));

__tests__/wiremock-service.ts

@@ -1,8 +1,8 @@
-import { remote } from 'webdriverio';
-import { config } from '../wdio.conf';
-import nodeFetch from 'node-fetch';
+import { Browser, remote } from "webdriverio";
+import { config } from "../wdio.conf";
+import nodeFetch from "node-fetch";
 
-let browser: WebdriverIO.BrowserObject;
+let browser: Browser<"async">;
 
 beforeAll(async () => {
   browser = await remote(config);
@@ -13,36 +13,39 @@ afterAll(async () => {
 });
 
 test(`a mocked api response created using WireMock's fixtures`, async () => {
-  await browser.url('http://localhost:8080/dummy_data');
-  const body = await browser.$('body');
-  expect(await body.getText()).toEqual('this is a fixture, and it works!\n');
+  await browser.url("http://localhost:8080/dummy_data");
+  const body = await browser.$("body");
+  expect(await body.getText()).toEqual("this is a fixture, and it works!\n");
 });
 
 test(`a mocked api response created using WireMock's HTTP API`, async () => {
   const expectedRes = {
     dummy: [
       {
-        data: 'example'
-      }
-    ]
+        data: "example",
+      },
+    ],
   };
 
   const body = JSON.stringify({
     request: {
-        method: 'GET',
-        url: '/new_data'
+      method: "GET",
+      url: "/new_data",
     },
     response: {
       status: 200,
-      jsonBody: expectedRes
-    }
+      jsonBody: expectedRes,
+    },
   });
 
   await browser.call(async () => {
-    await nodeFetch('http://localhost:8080/__admin/mappings/new', { method: 'POST', body });
+    await nodeFetch("http://localhost:8080/__admin/mappings/new", {
+      method: "POST",
+      body,
+    });
 
-    await nodeFetch('http://localhost:8080/new_data')
+    await nodeFetch("http://localhost:8080/new_data")
       .then((res: any) => res.json())
       .then((body: any) => expect(body).toEqual(expectedRes));
-    });
+  });
 });