Run your tests using Jest and WebdriverIO
Using npm:
npm install --save-dev jest-environment-webdriverioUsing yarn:
yarn add --dev jest-environment-webdriverioSet jest-environment-webdriverio as the testEnvironment in your Jest configuration. Additionally, specify any WebdriverIO options in testEnvironmentOptions:
Using CrossBrowserTesting
// jest.config.js
module.exports = {
testEnvironment: "jest-environment-webdriverio",
testEnvironmentOptions: {
host: "hub.crossbrowsertesting.com",
port: 80,
user: "<username>",
key: "<authkey>",
desiredCapabilities: {
name: "Jest -> WebdriverIO -> CrossBrowserTesting",
platform: "Windows 7",
browserName: "ie",
version: "11",
record_video: "true",
record_network: "true"
}
}
};Using Browserstack
//jest.config.js
module.exports = {
testEnvironment: "jest-environment-webdriverio",
testEnvironmentOptions: {
// Browserstack config
user: BROWSERSTACK_USERNAME,
key: BROWSERSTACK_KEY, // Your BrowserStack credentials go here
capabilities: {
browser: 'Chrome', // Signifies on what platform your test will run. You can define other capabilities here.
platformName: 'MAC', // OS platform
name: 'Chrome_test',
build: 'browserstack-build', // The name of test and name of build is being defined here
'browserstack.debug': 'true', // for enabling visual logs
'browserstack.networkLogs': 'true', // to enable network logs to be logged
'browserstack.local': 'true' // to enable network for localhost
},
logLevel: 'error',
coloredLogs: true,
screenshotPath: './errorShots/',
baseUrl: 'https://localhost:8443/',
waitforTimeout: 30000,
connectionRetryTimeout: 90000,
connectionRetryCount: 3
}
};
You are now ready to use WebdriverIO's global browser, $, and $$ methods in your tests. Be sure to use the async/await syntax:
// google.spec.js
describe("DuckDuckGo", (): void => {
it("should contain the Duck logo", async (): Promise<void> => {
await browser.url("https://duck.com");
const logo = await browser.$("a#logo_homepage_link");
await logo.waitForExist();
expect(await browser.getUrl()).toEqual("https://duckduckgo.com");
expect(await logo.getCSSProperty("background-image")).toContain(".svg");
expect(await logo.getText()).toContain("About DuckDuckGo");
});
});