diff --git a/.github/workflows/doc-generation.yml b/.github/workflows/doc-generation.yml
index 0b8afc3e6..c5b84a0fb 100644
--- a/.github/workflows/doc-generation.yml
+++ b/.github/workflows/doc-generation.yml
@@ -41,7 +41,7 @@ jobs:
       - name: Generate and update documentation
         run: |
           npm run def && npm run docs
-          git add docs/**/*.md docs/**/*.js -f
+          git add docs/**/*.md
           if ! git diff --cached --quiet; then
             git commit -m "DOC: Autogenerate and update documentation" --no-verify
           fi
diff --git a/docs/build/ApiDataFactory.js b/docs/build/ApiDataFactory.js
deleted file mode 100644
index e8f9c5dd6..000000000
--- a/docs/build/ApiDataFactory.js
+++ /dev/null
@@ -1,410 +0,0 @@
-const path = require('path');
-
-const Helper = require('@codeceptjs/helper');
-const REST = require('./REST');
-
-/**
- * Helper for managing remote data using REST API.
- * Uses data generators like [rosie](https://github.com/rosiejs/rosie) or factory girl to create new record.
- *
- * By defining a factory you set the rules of how data is generated.
- * This data will be saved on server via REST API and deleted in the end of a test.
- *
- * ## Use Case
- *
- * Acceptance tests interact with a websites using UI and real browser.
- * There is no way to create data for a specific test other than from user interface.
- * That makes tests slow and fragile. Instead of testing a single feature you need to follow all creation/removal process.
- *
- * This helper solves this problem.
- * Most of web application have API, and it can be used to create and delete test records.
- * By combining REST API with Factories you can easily create records for tests:
- *
- * ```js
- * I.have('user', { login: 'davert', email: 'davert@mail.com' });
- * let id = await I.have('post', { title: 'My first post'});
- * I.haveMultiple('comment', 3, {post_id: id});
- * ```
- *
- * To make this work you need
- *
- * 1. REST API endpoint which allows to perform create / delete requests and
- * 2. define data generation rules
- *
- * ### Setup
- *
- * Install [Rosie](https://github.com/rosiejs/rosie) and [Faker](https://www.npmjs.com/package/faker) libraries.
- *
- * ```sh
- * npm i rosie @faker-js/faker --save-dev
- * ```
- *
- * Create a factory file for a resource.
- *
- * See the example for Posts factories:
- *
- * ```js
- * // tests/factories/posts.js
- *
- * const { Factory } = require('rosie');
- * const { faker } = require('@faker-js/faker');
- *
- * module.exports = new Factory()
- *    // no need to set id, it will be set by REST API
- *    .attr('author', () => faker.name.findName())
- *    .attr('title', () => faker.lorem.sentence())
- *    .attr('body', () => faker.lorem.paragraph());
- * ```
- * For more options see [rosie documentation](https://github.com/rosiejs/rosie).
- *
- * Then configure ApiDataHelper to match factories and REST API:
-
- * ### Configuration
- *
- * ApiDataFactory has following config options:
- *
- * * `endpoint`: base URL for the API to send requests to.
- * * `cleanup` (default: true): should inserted records be deleted up after tests
- * * `factories`: list of defined factories
- * * `returnId` (default: false): return id instead of a complete response when creating items.
- * * `headers`: list of headers
- * * `REST`: configuration for REST requests
- *
- * See the example:
- *
- * ```js
- *  ApiDataFactory: {
- *    endpoint: "http://user.com/api",
- *    cleanup: true,
- *    headers: {
- *      'Content-Type': 'application/json',
- *      'Accept': 'application/json',
- *    },
- *    factories: {
- *      post: {
- *        uri: "/posts",
- *        factory: "./factories/post",
- *      },
- *      comment: {
- *        factory: "./factories/comment",
- *        create: { post: "/comments/create" },
- *        delete: { post: "/comments/delete/{id}" },
- *        fetchId: (data) => data.result.id
- *      }
- *    }
- * }
- * ```
-
- * It is required to set REST API `endpoint` which is the baseURL for all API requests.
- * Factory file is expected to be passed via `factory` option.
- *
- * This Helper uses [REST](http://codecept.io/helpers/REST/) helper and accepts its configuration in "REST" section.
- * For instance, to set timeout you should add:
- *
- * ```js
- * "ApiDataFactory": {
- *    "REST": {
- *      "timeout": "100000",
- *   }
- * }
- * ```
- *
- * ### Requests
- *
- * By default to create a record ApiDataFactory will use endpoint and plural factory name:
- *
- * * create: `POST {endpoint}/{resource} data`
- * * delete: `DELETE {endpoint}/{resource}/id`
- *
- * Example (`endpoint`: `http://app.com/api`):
- *
- * * create: POST request to `http://app.com/api/users`
- * * delete: DELETE request to `http://app.com/api/users/1`
- *
- * This behavior can be configured with following options:
- *
- * * `uri`: set different resource uri. Example: `uri: account` => `http://app.com/api/account`.
- * * `create`: override create options. Expected format: `{ method: uri }`. Example: `{ "post": "/users/create" }`
- * * `delete`: override delete options. Expected format: `{ method: uri }`. Example: `{ "post": "/users/delete/{id}" }`
- *
- * Requests can also be overridden with a function which returns [axois request config](https://github.com/axios/axios#request-config).
- *
- * ```js
- * create: (data) => ({ method: 'post', url: '/posts', data }),
- * delete: (id) => ({ method: 'delete', url: '/posts', data: { id } })
- *
- * ```
- *
- * Requests can be updated on the fly by using `onRequest` function. For instance, you can pass in current session from a cookie.
- *
- * ```js
- *  onRequest: async (request) => {
- *     // using global codeceptjs instance
- *     let cookie = await codeceptjs.container.helpers('WebDriver').grabCookie('session');
- *     request.headers = { Cookie: `session=${cookie.value}` };
- *   }
- * ```
- *
- * ### Responses
- *
- * By default `I.have()` returns a promise with a created data:
- *
- * ```js
- * let client = await I.have('client');
- * ```
- *
- * Ids of created records are collected and used in the end of a test for the cleanup.
- * If you need to receive `id` instead of full response enable `returnId` in a helper config:
- *
- * ```js
- * // returnId: false
- * let clientId = await I.have('client');
- * // clientId == 1
- *
- * // returnId: true
- * let clientId = await I.have('client');
- * // client == { name: 'John', email: 'john@snow.com' }
- * ```
- *
- * By default `id` property of response is taken. This behavior can be changed by setting `fetchId` function in a factory config.
- *
- *
- * ```js
- *    factories: {
- *      post: {
- *        uri: "/posts",
- *        factory: "./factories/post",
- *        fetchId: (data) => data.result.posts[0].id
- *      }
- *    }
- * ```
- *
- *
- * ## Methods
- */
-class ApiDataFactory extends Helper {
-  constructor(config) {
-    super(config);
-
-    const defaultConfig = {
-      cleanup: true,
-      REST: {},
-      factories: {},
-      returnId: false,
-    };
-    this.config = Object.assign(defaultConfig, this.config);
-
-    if (this.config.headers) this.config.REST.defaultHeaders = this.config.headers;
-    if (this.config.onRequest) this.config.REST.onRequest = this.config.onRequest;
-    this.restHelper = new REST(Object.assign(this.config.REST, { endpoint: this.config.endpoint }));
-    this.factories = this.config.factories;
-
-    for (const factory in this.factories) {
-      const factoryConfig = this.factories[factory];
-      if (!factoryConfig.uri && !factoryConfig.create) {
-        throw new Error(`Uri for factory "${factory}" is not defined. Please set "uri" parameter:
-
-          "factories": {
-            "${factory}": {
-            "uri": ...
-        `);
-      }
-
-      if (!factoryConfig.create) factoryConfig.create = { post: factoryConfig.uri };
-      if (!factoryConfig.delete) factoryConfig.delete = { delete: `${factoryConfig.uri}/{id}` };
-
-      this.factories[factory] = factoryConfig;
-    }
-
-    this.created = {};
-    Object.keys(this.factories).forEach(f => this.created[f] = []);
-  }
-
-  static _checkRequirements() {
-    try {
-      require('axios');
-      require('rosie');
-    } catch (e) {
-      return ['axios', 'rosie'];
-    }
-  }
-
-  _after() {
-    if (!this.config.cleanup || this.config.cleanup === false) {
-      return Promise.resolve();
-    }
-    const promises = [];
-
-    // clean up all created items
-    for (const factoryName in this.created) {
-      const createdItems = this.created[factoryName];
-      if (!createdItems.length) continue;
-      this.debug(`Deleting ${createdItems.length} ${factoryName}(s)`);
-      for (const id in createdItems) {
-        promises.push(this._requestDelete(factoryName, createdItems[id]));
-      }
-    }
-    return Promise.all(promises);
-  }
-
-  /**
-   * Generates a new record using factory and saves API request to store it.
-   *
-   * ```js
-   * // create a user
-   * I.have('user');
-   * // create user with defined email
-   * // and receive it when inside async function
-   * const user = await I.have('user', { email: 'user@user.com'});
-   * // create a user with options that will not be included in the final request
-   * I.have('user', { }, { age: 33, height: 55 })
-   * ```
-   *
-   * @param {*} factory factory to use
-   * @param {*} [params] predefined parameters
-   * @param {*} [options] options for programmatically generate the attributes
-   * @returns {Promise<*>}
-   */
-  have(factory, params, options) {
-    const item = this._createItem(factory, params, options);
-    this.debug(`Creating ${factory} ${JSON.stringify(item)}`);
-    return this._requestCreate(factory, item);
-  }
-
-  /**
-   * Generates bunch of records and saves multiple API requests to store them.
-   *
-   * ```js
-   * // create 3 posts
-   * I.haveMultiple('post', 3);
-   *
-   * // create 3 posts by one author
-   * I.haveMultiple('post', 3, { author: 'davert' });
-   *
-   * // create 3 posts by one author with options
-   * I.haveMultiple('post', 3, { author: 'davert' }, { publish_date: '01.01.1997' });
-   * ```
-   *
-   * @param {*} factory
-   * @param {*} times
-   * @param {*} [params]
-   * @param {*} [options]
-   */
-  haveMultiple(factory, times, params, options) {
-    const promises = [];
-    for (let i = 0; i < times; i++) {
-      promises.push(this.have(factory, params, options));
-    }
-    return Promise.all(promises);
-  }
-
-  _createItem(model, data, options) {
-    if (!this.factories[model]) {
-      throw new Error(`Factory ${model} is not defined in config`);
-    }
-    let modulePath = this.factories[model].factory;
-    try {
-      try {
-        require.resolve(modulePath);
-      } catch (e) {
-        modulePath = path.join(global.codecept_dir, modulePath);
-      }
-      // check if the new syntax `export default new Factory()` is used and loads the builder, otherwise loads the module that used old syntax `module.exports = new Factory()`.
-      const builder = require(modulePath).default || require(modulePath);
-      return builder.build(data, options);
-    } catch (err) {
-      throw new Error(`Couldn't load factory file from ${modulePath}, check that
-
-  "factories": {
-    "${model}": {
-      "factory": "./path/to/factory"
-
-points to valid factory file.
-Factory file should export an object with build method.
-
-Current file error: ${err.message}`);
-    }
-  }
-
-  _fetchId(body, factory) {
-    if (this.config.factories[factory].fetchId) {
-      return this.config.factories[factory].fetchId(body);
-    }
-    if (body.id) return body.id;
-    if (body[factory] && body[factory].id) return body[factory].id;
-    return null;
-  }
-
-  /**
-   * Executes request to create a record in API.
-   * Can be replaced from a in custom helper.
-   *
-   * @param {*} factory
-   * @param {*} data
-   */
-  _requestCreate(factory, data) {
-    let request = createRequestFromFunction(this.factories[factory].create, data);
-
-    if (!request) {
-      const method = Object.keys(this.factories[factory].create)[0];
-      const url = this.factories[factory].create[method];
-      request = {
-        method,
-        url,
-        data,
-      };
-    }
-
-    request.baseURL = this.config.endpoint;
-
-    return this.restHelper._executeRequest(request).then((resp) => {
-      const id = this._fetchId(resp.data, factory);
-      this.created[factory].push(id);
-      this.debugSection('Created', `Id: ${id}`);
-      if (this.config.returnId) return id;
-      return resp.data;
-    });
-  }
-
-  /**
-   * Executes request to delete a record in API
-   * Can be replaced from a custom helper.
-   *
-   * @param {*} factory
-   * @param {*} id
-   */
-  _requestDelete(factory, id) {
-    if (!this.factories[factory].delete) return;
-    let request = createRequestFromFunction(this.factories[factory].delete, id);
-
-    if (!request) {
-      const method = Object.keys(this.factories[factory].delete)[0];
-
-      const url = this.factories[factory].delete[method].replace('{id}', id);
-
-      request = {
-        method,
-        url,
-      };
-    }
-
-    request.baseURL = this.config.endpoint;
-
-    if (request.url.match(/^undefined/)) {
-      return this.debugSection('Please configure the delete request in your ApiDataFactory helper', 'delete: () => ({ method: \'DELETE\',  url: \'/api/users\' })');
-    }
-
-    return this.restHelper._executeRequest(request).then(() => {
-      const idx = this.created[factory].indexOf(id);
-      this.debugSection('Deleted Id', `Id: ${id}`);
-      this.created[factory].splice(idx, 1);
-    });
-  }
-}
-
-module.exports = ApiDataFactory;
-
-function createRequestFromFunction(param, data) {
-  if (typeof param !== 'function') return;
-  return param(data);
-}
diff --git a/docs/build/Appium.js b/docs/build/Appium.js
deleted file mode 100644
index 8a5dfe509..000000000
--- a/docs/build/Appium.js
+++ /dev/null
@@ -1,2051 +0,0 @@
-let webdriverio;
-
-const fs = require('fs');
-const axios = require('axios').default;
-const { v4: uuidv4 } = require('uuid');
-
-const Webdriver = require('./WebDriver');
-const AssertionFailedError = require('../assert/error');
-const { truth } = require('../assert/truth');
-const recorder = require('../recorder');
-const Locator = require('../locator');
-const ConnectionRefused = require('./errors/ConnectionRefused');
-
-const mobileRoot = '//*';
-const webRoot = 'body';
-const supportedPlatform = {
-  android: 'Android',
-  iOS: 'iOS',
-};
-
-const vendorPrefix = {
-  appium: 'appium',
-};
-
-/**
- *  Appium helper extends [Webdriver](http://codecept.io/helpers/WebDriver/) helper.
- *  It supports all browser methods and also includes special methods for mobile apps testing.
- *  You can use this helper to test Web on desktop and mobile devices and mobile apps.
- *
- * ## Appium Installation
- *
- * Appium is an open source test automation framework for use with native, hybrid and mobile web apps that implements the WebDriver protocol.
- * It allows you to run Selenium tests on mobile devices and also test native, hybrid and mobile web apps.
- *
- * Download and install [Appium](https://appium.io/docs/en/2.1/)
- *
- * ```sh
- * npm install -g appium
- * ```
- *
- * Launch the daemon: `appium`
- *
- * ## Helper configuration
- *
- * This helper should be configured in codecept.conf.ts or codecept.conf.js
- *
- * * `appiumV2`: set this to true if you want to run tests with AppiumV2. See more how to setup [here](https://codecept.io/mobile/#setting-up)
- * * `app`: Application path. Local path or remote URL to an .ipa or .apk file, or a .zip containing one of these. Alias to desiredCapabilities.appPackage
- * * `host`: (default: 'localhost') Appium host
- * * `port`: (default: '4723') Appium port
- * * `platform`: (Android or IOS), which mobile OS to use; alias to desiredCapabilities.platformName
- * * `restart`: restart browser or app between tests (default: true), if set to false cookies will be cleaned but browser window will be kept and for apps nothing will be changed.
- * * `desiredCapabilities`: [], Appium capabilities, see below
- *     * `platformName` - Which mobile OS platform to use
- *     * `appPackage` - Java package of the Android app you want to run
- *     * `appActivity` - Activity name for the Android activity you want to launch from your package.
- *     * `deviceName`: The kind of mobile device or emulator to use
- *     * `platformVersion`: Mobile OS version
- *     * `app` - The absolute local path or remote http URL to an .ipa or .apk file, or a .zip containing one of these. Appium will attempt to install this app binary on the appropriate device first.
- *     * `browserName`: Name of mobile web browser to automate. Should be an empty string if automating an app instead.
- *
- * Example Android App:
- *
- * ```js
- * {
- *   helpers: {
- *       Appium: {
- *           platform: "Android",
- *           desiredCapabilities: {
- *               appPackage: "com.example.android.myApp",
- *               appActivity: "MainActivity",
- *               deviceName: "OnePlus3",
- *               platformVersion: "6.0.1"
- *           }
- *       }
- *     }
- * }
- * ```
- *
- * Example iOS Mobile Web with local Appium:
- *
- * ```js
- * {
- * helpers: {
- *   Appium: {
- *     platform: "iOS",
- *     url: "https://the-internet.herokuapp.com/",
- *     desiredCapabilities: {
- *       deviceName: "iPhone X",
- *       platformVersion: "12.0",
- *       browserName: "safari"
- *     }
- *   }
- * }
- * }
- * ```
- *
- * Example iOS Mobile Web on BrowserStack:
- *
- * ```js
- * {
- * helpers: {
- *   Appium: {
- *     host: "hub-cloud.browserstack.com",
- *     port: 4444,
- *     user: process.env.BROWSERSTACK_USER,
- *     key: process.env.BROWSERSTACK_KEY,
- *     platform: "iOS",
- *     url: "https://the-internet.herokuapp.com/",
- *     desiredCapabilities: {
- *       realMobile: "true",
- *       device: "iPhone 8",
- *       os_version: "12",
- *       browserName: "safari"
- *     }
- *   }
- * }
- * }
- * ```
- *
- * Example Android App using AppiumV2 on BrowserStack:
- *
- * ```js
- * {
- * helpers: {
- *   Appium: {
- *         appiumV2: true,
- *         host: "hub-cloud.browserstack.com",
- *         port: 4444,
- *         user: process.env.BROWSERSTACK_USER,
- *         key: process.env.BROWSERSTACK_KEY,
- *         app: `bs://c700ce60cf1gjhgjh3ae8ed9770ghjg5a55b8e022f13c5827cg`,
- *         browser: '',
- *         desiredCapabilities: {
- *             'appPackage': data.packageName,
- *             'deviceName': process.env.DEVICE || 'Google Pixel 3',
- *             'platformName': process.env.PLATFORM || 'android',
- *             'platformVersion': process.env.OS_VERSION || '10.0',
- *             'automationName': process.env.ENGINE || 'UIAutomator2',
- *             'newCommandTimeout': 300000,
- *             'androidDeviceReadyTimeout': 300000,
- *             'androidInstallTimeout': 90000,
- *             'appWaitDuration': 300000,
- *             'autoGrantPermissions': true,
- *             'gpsEnabled': true,
- *             'isHeadless': false,
- *             'noReset': false,
- *             'noSign': true,
- *             'bstack:options' : {
- *                 "appiumVersion" : "2.0.1",
- *             },
- *         }
- *   }
- * }
- * }
- * ```
- *
- * Additional configuration params can be used from <https://github.com/appium/appium/blob/master/packages/appium/docs/en/guides/caps.md>
- *
- * ## Access From Helpers
- *
- * Receive Appium client from a custom helper by accessing `browser` property:
- *
- * ```js
- * let browser = this.helpers['Appium'].browser
- * ```
- *
- * ## Methods
- */
-class Appium extends Webdriver {
-  /**
-   * Appium Special Methods for Mobile only
-   * @augments WebDriver
-   */
-
-  // @ts-ignore
-  constructor(config) {
-    super(config);
-
-    this.isRunning = false;
-    if (config.appiumV2 === true) {
-      this.appiumV2 = true;
-    }
-    this.axios = axios.create();
-
-    webdriverio = require('webdriverio');
-    if (!config.appiumV2) {
-      console.log('The Appium core team does not maintain Appium 1.x anymore since the 1st of January 2022. Please migrating to Appium 2.x by adding appiumV2: true to your config.');
-      console.log('More info: https://bit.ly/appium-v2-migration');
-      console.log('This Appium 1.x support will be removed in next major release.');
-    }
-  }
-
-  _validateConfig(config) {
-    if (!(config.app || config.platform) && !config.browser) {
-      throw new Error(`
-        Appium requires either platform and app or a browser to be set.
-        Check your codeceptjs config file to ensure these are set properly
-          {
-            "helpers": {
-              "Appium": {
-                "app": "/path/to/app/package"
-                "platform": "MOBILE_OS",
-              }
-            }
-          }
-      `);
-    }
-
-    // set defaults
-    const defaults = {
-      // webdriverio defaults
-      protocol: 'http',
-      hostname: '0.0.0.0', // webdriverio specs
-      port: 4723,
-      path: '/wd/hub',
-
-      // config
-      waitForTimeout: 1000, // ms
-      logLevel: 'error',
-      capabilities: {},
-      deprecationWarnings: false,
-      restart: true,
-      manualStart: false,
-      timeouts: {
-        script: 0, // ms
-      },
-    };
-
-    // override defaults with config
-    config = Object.assign(defaults, config);
-
-    config.baseUrl = config.url || config.baseUrl;
-    if (config.desiredCapabilities && Object.keys(config.desiredCapabilities).length) {
-      config.capabilities = this.appiumV2 === true ? this._convertAppiumV2Caps(config.desiredCapabilities) : config.desiredCapabilities;
-    }
-
-    if (this.appiumV2) {
-      config.capabilities[`${vendorPrefix.appium}:deviceName`] = config[`${vendorPrefix.appium}:device`] || config.capabilities[`${vendorPrefix.appium}:deviceName`];
-      config.capabilities[`${vendorPrefix.appium}:browserName`] = config[`${vendorPrefix.appium}:browser`] || config.capabilities[`${vendorPrefix.appium}:browserName`];
-      config.capabilities[`${vendorPrefix.appium}:app`] = config[`${vendorPrefix.appium}:app`] || config.capabilities[`${vendorPrefix.appium}:app`];
-      config.capabilities[`${vendorPrefix.appium}:tunnelIdentifier`] = config[`${vendorPrefix.appium}:tunnelIdentifier`] || config.capabilities[`${vendorPrefix.appium}:tunnelIdentifier`]; // Adding the code to connect to sauce labs via sauce tunnel
-    } else {
-      config.capabilities.deviceName = config.device || config.capabilities.deviceName;
-      config.capabilities.browserName = config.browser || config.capabilities.browserName;
-      config.capabilities.app = config.app || config.capabilities.app;
-      config.capabilities.tunnelIdentifier = config.tunnelIdentifier || config.capabilities.tunnelIdentifier; // Adding the code to connect to sauce labs via sauce tunnel
-    }
-
-    config.capabilities.platformName = config.platform || config.capabilities.platformName;
-    config.waitForTimeoutInSeconds = config.waitForTimeout / 1000; // convert to seconds
-
-    // [CodeceptJS compatible] transform host to hostname
-    config.hostname = config.host || config.hostname;
-
-    if (!config.app && config.capabilities.browserName) {
-      this.isWeb = true;
-      this.root = webRoot;
-    } else {
-      this.isWeb = false;
-      this.root = mobileRoot;
-    }
-
-    this.platform = null;
-    if (config.capabilities[`${vendorPrefix.appium}:platformName`]) {
-      this.platform = config.capabilities[`${vendorPrefix.appium}:platformName`].toLowerCase();
-    }
-
-    if (config.capabilities.platformName) {
-      this.platform = config.capabilities.platformName.toLowerCase();
-    }
-
-    return config;
-  }
-
-  _convertAppiumV2Caps(capabilities) {
-    const _convertedCaps = {};
-    for (const [key, value] of Object.entries(capabilities)) {
-      if (!key.startsWith(vendorPrefix.appium)) {
-        if (key !== 'platformName' && key !== 'bstack:options') {
-          _convertedCaps[`${vendorPrefix.appium}:${key}`] = value;
-        } else {
-          _convertedCaps[`${key}`] = value;
-        }
-      } else {
-        _convertedCaps[`${key}`] = value;
-      }
-    }
-    return _convertedCaps;
-  }
-
-  static _config() {
-    return [{
-      name: 'app',
-      message: 'Application package. Path to file or url',
-      default: 'http://localhost',
-    }, {
-      name: 'platform',
-      message: 'Mobile Platform',
-      type: 'list',
-      choices: ['iOS', supportedPlatform.android],
-      default: supportedPlatform.android,
-    }, {
-      name: 'device',
-      message: 'Device to run tests on',
-      default: 'emulator',
-    }];
-  }
-
-  async _startBrowser() {
-    if (this.appiumV2 === true) {
-      this.options.capabilities = this._convertAppiumV2Caps(this.options.capabilities);
-      this.options.desiredCapabilities = this._convertAppiumV2Caps(this.options.desiredCapabilities);
-    }
-
-    try {
-      if (this.options.multiremote) {
-        this.browser = await webdriverio.multiremote(this.options.multiremote);
-      } else {
-        this.browser = await webdriverio.remote(this.options);
-      }
-    } catch (err) {
-      if (err.toString().indexOf('ECONNREFUSED')) {
-        throw new ConnectionRefused(err);
-      }
-      throw err;
-    }
-    this.$$ = this.browser.$$.bind(this.browser);
-
-    this.isRunning = true;
-    if (this.options.timeouts && this.isWeb) {
-      await this.defineTimeout(this.options.timeouts);
-    }
-    if (this.options.windowSize === 'maximize' && !this.platform) {
-      const res = await this.browser.execute('return [screen.width, screen.height]');
-      return this.browser.windowHandleSize({
-        width: res.value[0],
-        height: res.value[1],
-      });
-    }
-    if (this.options.windowSize && this.options.windowSize.indexOf('x') > 0 && !this.platform) {
-      const dimensions = this.options.windowSize.split('x');
-      await this.browser.windowHandleSize({
-        width: dimensions[0],
-        height: dimensions[1],
-      });
-    }
-  }
-
-  async _after() {
-    if (!this.isRunning) return;
-    if (this.options.restart) {
-      this.isRunning = false;
-      return this.browser.deleteSession();
-    }
-    if (this.isWeb && !this.platform) {
-      return super._after();
-    }
-  }
-
-  async _withinBegin(context) {
-    if (this.isWeb) {
-      return super._withinBegin(context);
-    }
-    if (context === 'webview') {
-      return this.switchToWeb();
-    }
-    if (typeof context === 'object') {
-      if (context.web) return this.switchToWeb(context.web);
-      if (context.webview) return this.switchToWeb(context.webview);
-    }
-    return this.switchToContext(context);
-  }
-
-  _withinEnd() {
-    if (this.isWeb) {
-      return super._withinEnd();
-    }
-    return this.switchToNative();
-  }
-
-  _buildAppiumEndpoint() {
-    const {
-      protocol, port, hostname, path,
-    } = this.browser.options;
-    // Build path to Appium REST API endpoint
-    return `${protocol}://${hostname}:${port}${path}`;
-  }
-
-  /**
-   * Execute code only on iOS
-   *
-   * ```js
-   * I.runOnIOS(() => {
-   *    I.click('//UIAApplication[1]/UIAWindow[1]/UIAButton[1]');
-   *    I.see('Hi, IOS', '~welcome');
-   * });
-   * ```
-   *
-   * Additional filter can be applied by checking for capabilities.
-   * For instance, this code will be executed only on iPhone 5s:
-   *
-   *
-   * ```js
-   * I.runOnIOS({deviceName: 'iPhone 5s'},() => {
-   *    // ...
-   * });
-   * ```
-   *
-   * Also capabilities can be checked by a function.
-   *
-   * ```js
-   * I.runOnAndroid((caps) => {
-   *    // caps is current config of desiredCapabiliites
-   *    return caps.platformVersion >= 6
-   * },() => {
-   *    // ...
-   * });
-   * ```
-   *
-   * @param {*} caps
-   * @param {*} fn
-   */
-  async runOnIOS(caps, fn) {
-    if (this.platform !== 'ios') return;
-    recorder.session.start('iOS-only actions');
-    await this._runWithCaps(caps, fn);
-    await recorder.add('restore from iOS session', () => recorder.session.restore());
-    return recorder.promise();
-  }
-
-  /**
-   * Execute code only on Android
-   *
-   * ```js
-   * I.runOnAndroid(() => {
-   *    I.click('io.selendroid.testapp:id/buttonTest');
-   * });
-   * ```
-   *
-   * Additional filter can be applied by checking for capabilities.
-   * For instance, this code will be executed only on Android 6.0:
-   *
-   *
-   * ```js
-   * I.runOnAndroid({platformVersion: '6.0'},() => {
-   *    // ...
-   * });
-   * ```
-   *
-   * Also capabilities can be checked by a function.
-   * In this case, code will be executed only on Android >= 6.
-   *
-   * ```js
-   * I.runOnAndroid((caps) => {
-   *    // caps is current config of desiredCapabiliites
-   *    return caps.platformVersion >= 6
-   * },() => {
-   *    // ...
-   * });
-   * ```
-   *
-   * @param {*} caps
-   * @param {*} fn
-   */
-  async runOnAndroid(caps, fn) {
-    if (this.platform !== 'android') return;
-    recorder.session.start('Android-only actions');
-    await this._runWithCaps(caps, fn);
-    await recorder.add('restore from Android session', () => recorder.session.restore());
-    return recorder.promise();
-  }
-
-  /**
-   * Execute code only in Web mode.
-   *
-   * ```js
-   * I.runInWeb(() => {
-   *    I.waitForElement('#data');
-   *    I.seeInCurrentUrl('/data');
-   * });
-   * ```
-   *
-   * @param {*} fn
-   */
-  /* eslint-disable */
-  async runInWeb(fn) {
-    if (!this.isWeb) return;
-    recorder.session.start('Web-only actions');
-
-    recorder.add('restore from Web session', () => recorder.session.restore(), true);
-    return recorder.promise();
-  }
-  /* eslint-enable */
-
-  async _runWithCaps(caps, fn) {
-    if (typeof caps === 'object') {
-      for (const key in caps) {
-        // skip if capabilities do not match
-        if (this.config.desiredCapabilities[key] !== caps[key]) {
-          return;
-        }
-      }
-    }
-    if (typeof caps === 'function') {
-      if (!fn) {
-        fn = caps;
-      } else {
-        // skip if capabilities are checked inside a function
-        const enabled = caps(this.config.desiredCapabilities);
-        if (!enabled) return;
-      }
-    }
-
-    fn();
-  }
-
-  /**
-   * Returns app installation status.
-   *
-   * ```js
-   * I.checkIfAppIsInstalled("com.example.android.apis");
-   * ```
-   *
-   * @param {string} bundleId String  ID of bundled app
-   * @return {Promise<boolean>}
-   *
-   * Appium: support only Android
-   */
-  async checkIfAppIsInstalled(bundleId) {
-    onlyForApps.call(this, supportedPlatform.android);
-
-    return this.browser.isAppInstalled(bundleId);
-  }
-
-  /**
-   * Check if an app is installed.
-   *
-   * ```js
-   * I.seeAppIsInstalled("com.example.android.apis");
-   * ```
-   *
-   * @param {string} bundleId String  ID of bundled app
-   * @return {Promise<void>}
-   *
-   * Appium: support only Android
-   */
-  async seeAppIsInstalled(bundleId) {
-    onlyForApps.call(this, supportedPlatform.android);
-    const res = await this.browser.isAppInstalled(bundleId);
-    return truth(`app ${bundleId}`, 'to be installed').assert(res);
-  }
-
-  /**
-   * Check if an app is not installed.
-   *
-   * ```js
-   * I.seeAppIsNotInstalled("com.example.android.apis");
-   * ```
-   *
-   * @param {string} bundleId String  ID of bundled app
-   * @return {Promise<void>}
-   *
-   * Appium: support only Android
-   */
-  async seeAppIsNotInstalled(bundleId) {
-    onlyForApps.call(this, supportedPlatform.android);
-    const res = await this.browser.isAppInstalled(bundleId);
-    return truth(`app ${bundleId}`, 'not to be installed').negate(res);
-  }
-
-  /**
-   * Install an app on device.
-   *
-   * ```js
-   * I.installApp('/path/to/file.apk');
-   * ```
-   * @param {string} path path to apk file
-   * @return {Promise<void>}
-   *
-   * Appium: support only Android
-   */
-  async installApp(path) {
-    onlyForApps.call(this, supportedPlatform.android);
-    return this.browser.installApp(path);
-  }
-
-  /**
-   * Remove an app from the device.
-   *
-   * ```js
-   * I.removeApp('appName', 'com.example.android.apis');
-   * ```
-   *
-   * Appium: support only Android
-   *
-   * @param {string} appId
-   * @param {string} [bundleId] ID of bundle
-   */
-  async removeApp(appId, bundleId) {
-    onlyForApps.call(this, supportedPlatform.android);
-
-    return this.axios({
-      method: 'post',
-      url: `${this._buildAppiumEndpoint()}/session/${this.browser.sessionId}/appium/device/remove_app`,
-      data: { appId, bundleId },
-    });
-  }
-
-  /**
-   * Reset the currently running app for current session.
-   *
-   * ```js
-   * I.resetApp();
-   * ```
-   *
-   */
-  async resetApp() {
-    onlyForApps.call(this);
-    return this.axios({
-      method: 'post',
-      url: `${this._buildAppiumEndpoint()}/session/${this.browser.sessionId}/appium/app/reset`,
-    });
-  }
-
-  /**
-   * Check current activity on an Android device.
-   *
-   * ```js
-   * I.seeCurrentActivityIs(".HomeScreenActivity")
-   * ```
-   * @param {string} currentActivity
-   * @return {Promise<void>}
-   *
-   * Appium: support only Android
-   */
-  async seeCurrentActivityIs(currentActivity) {
-    onlyForApps.call(this, supportedPlatform.android);
-    const res = await this.browser.getCurrentActivity();
-    return truth('current activity', `to be ${currentActivity}`).assert(res === currentActivity);
-  }
-
-  /**
-   * Check whether the device is locked.
-   *
-   * ```js
-   * I.seeDeviceIsLocked();
-   * ```
-   *
-   * @return {Promise<void>}
-   *
-   * Appium: support only Android
-   */
-  async seeDeviceIsLocked() {
-    onlyForApps.call(this, supportedPlatform.android);
-    const res = await this.browser.isLocked();
-    return truth('device', 'to be locked').assert(res);
-  }
-
-  /**
-   * Check whether the device is not locked.
-   *
-   * ```js
-   * I.seeDeviceIsUnlocked();
-   * ```
-   *
-   * @return {Promise<void>}
-   *
-   * Appium: support only Android
-   */
-  async seeDeviceIsUnlocked() {
-    onlyForApps.call(this, supportedPlatform.android);
-    const res = await this.browser.isLocked();
-    return truth('device', 'to be locked').negate(res);
-  }
-
-  /**
-   * Check the device orientation
-   *
-   * ```js
-   * I.seeOrientationIs('PORTRAIT');
-   * I.seeOrientationIs('LANDSCAPE')
-   * ```
-   *
-   * @return {Promise<void>}
-   *
-   * @param {'LANDSCAPE'|'PORTRAIT'} orientation LANDSCAPE or PORTRAIT
-   *
-   * Appium: support Android and iOS
-   */
-  async seeOrientationIs(orientation) {
-    onlyForApps.call(this);
-
-    const res = await this.axios({
-      method: 'get',
-      url: `${this._buildAppiumEndpoint()}/session/${this.browser.sessionId}/orientation`,
-    });
-
-    const currentOrientation = res.data.value;
-    return truth('orientation', `to be ${orientation}`).assert(currentOrientation === orientation);
-  }
-
-  /**
-   * Set a device orientation. Will fail, if app will not set orientation
-   *
-   * ```js
-   * I.setOrientation('PORTRAIT');
-   * I.setOrientation('LANDSCAPE')
-   * ```
-   *
-   * @param {'LANDSCAPE'|'PORTRAIT'} orientation LANDSCAPE or PORTRAIT
-   *
-   * Appium: support Android and iOS
-   */
-  async setOrientation(orientation) {
-    onlyForApps.call(this);
-
-    return this.axios({
-      method: 'post',
-      url: `${this._buildAppiumEndpoint()}/session/${this.browser.sessionId}/orientation`,
-      data: { orientation },
-    });
-  }
-
-  /**
-   * Get list of all available contexts
-   *
-   * ```
-   * let contexts = await I.grabAllContexts();
-   * ```
-   *
-   * @return {Promise<string[]>}
-   *
-   * Appium: support Android and iOS
-   */
-  async grabAllContexts() {
-    onlyForApps.call(this);
-    return this.browser.getContexts();
-  }
-
-  /**
-   * Retrieve current context
-   *
-   * ```js
-   * let context = await I.grabContext();
-   * ```
-   *
-   * @return {Promise<string|null>}
-   *
-   * Appium: support Android and iOS
-   */
-  async grabContext() {
-    onlyForApps.call(this);
-    return this.browser.getContext();
-  }
-
-  /**
-   * Get current device activity.
-   *
-   * ```js
-   * let activity = await I.grabCurrentActivity();
-   * ```
-   *
-   * @return {Promise<string>}
-   *
-   * Appium: support only Android
-   */
-  async grabCurrentActivity() {
-    onlyForApps.call(this, supportedPlatform.android);
-    return this.browser.getCurrentActivity();
-  }
-
-  /**
-   * Get information about the current network connection (Data/WIFI/Airplane).
-   * The actual server value will be a number. However WebdriverIO additional
-   * properties to the response object to allow easier assertions.
-   *
-   * ```js
-   * let con = await I.grabNetworkConnection();
-   * ```
-   *
-   * @return {Promise<{}>}
-   *
-   * Appium: support only Android
-   */
-  async grabNetworkConnection() {
-    onlyForApps.call(this, supportedPlatform.android);
-    const res = await this.browser.getNetworkConnection();
-    return {
-      value: res,
-      inAirplaneMode: res.inAirplaneMode,
-      hasWifi: res.hasWifi,
-      hasData: res.hasData,
-    };
-  }
-
-  /**
-   * Get current orientation.
-   *
-   * ```js
-   * let orientation = await I.grabOrientation();
-   * ```
-   *
-   * @return {Promise<string>}
-   *
-   * Appium: support Android and iOS
-   */
-  async grabOrientation() {
-    onlyForApps.call(this);
-    const res = await this.browser.orientation();
-    this.debugSection('Orientation', res);
-    return res;
-  }
-
-  /**
-   * Get all the currently specified settings.
-   *
-   * ```js
-   * let settings = await I.grabSettings();
-   * ```
-   *
-   * @return {Promise<string>}
-   *
-   * Appium: support Android and iOS
-   */
-  async grabSettings() {
-    onlyForApps.call(this);
-    const res = await this.browser.getSettings();
-    this.debugSection('Settings', JSON.stringify(res));
-    return res;
-  }
-
-  /**
-   * Switch to the specified context.
-   *
-   * @param {*} context the context to switch to
-   */
-  async switchToContext(context) {
-    return this.browser.switchContext(context);
-  }
-
-  /**
-   * Switches to web context.
-   * If no context is provided switches to the first detected web context
-   *
-   * ```js
-   * // switch to first web context
-   * I.switchToWeb();
-   *
-   * // or set the context explicitly
-   * I.switchToWeb('WEBVIEW_io.selendroid.testapp');
-   * ```
-   *
-   * @return {Promise<void>}
-   *
-   * @param {string} [context]
-   */
-  async switchToWeb(context) {
-    this.isWeb = true;
-    this.defaultContext = 'body';
-
-    if (context) return this.switchToContext(context);
-    const contexts = await this.grabAllContexts();
-    this.debugSection('Contexts', contexts.toString());
-    for (const idx in contexts) {
-      if (contexts[idx].match(/^WEBVIEW/)) return this.switchToContext(contexts[idx]);
-    }
-
-    throw new Error('No WEBVIEW could be guessed, please specify one in params');
-  }
-
-  /**
-   * Switches to native context.
-   * By default switches to NATIVE_APP context unless other specified.
-   *
-   * ```js
-   * I.switchToNative();
-   *
-   * // or set context explicitly
-   * I.switchToNative('SOME_OTHER_CONTEXT');
-   * ```
-   * @param {*} [context]
-   * @return {Promise<void>}
-   */
-  async switchToNative(context = null) {
-    this.isWeb = false;
-    this.defaultContext = '//*';
-
-    if (context) return this.switchToContext(context);
-    return this.switchToContext('NATIVE_APP');
-  }
-
-  /**
-   * Start an arbitrary Android activity during a session.
-   *
-   * ```js
-   * I.startActivity('io.selendroid.testapp', '.RegisterUserActivity');
-   * ```
-   *
-   * Appium: support only Android
-   *
-   * @param {string} appPackage
-   * @param {string} appActivity
-   * @return {Promise<void>}
-   */
-  async startActivity(appPackage, appActivity) {
-    onlyForApps.call(this, supportedPlatform.android);
-    return this.browser.startActivity(appPackage, appActivity);
-  }
-
-  /**
-   * Set network connection mode.
-   *
-   * * airplane mode
-   * * wifi mode
-   * * data data
-   *
-   * ```js
-   * I.setNetworkConnection(0) // airplane mode off, wifi off, data off
-   * I.setNetworkConnection(1) // airplane mode on, wifi off, data off
-   * I.setNetworkConnection(2) // airplane mode off, wifi on, data off
-   * I.setNetworkConnection(4) // airplane mode off, wifi off, data on
-   * I.setNetworkConnection(6) // airplane mode off, wifi on, data on
-   * ```
-   * See corresponding [webdriverio reference](https://webdriver.io/docs/api/chromium/#setnetworkconnection).
-   *
-   * Appium: support only Android
-   *
-   * @param {number} value The network connection mode bitmask
-   * @return {Promise<number>}
-   */
-  async setNetworkConnection(value) {
-    onlyForApps.call(this, supportedPlatform.android);
-    return this.browser.setNetworkConnection(value);
-  }
-
-  /**
-   * Update the current setting on the device
-   *
-   * ```js
-   * I.setSettings({cyberdelia: 'open'});
-   * ```
-   *
-   * @param {object} settings object
-   *
-   * Appium: support Android and iOS
-   */
-  async setSettings(settings) {
-    onlyForApps.call(this);
-    return this.browser.settings(settings);
-  }
-
-  /**
-   * Hide the keyboard.
-   *
-   * ```js
-   * // taps outside to hide keyboard per default
-   * I.hideDeviceKeyboard();
-   * I.hideDeviceKeyboard('tapOutside');
-   *
-   * // or by pressing key
-   * I.hideDeviceKeyboard('pressKey', 'Done');
-   * ```
-   *
-   * Appium: support Android and iOS
-   *
-   * @param {'tapOutside' | 'pressKey'} [strategy] Desired strategy to close keyboard (‘tapOutside’ or ‘pressKey’)
-   * @param {string} [key] Optional key
-   */
-  async hideDeviceKeyboard(strategy, key) {
-    onlyForApps.call(this);
-    strategy = strategy || 'tapOutside';
-    return this.browser.hideKeyboard(strategy, key);
-  }
-
-  /**
-   * Send a key event to the device.
-   * List of keys: https://developer.android.com/reference/android/view/KeyEvent.html
-   *
-   * ```js
-   * I.sendDeviceKeyEvent(3);
-   * ```
-   *
-   * @param {number} keyValue  Device specific key value
-   * @return {Promise<void>}
-   *
-   * Appium: support only Android
-   */
-  async sendDeviceKeyEvent(keyValue) {
-    onlyForApps.call(this, supportedPlatform.android);
-    return this.browser.pressKeyCode(keyValue);
-  }
-
-  /**
-   * Open the notifications panel on the device.
-   *
-   * ```js
-   * I.openNotifications();
-   * ```
-   *
-   * @return {Promise<void>}
-   *
-   * Appium: support only Android
-   */
-  async openNotifications() {
-    onlyForApps.call(this, supportedPlatform.android);
-    return this.browser.openNotifications();
-  }
-
-  /**
-   * The Touch Action API provides the basis of all gestures that can be
-   * automated in Appium. At its core is the ability to chain together ad hoc
-   * individual actions, which will then be applied to an element in the
-   * application on the device.
-   * [See complete documentation](http://webdriver.io/api/mobile/touchAction.html)
-   *
-   * ```js
-   * I.makeTouchAction("~buttonStartWebviewCD", 'tap');
-   * ```
-   *
-   * @return {Promise<void>}
-   *
-   * Appium: support Android and iOS
-   */
-  async makeTouchAction(locator, action) {
-    onlyForApps.call(this);
-    const element = await this.browser.$(parseLocator.call(this, locator));
-
-    return this.browser.touchAction({
-      action,
-      element,
-    });
-  }
-
-  /**
-   * Taps on element.
-   *
-   * ```js
-   * I.tap("~buttonStartWebviewCD");
-   * ```
-   *
-   * Shortcut for `makeTouchAction`
-   *
-   * @return {Promise<void>}
-   *
-   * @param {*} locator
-   */
-  async tap(locator) {
-    return this.makeTouchAction(locator, 'tap');
-  }
-
-  /**
-   * Perform a swipe on the screen or an element.
-   *
-   * ```js
-   * let locator = "#io.selendroid.testapp:id/LinearLayout1";
-   * I.swipe(locator, 800, 1200, 1000);
-   * ```
-   *
-   * [See complete reference](http://webdriver.io/api/mobile/swipe.html)
-   *
-   * @param {string | object} locator
-   * @param {number} xoffset
-   * @param {number} yoffset
-   * @param {number} [speed=1000] (optional), 1000 by default
-   * @return {Promise<void>}
-   *
-   * Appium: support Android and iOS
-   */
-  /* eslint-disable */
-  async swipe(locator, xoffset, yoffset, speed = 1000) {
-    onlyForApps.call(this);
-    const res = await this.browser.$(parseLocator.call(this, locator));
-    // if (!res.length) throw new ElementNotFound(locator, 'was not found in UI');
-    return this.performSwipe(await res.getLocation(), { x: (await res.getLocation()).x + xoffset, y: (await res.getLocation()).y + yoffset });
-  }
-  /* eslint-enable */
-
-  /**
-   * Perform a swipe on the screen.
-   *
-   * ```js
-   * I.performSwipe({ x: 300, y: 100 }, { x: 200, y: 100 });
-   * ```
-   *
-   * @param {object} from
-   * @param {object} to
-   *
-   * Appium: support Android and iOS
-   */
-  async performSwipe(from, to) {
-    await this.browser.performActions([{
-      id: uuidv4(),
-      type: 'pointer',
-      parameters: {
-        pointerType: 'touch',
-      },
-      actions: [
-        {
-          duration: 0,
-          x: from.x,
-          y: from.y,
-          type: 'pointerMove',
-          origin: 'viewport',
-        },
-        {
-          button: 1,
-          type: 'pointerDown',
-        },
-        {
-          duration: 200,
-          type: 'pause',
-        },
-        {
-          duration: 600,
-          x: to.x,
-          y: to.y,
-          type: 'pointerMove',
-          origin: 'viewport',
-        },
-        {
-          button: 1,
-          type: 'pointerUp',
-        },
-      ],
-    }]);
-    await this.browser.pause(1000);
-  }
-
-  /**
-   * Perform a swipe down on an element.
-   *
-   * ```js
-   * let locator = "#io.selendroid.testapp:id/LinearLayout1";
-   * I.swipeDown(locator); // simple swipe
-   * I.swipeDown(locator, 500); // set speed
-   * I.swipeDown(locator, 1200, 1000); // set offset and speed
-   * ```
-   *
-   * @param {string | object} locator
-   * @param {number} [yoffset] (optional)
-   * @param {number} [speed=1000] (optional), 1000 by default
-   * @return {Promise<void>}
-   *
-   * Appium: support Android and iOS
-   */
-  async swipeDown(locator, yoffset = 1000, speed) {
-    onlyForApps.call(this);
-
-    if (!speed) {
-      speed = yoffset;
-      yoffset = 100;
-    }
-
-    return this.swipe(parseLocator.call(this, locator), 0, yoffset, speed);
-  }
-
-  /**
-   *
-   * Perform a swipe left on an element.
-   *
-   * ```js
-   * let locator = "#io.selendroid.testapp:id/LinearLayout1";
-   * I.swipeLeft(locator); // simple swipe
-   * I.swipeLeft(locator, 500); // set speed
-   * I.swipeLeft(locator, 1200, 1000); // set offset and speed
-   * ```
-   *
-   * @param {string | object} locator
-   * @param {number} [xoffset] (optional)
-   * @param {number} [speed=1000] (optional), 1000 by default
-   * @return {Promise<void>}
-   *
-   * Appium: support Android and iOS
-   */
-  async swipeLeft(locator, xoffset = 1000, speed) {
-    onlyForApps.call(this);
-    if (!speed) {
-      speed = xoffset;
-      xoffset = 100;
-    }
-
-    return this.swipe(parseLocator.call(this, locator), -xoffset, 0, speed);
-  }
-
-  /**
-   * Perform a swipe right on an element.
-   *
-   * ```js
-   * let locator = "#io.selendroid.testapp:id/LinearLayout1";
-   * I.swipeRight(locator); // simple swipe
-   * I.swipeRight(locator, 500); // set speed
-   * I.swipeRight(locator, 1200, 1000); // set offset and speed
-   * ```
-   *
-   * @param {string | object} locator
-   * @param {number} [xoffset] (optional)
-   * @param {number} [speed=1000] (optional), 1000 by default
-   * @return {Promise<void>}
-   *
-   * Appium: support Android and iOS
-   */
-  async swipeRight(locator, xoffset = 1000, speed) {
-    onlyForApps.call(this);
-    if (!speed) {
-      speed = xoffset;
-      xoffset = 100;
-    }
-
-    return this.swipe(parseLocator.call(this, locator), xoffset, 0, speed);
-  }
-
-  /**
-   * Perform a swipe up on an element.
-   *
-   * ```js
-   * let locator = "#io.selendroid.testapp:id/LinearLayout1";
-   * I.swipeUp(locator); // simple swipe
-   * I.swipeUp(locator, 500); // set speed
-   * I.swipeUp(locator, 1200, 1000); // set offset and speed
-   * ```
-   *
-   * @param {string | object} locator
-   * @param {number} [yoffset] (optional)
-   * @param {number} [speed=1000] (optional), 1000 by default
-   * @return {Promise<void>}
-   *
-   * Appium: support Android and iOS
-   */
-  async swipeUp(locator, yoffset = 1000, speed) {
-    onlyForApps.call(this);
-
-    if (!speed) {
-      speed = yoffset;
-      yoffset = 100;
-    }
-
-    return this.swipe(parseLocator.call(this, locator), 0, -yoffset, speed);
-  }
-
-  /**
-   * Perform a swipe in selected direction on an element to searchable element.
-   *
-   * ```js
-   * I.swipeTo(
-   *  "android.widget.CheckBox", // searchable element
-   *  "//android.widget.ScrollView/android.widget.LinearLayout", // scroll element
-   *   "up", // direction
-   *    30,
-   *    100,
-   *    500);
-   * ```
-   *
-   * @param {string} searchableLocator
-   * @param {string} scrollLocator
-   * @param {string} direction
-   * @param {number} timeout
-   * @param {number} offset
-   * @param {number} speed
-   * @return {Promise<void>}
-   *
-   * Appium: support Android and iOS
-   */
-  async swipeTo(searchableLocator, scrollLocator, direction, timeout, offset, speed) {
-    onlyForApps.call(this);
-    direction = direction || 'down';
-    switch (direction) {
-      case 'down':
-        direction = 'swipeDown';
-        break;
-      case 'up':
-        direction = 'swipeUp';
-        break;
-      case 'left':
-        direction = 'swipeLeft';
-        break;
-      case 'right':
-        direction = 'swipeRight';
-        break;
-    }
-    timeout = timeout || this.options.waitForTimeoutInSeconds;
-
-    const errorMsg = `element ("${searchableLocator}") still not visible after ${timeout}seconds`;
-    const browser = this.browser;
-    let err = false;
-    let currentSource;
-    return browser.waitUntil(() => {
-      if (err) {
-        return new Error(`Scroll to the end and element ${searchableLocator} was not found`);
-      }
-      return browser.$$(parseLocator.call(this, searchableLocator))
-        .then(els => els.length && els[0].isDisplayed())
-        .then((res) => {
-          if (res) {
-            return true;
-          }
-          return this[direction](scrollLocator, offset, speed).getSource().then((source) => {
-            if (source === currentSource) {
-              err = true;
-            } else {
-              currentSource = source;
-              return false;
-            }
-          });
-        });
-    }, timeout * 1000, errorMsg)
-      .catch((e) => {
-        if (e.message.indexOf('timeout') && e.type !== 'NoSuchElement') {
-          throw new AssertionFailedError({ customMessage: `Scroll to the end and element ${searchableLocator} was not found` }, '');
-        } else {
-          throw e;
-        }
-      });
-  }
-
-  /**
-   * Performs a specific touch action.
-   * The action object need to contain the action name, x/y coordinates
-   *
-   * ```js
-   * I.touchPerform([{
-   *     action: 'press',
-   *     options: {
-   *       x: 100,
-   *       y: 200
-   *     }
-   * }, {action: 'release'}])
-   *
-   * I.touchPerform([{
-   *    action: 'tap',
-   *    options: {
-   *        element: '1', // json web element was queried before
-   *        x: 10,   // x offset
-   *        y: 20,   // y offset
-   *        count: 1 // number of touches
-   *    }
-   * }]);
-   * ```
-   *
-   * Appium: support Android and iOS
-   *
-   * @param {Array} actions Array of touch actions
-   */
-  async touchPerform(actions) {
-    onlyForApps.call(this);
-    return this.browser.touchPerform(actions);
-  }
-
-  /**
-   * Pulls a file from the device.
-   *
-   * ```js
-   * I.pullFile('/storage/emulated/0/DCIM/logo.png', 'my/path');
-   * // save file to output dir
-   * I.pullFile('/storage/emulated/0/DCIM/logo.png', output_dir);
-   * ```
-   *
-   * @param {string} path
-   * @param {string} dest
-   * @return {Promise<string>}
-   *
-   * Appium: support Android and iOS
-   */
-  async pullFile(path, dest) {
-    onlyForApps.call(this);
-    return this.browser.pullFile(path).then(res => fs.writeFile(dest, Buffer.from(res, 'base64'), (err) => {
-      if (err) {
-        return false;
-      }
-      return true;
-    }));
-  }
-
-  /**
-   * Perform a shake action on the device.
-   *
-   * ```js
-   * I.shakeDevice();
-   * ```
-   *
-   * @return {Promise<void>}
-   *
-   * Appium: support only iOS
-   */
-  async shakeDevice() {
-    onlyForApps.call(this, 'iOS');
-    return this.browser.shake();
-  }
-
-  /**
-   * Perform a rotation gesture centered on the specified element.
-   *
-   * ```js
-   * I.rotate(120, 120)
-   * ```
-   *
-   * See corresponding [webdriverio reference](http://webdriver.io/api/mobile/rotate.html).
-   *
-   * @return {Promise<void>}
-   *
-   * Appium: support only iOS
-   */
-  async rotate(x, y, duration, radius, rotation, touchCount) {
-    onlyForApps.call(this, 'iOS');
-    return this.browser.rotate(x, y, duration, radius, rotation, touchCount);
-  }
-
-  /**
-   * Set immediate value in app.
-   *
-   * See corresponding [webdriverio reference](http://webdriver.io/api/mobile/setImmediateValue.html).
-   *
-   * @return {Promise<void>}
-   *
-   * Appium: support only iOS
-   */
-  async setImmediateValue(id, value) {
-    onlyForApps.call(this, 'iOS');
-    return this.browser.setImmediateValue(id, value);
-  }
-
-  /**
-   * Simulate Touch ID with either valid (match == true) or invalid (match == false) fingerprint.
-   *
-   * ```js
-   * I.touchId(); // simulates valid fingerprint
-   * I.touchId(true); // simulates valid fingerprint
-   * I.touchId(false); // simulates invalid fingerprint
-   * ```
-   *
-   * @return {Promise<void>}
-   *
-   * Appium: support only iOS
-   * TODO: not tested
-   */
-  async simulateTouchId(match) {
-    onlyForApps.call(this, 'iOS');
-    match = match || true;
-    return this.browser.touchId(match);
-  }
-
-  /**
-   * Close the given application.
-   *
-   * ```js
-   * I.closeApp();
-   * ```
-   *
-   * @return {Promise<void>}
-   *
-   * Appium: support both Android and iOS
-   */
-  async closeApp() {
-    onlyForApps.call(this);
-    return this.browser.closeApp();
-  }
-
-  /**
-   * Appends text to a input field or textarea.
-   * Field is located by name, label, CSS or XPath
-   * 
-   * ```js
-   * I.appendField('#myTextField', 'appended');
-   * // typing secret
-   * I.appendField('password', secret('123456'));
-   * ```
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator
-   * @param {string} value text value to append.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async appendField(field, value) {
-    if (this.isWeb) return super.appendField(field, value);
-    return super.appendField(parseLocator.call(this, field), value);
-  }
-
-  /**
-   * Selects a checkbox or radio button.
-   * Element is located by label or name or CSS or XPath.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * I.checkOption('#agree');
-   * I.checkOption('I Agree to Terms and Conditions');
-   * I.checkOption('agree', '//form');
-   * ```
-   * @param {string | object} field checkbox located by label | name | CSS | XPath | strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS | XPath | strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async checkOption(field) {
-    if (this.isWeb) return super.checkOption(field);
-    return super.checkOption(parseLocator.call(this, field));
-  }
-
-  /**
-   * Perform a click on a link or a button, given by a locator.
-   * If a fuzzy locator is given, the page will be searched for a button, link, or image matching the locator string.
-   * For buttons, the "value" attribute, "name" attribute, and inner text are searched. For links, the link text is searched.
-   * For images, the "alt" attribute and inner text of any parent links are searched.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * // simple link
-   * I.click('Logout');
-   * // button of form
-   * I.click('Submit');
-   * // CSS button
-   * I.click('#form input[type=submit]');
-   * // XPath
-   * I.click('//form/*[@type=submit]');
-   * // link in context
-   * I.click('Logout', '#nav');
-   * // using strict locator
-   * I.click({css: 'nav a.login'});
-   * ```
-   * 
-   * @param {string | object} locator clickable link or button located by text, or any element located by CSS|XPath|strict locator.
-   * @param {?string | object | null} [context=null] (optional, `null` by default) element to search in CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async click(locator, context) {
-    if (this.isWeb) return super.click(locator, context);
-    return super.click(parseLocator.call(this, locator), parseLocator.call(this, context));
-  }
-
-  /**
-   * Verifies that the specified checkbox is not checked.
-   * 
-   * ```js
-   * I.dontSeeCheckboxIsChecked('#agree'); // located by ID
-   * I.dontSeeCheckboxIsChecked('I agree to terms'); // located by label
-   * I.dontSeeCheckboxIsChecked('agree'); // located by name
-   * ```
-   * 
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async dontSeeCheckboxIsChecked(field) {
-    if (this.isWeb) return super.dontSeeCheckboxIsChecked(field);
-    return super.dontSeeCheckboxIsChecked(parseLocator.call(this, field));
-  }
-
-  /**
-   * Opposite to `seeElement`. Checks that element is not visible (or in DOM)
-   * 
-   * ```js
-   * I.dontSeeElement('.modal'); // modal is not shown
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeElement(locator) {
-    if (this.isWeb) return super.dontSeeElement(locator);
-    return super.dontSeeElement(parseLocator.call(this, locator));
-  }
-
-  /**
-   * Checks that value of input field or textarea doesn't equal to given value
-   * Opposite to `seeInField`.
-   * 
-   * ```js
-   * I.dontSeeInField('email', 'user@user.com'); // field by name
-   * I.dontSeeInField({ css: 'form input.email' }, 'user@user.com'); // field by CSS
-   * ```
-   * 
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @param {string | object} value value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async dontSeeInField(field, value) {
-    const _value = (typeof value === 'boolean') ? value : value.toString();
-    if (this.isWeb) return super.dontSeeInField(field, _value);
-    return super.dontSeeInField(parseLocator.call(this, field), _value);
-  }
-
-  /**
-   * Opposite to `see`. Checks that a text is not present on a page.
-   * Use context parameter to narrow down the search.
-   * 
-   * ```js
-   * I.dontSee('Login'); // assume we are already logged in.
-   * I.dontSee('Login', '.nav'); // no login inside .nav element
-   * ```
-   * 
-   * @param {string} text which is not present.
-   * @param {string | object} [context] (optional) element located by CSS|XPath|strict locator in which to perfrom search.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSee(text, context = null) {
-    if (this.isWeb) return super.dontSee(text, context);
-    return super.dontSee(text, parseLocator.call(this, context));
-  }
-
-  /**
-   * Fills a text field or textarea, after clearing its value, with the given string.
-   * Field is located by name, label, CSS, or XPath.
-   * 
-   * ```js
-   * // by label
-   * I.fillField('Email', 'hello@world.com');
-   * // by name
-   * I.fillField('password', secret('123456'));
-   * // by CSS
-   * I.fillField('form#login input[name=username]', 'John');
-   * // or by strict locator
-   * I.fillField({css: 'form#login input[name=username]'}, 'John');
-   * ```
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @param {string | object} value text value to fill.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async fillField(field, value) {
-    value = value.toString();
-    if (this.isWeb) return super.fillField(field, value);
-    return super.fillField(parseLocator.call(this, field), value);
-  }
-
-  /**
-   * Retrieves all texts from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let pins = await I.grabTextFromAll('#pin li');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {Promise<string[]>} attribute value
-   * 
-   *
-   */
-  async grabTextFromAll(locator) {
-    if (this.isWeb) return super.grabTextFromAll(locator);
-    return super.grabTextFromAll(parseLocator.call(this, locator));
-  }
-
-  /**
-   * Retrieves a text from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let pin = await I.grabTextFrom('#pin');
-   * ```
-   * If multiple elements found returns first element.
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {Promise<string>} attribute value
-   * 
-   *
-   */
-  async grabTextFrom(locator) {
-    if (this.isWeb) return super.grabTextFrom(locator);
-    return super.grabTextFrom(parseLocator.call(this, locator));
-  }
-
-  /**
-   * Grab number of visible elements by locator.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let numOfElements = await I.grabNumberOfVisibleElements('p');
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @returns {Promise<number>} number of visible elements
-   */
-  async grabNumberOfVisibleElements(locator) {
-    if (this.isWeb) return super.grabNumberOfVisibleElements(locator);
-    return super.grabNumberOfVisibleElements(parseLocator.call(this, locator));
-  }
-
-  /**
-   * Can be used for apps only with several values ("contentDescription", "text", "className", "resourceId")
-   *
-   * Retrieves an attribute from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * If more than one element is found - attribute of first element is returned.
-   * 
-   * ```js
-   * let hint = await I.grabAttributeFrom('#tooltip', 'title');
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} attr attribute name.
-   * @returns {Promise<string>} attribute value
-   * 
-   */
-  async grabAttributeFrom(locator, attr) {
-    if (this.isWeb) return super.grabAttributeFrom(locator, attr);
-    return super.grabAttributeFrom(parseLocator.call(this, locator), attr);
-  }
-
-  /**
-   * Can be used for apps only with several values ("contentDescription", "text", "className", "resourceId")
-   * Retrieves an array of attributes from elements located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let hints = await I.grabAttributeFromAll('.tooltip', 'title');
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} attr attribute name.
-   * @returns {Promise<string[]>} attribute value
-   * 
-   */
-  async grabAttributeFromAll(locator, attr) {
-    if (this.isWeb) return super.grabAttributeFromAll(locator, attr);
-    return super.grabAttributeFromAll(parseLocator.call(this, locator), attr);
-  }
-
-  /**
-   * Retrieves an array of value from a form located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let inputs = await I.grabValueFromAll('//form/input');
-   * ```
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @returns {Promise<string[]>} attribute value
-   * 
-   *
-   */
-  async grabValueFromAll(locator) {
-    if (this.isWeb) return super.grabValueFromAll(locator);
-    return super.grabValueFromAll(parseLocator.call(this, locator));
-  }
-
-  /**
-   * Retrieves a value from a form element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * If more than one element is found - value of first element is returned.
-   * 
-   * ```js
-   * let email = await I.grabValueFrom('input[name=email]');
-   * ```
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @returns {Promise<string>} attribute value
-   * 
-   *
-   */
-  async grabValueFrom(locator) {
-    if (this.isWeb) return super.grabValueFrom(locator);
-    return super.grabValueFrom(parseLocator.call(this, locator));
-  }
-
-  /**
-   * Saves a screenshot to ouput folder (set in codecept.conf.ts or codecept.conf.js).
-   * Filename is relative to output folder.
-   *
-   * ```js
-   * I.saveScreenshot('debug.png');
-   * ```
-   *
-   * @param {string} fileName file name to save.
-   * @return {Promise<void>}
-   */
-  async saveScreenshot(fileName) {
-    return super.saveScreenshot(fileName, false);
-  }
-
-  /**
-   * Scroll element into viewport.
-   * 
-   * ```js
-   * I.scrollIntoView('#submit');
-   * I.scrollIntoView('#submit', true);
-   * I.scrollIntoView('#submit', { behavior: "smooth", block: "center", inline: "center" });
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @param {ScrollIntoViewOptions|boolean} scrollIntoViewOptions either alignToTop=true|false or scrollIntoViewOptions. See https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * Supported only for web testing
-   */
-  async scrollIntoView(locator, scrollIntoViewOptions) {
-    if (this.isWeb) return super.scrollIntoView(locator, scrollIntoViewOptions);
-  }
-
-  /**
-   * Verifies that the specified checkbox is checked.
-   * 
-   * ```js
-   * I.seeCheckboxIsChecked('Agree');
-   * I.seeCheckboxIsChecked('#agree'); // I suppose user agreed to terms
-   * I.seeCheckboxIsChecked({css: '#signup_form input[type=checkbox]'});
-   * ```
-   * 
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async seeCheckboxIsChecked(field) {
-    if (this.isWeb) return super.seeCheckboxIsChecked(field);
-    return super.seeCheckboxIsChecked(parseLocator.call(this, field));
-  }
-
-  /**
-   * Checks that a given Element is visible
-   * Element is located by CSS or XPath.
-   * 
-   * ```js
-   * I.seeElement('#modal');
-   * ```
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async seeElement(locator) {
-    if (this.isWeb) return super.seeElement(locator);
-    return super.seeElement(parseLocator.call(this, locator));
-  }
-
-  /**
-   * Checks that the given input field or textarea equals to given value.
-   * For fuzzy locators, fields are matched by label text, the "name" attribute, CSS, and XPath.
-   * 
-   * ```js
-   * I.seeInField('Username', 'davert');
-   * I.seeInField({css: 'form textarea'},'Type your comment here');
-   * I.seeInField('form input[type=hidden]','hidden_value');
-   * I.seeInField('#searchform input','Search');
-   * ```
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @param {string | object} value value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async seeInField(field, value) {
-    const _value = (typeof value === 'boolean') ? value : value.toString();
-    if (this.isWeb) return super.seeInField(field, _value);
-    return super.seeInField(parseLocator.call(this, field), _value);
-  }
-
-  /**
-   * Checks that a page contains a visible text.
-   * Use context parameter to narrow down the search.
-   * 
-   * ```js
-   * I.see('Welcome'); // text welcome on a page
-   * I.see('Welcome', '.content'); // text inside .content div
-   * I.see('Register', {css: 'form.register'}); // use strict locator
-   * ```
-   * @param {string} text expected on page.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS|Xpath|strict locator in which to search for text.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async see(text, context) {
-    if (this.isWeb) return super.see(text, context);
-    return super.see(text, parseLocator.call(this, context));
-  }
-
-  /**
-   * Selects an option in a drop-down select.
-   * Field is searched by label | name | CSS | XPath.
-   * Option is selected by visible text or by value.
-   * 
-   * ```js
-   * I.selectOption('Choose Plan', 'Monthly'); // select by label
-   * I.selectOption('subscription', 'Monthly'); // match option by text
-   * I.selectOption('subscription', '0'); // or by value
-   * I.selectOption('//form/select[@name=account]','Premium');
-   * I.selectOption('form select[name=account]', 'Premium');
-   * I.selectOption({css: 'form select[name=account]'}, 'Premium');
-   * ```
-   * 
-   * Provide an array for the second argument to select multiple options.
-   * 
-   * ```js
-   * I.selectOption('Which OS do you use?', ['Android', 'iOS']);
-   * ```
-   * @param {string | object} select field located by label|name|CSS|XPath|strict locator.
-   * @param {string|Array<*>} option visible text or value of option.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * Supported only for web testing
-   */
-  async selectOption(select, option) {
-    if (this.isWeb) return super.selectOption(select, option);
-    throw new Error('Should be used only in Web context. In native context use \'click\' method instead');
-  }
-
-  /**
-   * Waits for element to be present on page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForElement('.btn.continue');
-   * I.waitForElement('.btn.continue', 5); // wait for 5 secs
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async waitForElement(locator, sec = null) {
-    if (this.isWeb) return super.waitForElement(locator, sec);
-    return super.waitForElement(parseLocator.call(this, locator), sec);
-  }
-
-  /**
-   * Waits for an element to become visible on a page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForVisible('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async waitForVisible(locator, sec = null) {
-    if (this.isWeb) return super.waitForVisible(locator, sec);
-    return super.waitForVisible(parseLocator.call(this, locator), sec);
-  }
-
-  /**
-   * Waits for an element to be removed or become invisible on a page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForInvisible('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async waitForInvisible(locator, sec = null) {
-    if (this.isWeb) return super.waitForInvisible(locator, sec);
-    return super.waitForInvisible(parseLocator.call(this, locator), sec);
-  }
-
-  /**
-   * Waits for a text to appear (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * Narrow down search results by providing context.
-   * 
-   * ```js
-   * I.waitForText('Thank you, form has been submitted');
-   * I.waitForText('Thank you, form has been submitted', 5, '#modal');
-   * ```
-   * 
-   * @param {string }text to wait for.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @param {string | object} [context] (optional) element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async waitForText(text, sec = null, context = null) {
-    if (this.isWeb) return super.waitForText(text, sec, context);
-    return super.waitForText(text, sec, parseLocator.call(this, context));
-  }
-}
-
-function parseLocator(locator) {
-  if (!locator) return null;
-
-  if (typeof locator === 'object') {
-    if (locator.web && this.isWeb) {
-      return parseLocator.call(this, locator.web);
-    }
-
-    if (locator.android && this.platform === 'android') {
-      if (typeof locator.android === 'string') {
-        return parseLocator.call(this, locator.android);
-      }
-      // The locator is an Android DataMatcher or ViewMatcher locator so return as is
-      return locator.android;
-    }
-
-    if (locator.ios && this.platform === 'ios') {
-      return parseLocator.call(this, locator.ios);
-    }
-  }
-
-  if (typeof locator === 'string') {
-    if (locator[0] === '~') return locator;
-    if (locator.substr(0, 2) === '//') return locator;
-    if (locator[0] === '#' && !this.isWeb) {
-      // hook before webdriverio supports native # locators
-      return parseLocator.call(this, { id: locator.slice(1) });
-    }
-
-    if (this.platform === 'android' && !this.isWeb) {
-      const isNativeLocator = /^\-?android=?/.exec(locator);
-      return isNativeLocator
-        ? locator
-        : `android=new UiSelector().text("${locator}")`;
-    }
-  }
-
-  locator = new Locator(locator, 'xpath');
-  if (locator.type === 'css' && !this.isWeb) throw new Error('Unable to use css locators in apps. Locator strategies for this request: xpath, id, class name or accessibility id');
-  if (locator.type === 'name' && !this.isWeb) throw new Error("Can't locate element by name in Native context. Use either ID, class name or accessibility id");
-  if (locator.type === 'id' && !this.isWeb && this.platform === 'android') return `//*[@resource-id='${locator.value}']`;
-  return locator.simplify();
-}
-
-// in the end of a file
-function onlyForApps(expectedPlatform) {
-  const stack = new Error().stack || '';
-  const re = /Appium.(\w+)/g;
-  const caller = stack.split('\n')[2].trim();
-  const m = re.exec(caller);
-
-  if (!m) {
-    throw new Error(`Invalid caller ${caller}`);
-  }
-
-  const callerName = m[1] || m[2];
-  if (!expectedPlatform) {
-    if (!this.platform) {
-      throw new Error(`${callerName} method can be used only with apps`);
-    }
-  } else if (this.platform !== expectedPlatform.toLowerCase()) {
-    throw new Error(`${callerName} method can be used only with ${expectedPlatform} apps`);
-  }
-}
-
-module.exports = Appium;
diff --git a/docs/build/Expect.js b/docs/build/Expect.js
deleted file mode 100644
index c9de3693c..000000000
--- a/docs/build/Expect.js
+++ /dev/null
@@ -1,425 +0,0 @@
-const output = require('../output');
-
-let expect;
-
-import('chai').then(chai => {
-  expect = chai.expect;
-  chai.use(require('chai-string'));
-  // @ts-ignore
-  chai.use(require('chai-exclude'));
-  chai.use(require('chai-match-pattern'));
-  chai.use(require('chai-json-schema'));
-});
-
-/**
- * This helper allows performing assertions based on Chai.
- *
- * ### Examples
- *
- * Zero-configuration when paired with other helpers like REST, Playwright:
- *
- * ```js
- * // inside codecept.conf.js
- *{
- *   helpers: {
- *     Playwright: {...},
- *     Expect: {},
- *   }
- *}
- * ```
- *
- * ## Methods
- */
-class ExpectHelper {
-  /**
-     *
-     * @param {*} actualValue
-     * @param {*} expectedValue
-     * @param {*} [customErrorMsg]
-     */
-  expectEqual(actualValue, expectedValue, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(actualValue)}" to equal "${JSON.stringify(expectedValue)}"`);
-    return expect(actualValue, customErrorMsg).to.equal(expectedValue);
-  }
-
-  /**
-     *
-     * @param {*} actualValue
-     * @param {*} expectedValue
-     * @param {*} [customErrorMsg]
-     */
-  expectNotEqual(actualValue, expectedValue, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(actualValue)}" to not equal "${JSON.stringify(expectedValue)}"`);
-    return expect(actualValue, customErrorMsg).not.to.equal(expectedValue);
-  }
-
-  /**
-     *
-     * @param {*} actualValue
-     * @param {*} expectedValue
-     * @param {*} [customErrorMsg]
-
-     */
-  expectDeepEqual(actualValue, expectedValue, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(actualValue)}" to deep equal "${JSON.stringify(expectedValue)}"`);
-    return expect(actualValue, customErrorMsg).to.deep.equal(expectedValue);
-  }
-
-  /**
-     *
-     * @param {*} actualValue
-     * @param {*} expectedValue
-     * @param {*} [customErrorMsg]
-     */
-  expectNotDeepEqual(actualValue, expectedValue, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(actualValue)}" to not deep equal "${JSON.stringify(expectedValue)}"`);
-    return expect(actualValue, customErrorMsg).to.not.deep.equal(expectedValue);
-  }
-
-  /**
-     *
-     * @param {*} actualValue
-     * @param {*} expectedValueToContain
-     * @param {*} [customErrorMsg]
-     */
-  expectContain(actualValue, expectedValueToContain, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(actualValue)}" to contain "${JSON.stringify(expectedValueToContain)}"`);
-    return expect(actualValue, customErrorMsg).to.contain(
-      expectedValueToContain,
-    );
-  }
-
-  /**
-     *
-     * @param {*} actualValue
-     * @param {*} expectedValueToNotContain
-     * @param {*} [customErrorMsg]
-     */
-  expectNotContain(
-    actualValue,
-    expectedValueToNotContain,
-    customErrorMsg = '',
-  ) {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(actualValue)}" to not contain "${JSON.stringify(expectedValueToNotContain)}"`);
-    return expect(actualValue, customErrorMsg).not.to.contain(
-      expectedValueToNotContain,
-    );
-  }
-
-  /**
-     *
-     * @param {*} actualValue
-     * @param {*} expectedValueToStartWith
-     * @param {*} [customErrorMsg]
-     */
-  expectStartsWith(actualValue, expectedValueToStartWith, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(actualValue)}" to start with "${JSON.stringify(expectedValueToStartWith)}"`);
-    return expect(actualValue, customErrorMsg).to.startsWith(
-      expectedValueToStartWith,
-    );
-  }
-
-  /**
-     *
-     * @param {*} actualValue
-     * @param {*} expectedValueToNotStartWith
-     * @param {*} [customErrorMsg]
-     */
-  expectNotStartsWith(
-    actualValue,
-    expectedValueToNotStartWith,
-    customErrorMsg = '',
-  ) {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(actualValue)}" to not start with "${JSON.stringify(expectedValueToNotStartWith)}"`);
-    return expect(actualValue, customErrorMsg).not.to.startsWith(
-      expectedValueToNotStartWith,
-    );
-  }
-
-  /**
-     * @param {*} actualValue
-     * @param {*} expectedValueToEndWith
-     * @param {*} [customErrorMsg]
-     */
-  expectEndsWith(actualValue, expectedValueToEndWith, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(actualValue)}" to end with "${JSON.stringify(expectedValueToEndWith)}"`);
-    return expect(actualValue, customErrorMsg).to.endsWith(
-      expectedValueToEndWith,
-    );
-  }
-
-  /**
-     * @param {*} actualValue
-     * @param {*} expectedValueToNotEndWith
-     * @param {*} [customErrorMsg]
-     */
-  expectNotEndsWith(
-    actualValue,
-    expectedValueToNotEndWith,
-    customErrorMsg = '',
-  ) {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(actualValue)}" to not end with "${JSON.stringify(expectedValueToNotEndWith)}"`);
-    return expect(actualValue, customErrorMsg).not.to.endsWith(
-      expectedValueToNotEndWith,
-    );
-  }
-
-  /**
-     * @param {*} targetData
-     * @param {*} jsonSchema
-     * @param {*} [customErrorMsg]
-     */
-  expectJsonSchema(targetData, jsonSchema, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(targetData)}" to match this JSON schema "${JSON.stringify(jsonSchema)}"`);
-
-    return expect(targetData, customErrorMsg).to.be.jsonSchema(jsonSchema);
-  }
-
-  /**
-     * @param {*} targetData
-     * @param {*} jsonSchema
-     * @param {*} [customErrorMsg]
-     * @param {*} [ajvOptions] Pass AJV options
-     */
-  expectJsonSchemaUsingAJV(
-    targetData,
-    jsonSchema,
-    customErrorMsg = '',
-    ajvOptions = { allErrors: true },
-  ) {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(targetData)}" to match this JSON schema using AJV "${JSON.stringify(jsonSchema)}"`);
-    chai.use(require('chai-json-schema-ajv').create(ajvOptions));
-    return expect(targetData, customErrorMsg).to.be.jsonSchema(jsonSchema);
-  }
-
-  /**
-     * @param {*} targetData
-     * @param {*} propertyName
-     * @param {*} [customErrorMsg]
-     */
-  expectHasProperty(targetData, propertyName, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(targetData)}" to have property: "${JSON.stringify(propertyName)}"`);
-    return expect(targetData, customErrorMsg).to.have.property(propertyName);
-  }
-
-  /**
-     * @param {*} targetData
-     * @param {*} propertyName
-     * @param {*} [customErrorMsg]
-     */
-  expectHasAProperty(targetData, propertyName, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(targetData)}" to have a property: "${JSON.stringify(propertyName)}"`);
-    return expect(targetData, customErrorMsg).to.have.a.property(propertyName);
-  }
-
-  /**
-     * @param {*} targetData
-     * @param {*} type
-     * @param {*} [customErrorMsg]
-     */
-  expectToBeA(targetData, type, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(targetData)}" to be a "${JSON.stringify(type)}"`);
-    return expect(targetData, customErrorMsg).to.be.a(type);
-  }
-
-  /**
-     * @param {*} targetData
-     * @param {*} type
-     * @param {*} [customErrorMsg]
-     */
-  expectToBeAn(targetData, type, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(targetData)}" to be an "${JSON.stringify(type)}"`);
-    return expect(targetData, customErrorMsg).to.be.an(type);
-  }
-
-  /**
-     * @param {*} targetData
-     * @param {*} regex
-     * @param {*} [customErrorMsg]
-     */
-  expectMatchRegex(targetData, regex, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(targetData)}" to match the regex "${JSON.stringify(regex)}"`);
-    return expect(targetData, customErrorMsg).to.match(regex);
-  }
-
-  /**
-     * @param {*} targetData
-     * @param {*} length
-     * @param {*} [customErrorMsg]
-     */
-  expectLengthOf(targetData, length, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(targetData)}" to have length of "${JSON.stringify(length)}"`);
-    return expect(targetData, customErrorMsg).to.have.lengthOf(length);
-  }
-
-  /**
-     * @param {*} targetData
-     * @param {*} [customErrorMsg]
-     */
-  expectEmpty(targetData, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(targetData)}" to be empty`);
-    return expect(targetData, customErrorMsg).to.be.empty;
-  }
-
-  /**
-     * @param {*} targetData
-     * @param {*} [customErrorMsg]
-     */
-  expectTrue(targetData, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(targetData)}" to be true`);
-    return expect(targetData, customErrorMsg).to.be.true;
-  }
-
-  /**
-     * @param {*} targetData
-     * @param {*} [customErrorMsg]
-     */
-  expectFalse(targetData, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(targetData)}" to be false`);
-    return expect(targetData, customErrorMsg).to.be.false;
-  }
-
-  /**
-     * @param {*} targetData
-     * @param {*} aboveThan
-     * @param {*} [customErrorMsg]
-     */
-  expectAbove(targetData, aboveThan, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(targetData)}" to be above ${JSON.stringify(aboveThan)}`);
-    return expect(targetData, customErrorMsg).to.be.above(aboveThan);
-  }
-
-  /**
-     * @param {*} targetData
-     * @param {*} belowThan
-     * @param {*} [customErrorMsg]
-     */
-  expectBelow(targetData, belowThan, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(targetData)}" to be below ${JSON.stringify(belowThan)}`);
-    return expect(targetData, customErrorMsg).to.be.below(belowThan);
-  }
-
-  /**
-     * @param {*} targetData
-     * @param {*} lengthAboveThan
-     * @param {*} [customErrorMsg]
-     */
-  expectLengthAboveThan(targetData, lengthAboveThan, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(targetData)}" to have length of above ${JSON.stringify(lengthAboveThan)}`);
-    return expect(targetData, customErrorMsg).to.have.lengthOf.above(
-      lengthAboveThan,
-    );
-  }
-
-  /**
-     * @param {*} targetData
-     * @param {*} lengthBelowThan
-     * @param {*} [customErrorMsg]
-     */
-  expectLengthBelowThan(targetData, lengthBelowThan, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(targetData)}" to have length of below ${JSON.stringify(lengthBelowThan)}`);
-    return expect(targetData, customErrorMsg).to.have.lengthOf.below(
-      lengthBelowThan,
-    );
-  }
-
-  /**
-     * @param {*} actualValue
-     * @param {*} expectedValue
-     * @param {*} [customErrorMsg]
-     */
-  expectEqualIgnoreCase(actualValue, expectedValue, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect and ingore case "${JSON.stringify(actualValue)}" to equal "${JSON.stringify(expectedValue)}"`);
-    return expect(actualValue, customErrorMsg).to.equalIgnoreCase(
-      expectedValue,
-    );
-  }
-
-  /**
-     * expects members of two arrays are deeply equal
-     * @param {*} actualValue
-     * @param {*} expectedValue
-     * @param {*} [customErrorMsg]
-     */
-  expectDeepMembers(actualValue, expectedValue, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect members of "${JSON.stringify(actualValue)}" and "${JSON.stringify(expectedValue)}" arrays are deeply equal`);
-    return expect(actualValue, customErrorMsg).to.have.deep.members(
-      expectedValue,
-    );
-  }
-
-  /**
-     * expects an array to be a superset of another array
-     * @param {*} superset
-     * @param {*} set
-     * @param {*} [customErrorMsg]
-     */
-  expectDeepIncludeMembers(superset, set, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(superset)}" array to be a superset of "${JSON.stringify(set)}" array`);
-    return expect(superset, customErrorMsg).to.deep.include.members(
-      set,
-    );
-  }
-
-  /**
-     * expects members of two JSON objects are deeply equal excluding some properties
-     * @param {*} actualValue
-     * @param {*} expectedValue
-     * @param {*} fieldsToExclude
-     * @param {*} [customErrorMsg]
-     */
-  expectDeepEqualExcluding(
-    actualValue,
-    expectedValue,
-    fieldsToExclude,
-    customErrorMsg = '',
-  ) {
-    // @ts-ignore
-    output.step(`I expect members of "${JSON.stringify(actualValue)}" and "${JSON.stringify(expectedValue)}" JSON objects are deeply equal excluding properties: ${JSON.stringify(fieldsToExclude)}`);
-    return expect(actualValue, customErrorMsg)
-      .excludingEvery(fieldsToExclude)
-      .to.deep.equal(expectedValue);
-  }
-
-  /**
-     * expects a JSON object matches a provided pattern
-     * @param {*} actualValue
-     * @param {*} expectedPattern
-     * @param {*} [customErrorMsg]
-     */
-  expectMatchesPattern(actualValue, expectedPattern, customErrorMsg = '') {
-    // @ts-ignore
-    output.step(`I expect "${JSON.stringify(actualValue)}" to match the ${JSON.stringify(expectedPattern)} pattern`);
-    return expect(actualValue, customErrorMsg).to.matchPattern(expectedPattern);
-  }
-}
-
-module.exports = ExpectHelper;
diff --git a/docs/build/FileSystem.js b/docs/build/FileSystem.js
deleted file mode 100644
index 830936c7d..000000000
--- a/docs/build/FileSystem.js
+++ /dev/null
@@ -1,228 +0,0 @@
-const assert = require('assert');
-const path = require('path');
-const fs = require('fs');
-
-const Helper = require('@codeceptjs/helper');
-const { fileExists } = require('../utils');
-const { fileIncludes } = require('../assert/include');
-const { fileEquals } = require('../assert/equal');
-
-/**
- * Helper for testing filesystem.
- * Can be easily used to check file structures:
- *
- * ```js
- * I.amInPath('test');
- * I.seeFile('codecept.js');
- * I.seeInThisFile('FileSystem');
- * I.dontSeeInThisFile("WebDriver");
- * ```
- *
- * ## Configuration
- *
- * Enable helper in config file:
- *
- * ```js
- * helpers: {
- *     FileSystem: {},
- * }
- * ```
- *
- * ## Methods
- */
-class FileSystem extends Helper {
-  constructor() {
-    super();
-    this.dir = global.codecept_dir;
-    this.file = '';
-  }
-
-  _before() {
-    this.debugSection('Dir', this.dir);
-  }
-
-  /**
-   * Enters a directory In local filesystem.
-   * Starts from a current directory
-   * @param {string} openPath
-   */
-  amInPath(openPath) {
-    this.dir = path.join(global.codecept_dir, openPath);
-    this.debugSection('Dir', this.dir);
-  }
-
-  /**
-   * Writes text to file
-   * @param {string} name
-   * @param {string} text
-   */
-  writeToFile(name, text) {
-    fs.writeFileSync(path.join(this.dir, name), text);
-  }
-
-  /**
-   * Checks that file exists
-   * @param {string} name
-   */
-  seeFile(name) {
-    this.file = path.join(this.dir, name);
-    this.debugSection('File', this.file);
-    assert.ok(fileExists(this.file), `File ${name} not found in ${this.dir}`);
-  }
-
-  /**
-   * Waits for the file to be present in the current directory.
-   *
-   * ```js
-   * I.handleDownloads('downloads/largeFilesName.txt');
-   * I.click('Download large File');
-   * I.amInPath('output/downloads');
-   * I.waitForFile('largeFilesName.txt', 10); // wait 10 seconds for file
-   * ```
-   * @param {string} name
-   * @param {number} [sec=1] seconds to wait
-   */
-  async waitForFile(name, sec = 1) {
-    if (sec === 0) assert.fail('Use `seeFile` instead of waiting 0 seconds!');
-    const waitTimeout = sec * 1000;
-    this.file = path.join(this.dir, name);
-    this.debugSection('File', this.file);
-    return isFileExists(this.file, waitTimeout).catch(() => {
-      throw new Error(`file (${name}) still not present in directory ${this.dir} after ${waitTimeout / 1000} sec`);
-    });
-  }
-
-  /**
-  * Checks that file with a name including given text exists in the current directory.
-  *
-  *```js
-  * I.handleDownloads();
-  * I.click('Download as PDF');
-  * I.amInPath('output/downloads');
-  * I.seeFileNameMatching('.pdf');
-  * ```
-  * @param {string} text
-  */
-  seeFileNameMatching(text) {
-    assert.ok(
-      this.grabFileNames().some(file => file.includes(text)),
-      `File name which contains ${text} not found in ${this.dir}`,
-    );
-  }
-
-  /**
-   * Checks that file found by `seeFile` includes a text.
-   * @param {string} text
-   * @param {string} [encoding='utf8']
-   */
-  seeInThisFile(text, encoding = 'utf8') {
-    const content = getFileContents(this.file, encoding);
-    fileIncludes(this.file).assert(text, content);
-  }
-
-  /**
-   * Checks that file found by `seeFile` doesn't include text.
-   * @param {string} text
-   * @param {string} [encoding='utf8']
-   */
-  dontSeeInThisFile(text, encoding = 'utf8') {
-    const content = getFileContents(this.file, encoding);
-    fileIncludes(this.file).negate(text, content);
-  }
-
-  /**
-   * Checks that contents of file found by `seeFile` equal to text.
-   * @param {string} text
-   * @param {string} [encoding='utf8']
-   */
-  seeFileContentsEqual(text, encoding = 'utf8') {
-    const content = getFileContents(this.file, encoding);
-    fileEquals(this.file).assert(text, content);
-  }
-
-  /**
-   * Checks that contents of the file found by `seeFile` equal to contents of the file at `pathToReferenceFile`.
-   * @param {string} pathToReferenceFile
-   * @param {string} [encoding='utf8']
-   * @param {string} [encodingReference='utf8']
-   */
-  seeFileContentsEqualReferenceFile(pathToReferenceFile, encoding = 'utf8', encodingReference = '') {
-    const content = getFileContents(this.file, encoding);
-    assert.ok(fileExists(pathToReferenceFile), `Reference file ${pathToReferenceFile} not found.`);
-    encodingReference = encodingReference || encoding;
-    const expectedContent = getFileContents(pathToReferenceFile, encodingReference);
-    fileEquals(this.file).assert(expectedContent, content);
-  }
-
-  /**
-   * Checks that contents of file found by `seeFile` doesn't equal to text.
-   * @param {string} text
-   * @param {string} [encoding='utf8']
-   */
-  dontSeeFileContentsEqual(text, encoding = 'utf8') {
-    const content = getFileContents(this.file, encoding);
-    fileEquals(this.file).negate(text, content);
-  }
-
-  /**
-  * Returns file names in current directory.
-  *
-  * ```js
-  * I.handleDownloads();
-  * I.click('Download Files');
-  * I.amInPath('output/downloads');
-  * const downloadedFileNames = I.grabFileNames();
-  * ```
-  */
-  grabFileNames() {
-    return fs.readdirSync(this.dir)
-      .filter(item => !fs.lstatSync(path.join(this.dir, item)).isDirectory());
-  }
-}
-
-module.exports = FileSystem;
-
-/**
- * @param {string} file
- * @param {string} [encoding='utf8']
- * @private
- * @returns {string}
- */
-function getFileContents(file, encoding = 'utf8') {
-  if (!file) assert.fail('No files were opened, please use seeFile action');
-  if (encoding === '') assert.fail('Encoding is an empty string, please set a valid encoding');
-  return fs.readFileSync(file, encoding);
-}
-
-/**
- * @param {string} file
- * @param {number} timeout
- * @private
- * @returns {Promise<any>}
- */
-function isFileExists(file, timeout) {
-  return new Promise(((resolve, reject) => {
-    const timer = setTimeout(() => {
-      watcher.close();
-      reject(new Error('File did not exists and was not created during the timeout.'));
-    }, timeout);
-
-    const dir = path.dirname(file);
-    const basename = path.basename(file);
-    const watcher = fs.watch(dir, (eventType, filename) => {
-      if (eventType === 'rename' && filename === basename) {
-        clearTimeout(timer);
-        watcher.close();
-        resolve();
-      }
-    });
-
-    fs.access(file, fs.constants.R_OK, (err) => {
-      if (!err) {
-        clearTimeout(timer);
-        watcher.close();
-        resolve();
-      }
-    });
-  }));
-}
diff --git a/docs/build/GraphQL.js b/docs/build/GraphQL.js
deleted file mode 100644
index fb87f16a2..000000000
--- a/docs/build/GraphQL.js
+++ /dev/null
@@ -1,229 +0,0 @@
-const axios = require('axios').default;
-const Helper = require('@codeceptjs/helper');
-
-/**
- * GraphQL helper allows to send additional requests to a GraphQl endpoint during acceptance tests.
- * [Axios](https://github.com/axios/axios) library is used to perform requests.
- *
- * ## Configuration
- *
- * * endpoint: GraphQL base URL
- * * timeout: timeout for requests in milliseconds. 10000ms by default
- * * defaultHeaders: a list of default headers
- * * onRequest: a async function which can update request object.
- *
- * ## Example
- *
- * ```js
- * GraphQL: {
- *    endpoint: 'http://site.com/graphql/',
- *    onRequest: (request) => {
- *      request.headers.auth = '123';
- *    }
- * }
- * ```
- *
- * ## Access From Helpers
- *
- * Send GraphQL requests by accessing `_executeQuery` method:
- *
- * ```js
- * this.helpers['GraphQL']._executeQuery({
- *    url,
- *    data,
- * });
- * ```
- *
- * ## Methods
- */
-class GraphQL extends Helper {
-  constructor(config) {
-    super(config);
-    this.axios = axios.create();
-    this.headers = {};
-    this.options = {
-      timeout: 10000,
-      defaultHeaders: {},
-      endpoint: '',
-    };
-    this.options = Object.assign(this.options, config);
-    this.headers = { ...this.options.defaultHeaders };
-    this.axios.defaults.headers = this.options.defaultHeaders;
-  }
-
-  static _checkRequirements() {
-    try {
-      require('axios');
-    } catch (e) {
-      return ['axios'];
-    }
-  }
-
-  static _config() {
-    return [
-      { name: 'endpoint', message: 'Endpoint of API you are going to test', default: 'http://localhost:3000/graphql' },
-    ];
-  }
-
-  /**
-   * Executes query via axios call
-   *
-   * @param {object} request
-   */
-  async _executeQuery(request) {
-    this.axios.defaults.timeout = request.timeout || this.options.timeout;
-
-    if (this.headers && this.headers.auth) {
-      request.auth = this.headers.auth;
-    }
-
-    request.headers = Object.assign(request.headers, {
-      'Content-Type': 'application/json',
-    });
-
-    request.headers = { ...this.headers, ...request.headers };
-
-    if (this.config.onRequest) {
-      await this.config.onRequest(request);
-    }
-
-    this.debugSection('Request', JSON.stringify(request));
-
-    let response;
-    try {
-      response = await this.axios(request);
-    } catch (err) {
-      if (!err.response) throw err;
-      this.debugSection(
-        'Response',
-        `Response error. Status code: ${err.response.status}`,
-      );
-      response = err.response;
-    }
-
-    if (this.config.onResponse) {
-      await this.config.onResponse(response);
-    }
-
-    this.debugSection('Response', JSON.stringify(response.data));
-    return response;
-  }
-
-  /**
-   * Prepares request for axios call
-   *
-   * @param {object} operation
-   * @param {object} headers
-   * @return {object} graphQLRequest
-   */
-  _prepareGraphQLRequest(operation, headers) {
-    return {
-      baseURL: this.options.endpoint,
-      method: 'POST',
-      data: operation,
-      headers,
-    };
-  }
-
-  /**
-   * Send query to GraphQL endpoint over http.
-   * Returns a response as a promise.
-   *
-   * ```js
-   *
-   * const response = await I.sendQuery('{ users { name email }}');
-   * // with variables
-   * const response = await I.sendQuery(
-   *  'query getUser($id: ID) { user(id: $id) { name email }}',
-   *  { id: 1 },
-   * )
-   * const user = response.data.data;
-   * ```
-   *
-   * @param {String} query
-   * @param {object} [variables] that may go along with the query
-   * @param {object} [options] are additional query options
-   * @param {object} [headers]
-   * @return Promise<any>
-   */
-  async sendQuery(query, variables, options = {}, headers = {}) {
-    if (typeof query !== 'string') {
-      throw new Error(`query expected to be a String, instead received ${typeof query}`);
-    }
-    const operation = {
-      query,
-      variables,
-      ...options,
-    };
-    const request = this._prepareGraphQLRequest(operation, headers);
-    return this._executeQuery(request);
-  }
-
-  /**
-   * Send query to GraphQL endpoint over http
-   *
-   * ```js
-   * I.sendMutation(`
-   *       mutation createUser($user: UserInput!) {
-   *          createUser(user: $user) {
-   *            id
-   *            name
-   *            email
-   *          }
-   *        }
-   *    `,
-   *   { user: {
-   *       name: 'John Doe',
-   *       email: 'john@xmail.com'
-   *     }
-   *   },
-   * });
-   * ```
-   *
-   * @param {String} mutation
-   * @param {object} [variables] that may go along with the mutation
-   * @param {object} [options] are additional query options
-   * @param {object} [headers]
-   * @return Promise<any>
-   */
-  async sendMutation(mutation, variables, options = {}, headers = {}) {
-    if (typeof mutation !== 'string') {
-      throw new Error(`mutation expected to be a String, instead received ${typeof mutation}`);
-    }
-    const operation = {
-      query: mutation,
-      variables,
-      ...options,
-    };
-    const request = this._prepareGraphQLRequest(operation, headers);
-    return this._executeQuery(request);
-  }
-
-  _setRequestTimeout(newTimeout) {
-    this.options.timeout = newTimeout;
-  }
-
-  /**
-   * Sets request headers for all requests of this test
-   *
-   * @param {object} headers headers list
-   */
-  haveRequestHeaders(headers) {
-    this.headers = { ...this.headers, ...headers };
-  }
-
-  /**
-   * Adds a header for Bearer authentication
-   *
-   * ```js
-   * // we use secret function to hide token from logs
-   * I.amBearerAuthenticated(secret('heregoestoken'))
-   * ```
-   *
-   * @param {string | CodeceptJS.Secret} accessToken  Bearer access token
-   */
-  amBearerAuthenticated(accessToken) {
-    this.haveRequestHeaders({ Authorization: `Bearer ${accessToken}` });
-  }
-}
-module.exports = GraphQL;
diff --git a/docs/build/GraphQLDataFactory.js b/docs/build/GraphQLDataFactory.js
deleted file mode 100644
index 9a6d802e6..000000000
--- a/docs/build/GraphQLDataFactory.js
+++ /dev/null
@@ -1,309 +0,0 @@
-const path = require('path');
-
-const Helper = require('@codeceptjs/helper');
-const GraphQL = require('./GraphQL');
-
-/**
- * Helper for managing remote data using GraphQL queries.
- * Uses data generators like [rosie](https://github.com/rosiejs/rosie) or factory girl to create new record.
- *
- * By defining a factory you set the rules of how data is generated.
- * This data will be saved on server via GraphQL queries and deleted in the end of a test.
- *
- * ## Use Case
- *
- * Acceptance tests interact with a websites using UI and real browser.
- * There is no way to create data for a specific test other than from user interface.
- * That makes tests slow and fragile. Instead of testing a single feature you need to follow all creation/removal process.
- *
- * This helper solves this problem.
- * If a web application has GraphQL support, it can be used to create and delete test records.
- * By combining GraphQL with Factories you can easily create records for tests:
- *
- * ```js
- * I.mutateData('createUser', { name: 'davert', email: 'davert@mail.com' });
- * let user = await I.mutateData('createUser', { name: 'davert'});
- * I.mutateMultiple('createPost', 3, {post_id: user.id});
- * ```
- *
- * To make this work you need
- *
- * 1. GraphQL endpoint which allows to perform create / delete requests and
- * 2. define data generation rules
- *
- * ### Setup
- *
- * Install [Rosie](https://github.com/rosiejs/rosie) and [Faker](https://www.npmjs.com/package/faker) libraries.
- *
- * ```sh
- * npm i rosie @faker-js/faker --save-dev
- * ```
- *
- * Create a factory file for a resource.
- *
- * See the example for Users factories:
- *
- * ```js
- * // tests/factories/users.js
- *
- * const { Factory } = require('rosie').Factory;
- * const { faker } = require('@faker-js/faker');
- *
- * // Used with a constructor function passed to Factory, so that the final build
- * // object matches the necessary pattern to be sent as the variables object.
- * module.exports = new Factory((buildObj) => ({
- *    input: { ...buildObj },
- * }))
- *    // 'attr'-id can be left out depending on the GraphQl resolvers
- *    .attr('name', () => faker.name.findName())
- *    .attr('email', () => faker.interact.email())
- * ```
- * For more options see [rosie documentation](https://github.com/rosiejs/rosie).
- *
- * Then configure GraphQLDataHelper to match factories and GraphQL schema:
-
- * ### Configuration
- *
- * GraphQLDataFactory has following config options:
- *
- * * `endpoint`: URL for the GraphQL server.
- * * `cleanup` (default: true): should inserted records be deleted up after tests
- * * `factories`: list of defined factories
- * * `headers`: list of headers
- * * `GraphQL`: configuration for GraphQL requests.
- *
- *
- * See the example:
- *
- * ```js
- *  GraphQLDataFactory: {
- *    endpoint: "http://user.com/graphql",
- *    cleanup: true,
- *    headers: {
- *      'Content-Type': 'application/json',
- *      'Accept': 'application/json',
- *    },
- *    factories: {
- *      createUser: {
- *        query: 'mutation createUser($input: UserInput!) { createUser(input: $input) { id name }}',
- *        factory: './factories/users',
- *        revert: (data) => ({
- *          query: 'mutation deleteUser($id: ID!) { deleteUser(id: $id) }',
- *          variables: { id : data.id},
- *        }),
- *      },
- *    }
- * }
- * ```
-
- * It is required to set GraphQL `endpoint` which is the URL to which all the queries go to.
- * Factory file is expected to be passed via `factory` option.
- *
- * This Helper uses [GraphQL](http://codecept.io/helpers/GraphQL/) helper and accepts its configuration in "GraphQL" section.
- * For instance, to set timeout you should add:
- *
- * ```js
- * "GraphQLDataFactory": {
- *    "GraphQL": {
- *      "timeout": "100000",
- *   }
- * }
- * ```
- *
- * ### Factory
- *
- * Factory contains operations -
- *
- * * `operation`: The operation/mutation that needs to be performed for creating a record in the backend.
- *
- * Each operation must have the following:
- *
- * * `query`: The mutation(query) string. It is expected to use variables to send data with the query.
- * * `factory`: The path to factory file. The object built by the factory in this file will be passed
- *    as the 'variables' object to go along with the mutation.
- * * `revert`: A function called with the data returned when an item is created. The object returned by
- *    this function is will be used to later delete the items created. So, make sure RELEVANT DATA IS RETURNED
- *    when a record is created by a mutation.
- *
- * ### Requests
- *
- * Requests can be updated on the fly by using `onRequest` function. For instance, you can pass in current session from a cookie.
- *
- * ```js
- *  onRequest: async (request) => {
- *     // using global codeceptjs instance
- *     let cookie = await codeceptjs.container.helpers('WebDriver').grabCookie('session');
- *     request.headers = { Cookie: `session=${cookie.value}` };
- *   }
- * ```
- *
- * ### Responses
- *
- * By default `I.mutateData()` returns a promise with created data as specified in operation query string:
- *
- * ```js
- * let client = await I.mutateData('createClient');
- * ```
- *
- * Data of created records are collected and used in the end of a test for the cleanup.
- *
- * ## Methods
- */
-class GraphQLDataFactory extends Helper {
-  constructor(config) {
-    super(config);
-
-    const defaultConfig = {
-      cleanup: true,
-      GraphQL: {},
-      factories: {},
-    };
-    this.config = Object.assign(defaultConfig, this.config);
-
-    if (this.config.headers) {
-      this.config.GraphQL.defaultHeaders = this.config.headers;
-    }
-    if (this.config.onRequest) {
-      this.config.GraphQL.onRequest = this.config.onRequest;
-    }
-    this.graphqlHelper = new GraphQL(Object.assign(this.config.GraphQL, { endpoint: this.config.endpoint }));
-    this.factories = this.config.factories;
-
-    this.created = {};
-    Object.keys(this.factories).forEach(f => (this.created[f] = []));
-  }
-
-  static _checkRequirements() {
-    try {
-      require('axios');
-      require('rosie');
-    } catch (e) {
-      return ['axios', 'rosie'];
-    }
-  }
-
-  _after() {
-    if (!this.config.cleanup) {
-      return Promise.resolve();
-    }
-    const promises = [];
-    // clean up all created items
-    for (const mutationName in this.created) {
-      const createdItems = this.created[mutationName];
-      if (!createdItems.length) continue;
-      this.debug(`Deleting ${createdItems.length} ${mutationName}(s)`);
-      for (const itemData of createdItems) {
-        promises.push(this._requestDelete(mutationName, itemData));
-      }
-    }
-    return Promise.all(promises);
-  }
-
-  /**
-   * Generates a new record using factory, sends a GraphQL mutation to store it.
-   *
-   * ```js
-   * // create a user
-   * I.mutateData('createUser');
-   * // create user with defined email
-   * // and receive it when inside async function
-   * const user = await I.mutateData('createUser', { email: 'user@user.com'});
-   * ```
-   *
-   * @param {string} operation to be performed
-   * @param {*} params predefined parameters
-   */
-  mutateData(operation, params) {
-    const variables = this._createItem(operation, params);
-    this.debug(`Creating ${operation} ${JSON.stringify(variables)}`);
-    return this._requestCreate(operation, variables);
-  }
-
-  /**
-   * Generates bunch of records and sends multiple GraphQL mutation requests to store them.
-   *
-   * ```js
-   * // create 3 users
-   * I.mutateMultiple('createUser', 3);
-   *
-   * // create 3 users of same age
-   * I.mutateMultiple('createUser', 3, { age: 25 });
-   * ```
-   *
-   * @param {string} operation
-   * @param {number} times
-   * @param {*} params
-   */
-  mutateMultiple(operation, times, params) {
-    const promises = [];
-    for (let i = 0; i < times; i++) {
-      promises.push(this.mutateData(operation, params));
-    }
-    return Promise.all(promises);
-  }
-
-  _createItem(operation, data) {
-    if (!this.factories[operation]) {
-      throw new Error(`Mutation ${operation} is not defined in config.factories`);
-    }
-    let modulePath = this.factories[operation].factory;
-    try {
-      try {
-        require.resolve(modulePath);
-      } catch (e) {
-        modulePath = path.join(global.codecept_dir, modulePath);
-      }
-      const builder = require(modulePath);
-      return builder.build(data);
-    } catch (err) {
-      throw new Error(`Couldn't load factory file from ${modulePath}, check that
-
-          "factories": {
-            "${operation}": {
-              "factory": "./path/to/factory"
-
-        points to valid factory file.
-        Factory file should export an object with build method.
-
-        Current file error: ${err.message}`);
-    }
-  }
-
-  /**
-   * Executes request to create a record to the GraphQL endpoint.
-   * Can be replaced from a custom helper.
-   *
-   * @param {string} operation
-   * @param {*} variables to be sent along with the query
-   */
-  _requestCreate(operation, variables) {
-    const { query } = this.factories[operation];
-    return this.graphqlHelper.sendMutation(query, variables).then((response) => {
-      const data = response.data.data[operation];
-      this.created[operation].push(data);
-      this.debugSection('Created', `record: ${data}`);
-      return data;
-    });
-  }
-
-  /**
-   * Executes request to delete a record to the GraphQL endpoint.
-   * Can be replaced from a custom helper.
-   *
-   * @param {string} operation
-   * @param {*} data of the record to be deleted.
-   */
-  _requestDelete(operation, data) {
-    const deleteOperation = this.factories[operation].revert(data);
-    const { query, variables } = deleteOperation;
-
-    return this.graphqlHelper.sendMutation(query, variables)
-      .then((response) => {
-        const idx = this.created[operation].indexOf(data);
-        this.debugSection('Deleted', `record: ${response.data.data}`);
-        this.created[operation].splice(idx, 1);
-      });
-  }
-}
-
-module.exports = GraphQLDataFactory;
diff --git a/docs/build/JSONResponse.js b/docs/build/JSONResponse.js
deleted file mode 100644
index e651a6833..000000000
--- a/docs/build/JSONResponse.js
+++ /dev/null
@@ -1,338 +0,0 @@
-const Helper = require('@codeceptjs/helper');
-
-let expect;
-
-import('chai').then(chai => {
-  expect = chai.expect;
-  chai.use(require('chai-deep-match'));
-});
-
-const joi = require('joi');
-
-/**
- * This helper allows performing assertions on JSON responses paired with following helpers:
- *
- * * REST
- * * GraphQL
- * * Playwright
- *
- * It can check status codes, response data, response structure.
- *
- *
- * ## Configuration
- *
- * * `requestHelper` - a helper which will perform requests. `REST` by default, also `Playwright` or `GraphQL` can be used. Custom helpers must have `onResponse` hook in their config, which will be executed when request is performed.
- *
- * ### Examples
- *
- * Zero-configuration when paired with REST:
- *
- * ```js
- * // inside codecept.conf.js
- *{
- *   helpers: {
- *     REST: {
- *       endpoint: 'http://site.com/api',
- *     },
- *     JSONResponse: {}
- *   }
- *}
- * ```
- * Explicitly setting request helper if you use `makeApiRequest` of Playwright to perform requests and not paired REST:
- *
- * ```js
- * // inside codecept.conf.js
- * // ...
- *   helpers: {
- *     Playwright: {
- *       url: 'https://localhost',
- *       browser: 'chromium',
- *     },
- *     JSONResponse: {
- *       requestHelper: 'Playwright',
- *     }
- *   }
- * ```
- * ## Access From Helpers
- *
- * If you plan to add custom assertions it is recommended to create a helper that will retrieve response object from JSONResponse:
- *
- *
- * ```js
- * // inside custom helper
- * const response = this.helpers.JSONResponse.response;
- * ```
- *
- * ## Methods
- */
-class JSONResponse extends Helper {
-  constructor(config = {}) {
-    super(config);
-    this.options = {
-      requestHelper: 'REST',
-    };
-    this.options = { ...this.options, ...config };
-  }
-
-  _beforeSuite() {
-    this.response = null;
-    if (!this.helpers[this.options.requestHelper]) {
-      throw new Error(`Error setting JSONResponse, helper ${this.options.requestHelper} is not enabled in config, helpers: ${Object.keys(this.helpers)}`);
-    }
-    // connect to REST helper
-    this.helpers[this.options.requestHelper].config.onResponse = (response) => {
-      this.response = response;
-    };
-  }
-
-  _before() {
-    this.response = null;
-  }
-
-  static _checkRequirements() {
-    try {
-      require('joi');
-    } catch (e) {
-      return ['joi'];
-    }
-  }
-
-  /**
-   * Checks that response code is equal to the provided one
-   *
-   * ```js
-   * I.seeResponseCodeIs(200);
-   * ```
-   *
-   * @param {number} code
-   */
-  seeResponseCodeIs(code) {
-    this._checkResponseReady();
-    expect(this.response.status).to.eql(code, 'Response code is not the same as expected');
-  }
-
-  /**
-   * Checks that response code is not equal to the provided one
-   *
-   * ```js
-   * I.dontSeeResponseCodeIs(500);
-   * ```
-   *
-   * @param {number} code
-   */
-  dontSeeResponseCodeIs(code) {
-    this._checkResponseReady();
-    expect(this.response.status).not.to.eql(code);
-  }
-
-  /**
-   * Checks that the response code is 4xx
-   */
-  seeResponseCodeIsClientError() {
-    this._checkResponseReady();
-    expect(this.response.status).to.be.gte(400);
-    expect(this.response.status).to.be.lt(500);
-  }
-
-  /**
-   * Checks that the response code is 3xx
-   */
-  seeResponseCodeIsRedirection() {
-    this._checkResponseReady();
-    expect(this.response.status).to.be.gte(300);
-    expect(this.response.status).to.be.lt(400);
-  }
-
-  /**
-   * Checks that the response code is 5xx
-   */
-  seeResponseCodeIsServerError() {
-    this._checkResponseReady();
-    expect(this.response.status).to.be.gte(500);
-    expect(this.response.status).to.be.lt(600);
-  }
-
-  /**
-   * Checks that the response code is 2xx
-   * Use it instead of seeResponseCodeIs(200) if server can return 204 instead.
-   *
-   * ```js
-   * I.seeResponseCodeIsSuccessful();
-   * ```
-   */
-  seeResponseCodeIsSuccessful() {
-    this._checkResponseReady();
-    expect(this.response.status).to.be.gte(200);
-    expect(this.response.status).to.be.lt(300);
-  }
-
-  /**
-   * Checks for deep inclusion of a provided json in a response data.
-   *
-   * ```js
-   * // response.data == { user: { name: 'jon', email: 'jon@doe.com' } }
-   *
-   * I.seeResponseContainsJson({ user: { email: 'jon@doe.com' } });
-   * ```
-   * If an array is received, checks that at least one element contains JSON
-   * ```js
-   * // response.data == [{ user: { name: 'jon', email: 'jon@doe.com' } }]
-   *
-   * I.seeResponseContainsJson({ user: { email: 'jon@doe.com' } });
-   * ```
-   *
-   * @param {object} json
-   */
-  seeResponseContainsJson(json = {}) {
-    this._checkResponseReady();
-    if (Array.isArray(this.response.data)) {
-      let fails = 0;
-      for (const el of this.response.data) {
-        try {
-          expect(el).to.deep.match(json);
-        } catch (err) {
-          fails++;
-        }
-      }
-      expect(fails < this.response.data.length, `No elements in array matched ${JSON.stringify(json)}`).to.be.true;
-    } else {
-      expect(this.response.data).to.deep.match(json);
-    }
-  }
-
-  /**
-   * Checks for deep inclusion of a provided json in a response data.
-   *
-   * ```js
-   * // response.data == { data: { user: 1 } }
-   *
-   * I.dontSeeResponseContainsJson({ user: 2 });
-   * ```
-   * If an array is received, checks that no element of array contains json:
-   * ```js
-   * // response.data == [{ user: 1 }, { user: 3 }]
-   *
-   * I.dontSeeResponseContainsJson({ user: 2 });
-   * ```
-   *
-   * @param {object} json
-   */
-  dontSeeResponseContainsJson(json = {}) {
-    this._checkResponseReady();
-    if (Array.isArray(this.response.data)) {
-      this.response.data.forEach(data => expect(data).not.to.deep.match(json));
-    } else {
-      expect(this.response.data).not.to.deep.match(json);
-    }
-  }
-
-  /**
-   * Checks for deep inclusion of a provided json in a response data.
-   *
-   * ```js
-   * // response.data == { user: { name: 'jon', email: 'jon@doe.com' } }
-   *
-   * I.seeResponseContainsKeys(['user']);
-   * ```
-   *
-   * If an array is received, check is performed for each element of array:
-   *
-   * ```js
-   * // response.data == [{ user: 'jon' }, { user: 'matt'}]
-   *
-   * I.seeResponseContainsKeys(['user']);
-   * ```
-   *
-   * @param {array} keys
-   */
-  seeResponseContainsKeys(keys = []) {
-    this._checkResponseReady();
-    if (Array.isArray(this.response.data)) {
-      this.response.data.forEach(data => expect(data).to.include.keys(keys));
-    } else {
-      expect(this.response.data).to.include.keys(keys);
-    }
-  }
-
-  /**
-   * Executes a callback function passing in `response` object and chai assertions with `expect`
-   * Use it to perform custom checks of response data
-   *
-   * ```js
-   * I.seeResponseValidByCallback(({ data, status, expect }) => {
-   *   expect(status).to.eql(200);
-   *   expect(data).keys.to.include(['user', 'company']);
-   * });
-   * ```
-   *
-   * @param {function} fn
-   */
-  seeResponseValidByCallback(fn) {
-    this._checkResponseReady();
-    fn({ ...this.response, expect });
-    const body = fn.toString();
-    fn.toString = () => `${body.split('\n')[1]}...`;
-  }
-
-  /**
-   * Checks that response data equals to expected:
-   *
-   * ```js
-   * // response.data is { error: 'Not allowed' }
-   *
-   * I.seeResponseEquals({ error: 'Not allowed' })
-   * ```
-   * @param {object} resp
-   */
-  seeResponseEquals(resp) {
-    this._checkResponseReady();
-    expect(this.response.data).to.deep.equal(resp);
-  }
-
-  /**
-   * Validates JSON structure of response using [joi library](https://joi.dev).
-   * See [joi API](https://joi.dev/api/) for complete reference on usage.
-   *
-   * Use pre-initialized joi instance by passing function callback:
-   *
-   * ```js
-   * // response.data is { name: 'jon', id: 1 }
-   *
-   * I.seeResponseMatchesJsonSchema(joi => {
-   *   return joi.object({
-   *     name: joi.string(),
-   *     id: joi.number()
-   *   })
-   * });
-   *
-   * // or pass a valid schema
-   * const joi = require('joi');
-   *
-   * I.seeResponseMatchesJsonSchema(joi.object({
-   *   name: joi.string(),
-   *   id: joi.number();
-   * });
-   * ```
-   *
-   * @param {any} fnOrSchema
-   */
-  seeResponseMatchesJsonSchema(fnOrSchema) {
-    this._checkResponseReady();
-    let schema = fnOrSchema;
-    if (typeof fnOrSchema === 'function') {
-      schema = fnOrSchema(joi);
-      const body = fnOrSchema.toString();
-      fnOrSchema.toString = () => `${body.split('\n')[1]}...`;
-    }
-    if (!schema) throw new Error('Empty Joi schema provided, see https://joi.dev/ for details');
-    if (!joi.isSchema(schema)) throw new Error('Invalid Joi schema provided, see https://joi.dev/ for details');
-    schema.toString = () => schema.describe();
-    joi.assert(this.response.data, schema);
-  }
-
-  _checkResponseReady() {
-    if (!this.response) throw new Error('Response is not available');
-  }
-}
-
-module.exports = JSONResponse;
diff --git a/docs/build/Mochawesome.js b/docs/build/Mochawesome.js
deleted file mode 100644
index 826b2f232..000000000
--- a/docs/build/Mochawesome.js
+++ /dev/null
@@ -1,71 +0,0 @@
-let addMochawesomeContext;
-let currentTest;
-let currentSuite;
-
-const Helper = require('@codeceptjs/helper');
-const { clearString } = require('../utils');
-
-class Mochawesome extends Helper {
-  constructor(config) {
-    super(config);
-
-    // set defaults
-    this.options = {
-      uniqueScreenshotNames: false,
-      disableScreenshots: false,
-    };
-
-    addMochawesomeContext = require('mochawesome/addContext');
-    this._createConfig(config);
-  }
-
-  _createConfig(config) {
-    // override defaults with config
-    Object.assign(this.options, config);
-  }
-
-  _beforeSuite(suite) {
-    currentSuite = suite;
-    currentTest = '';
-  }
-
-  _before() {
-    if (currentSuite && currentSuite.ctx) {
-      currentTest = { test: currentSuite.ctx.currentTest };
-    }
-  }
-
-  _test(test) {
-    currentTest = { test };
-  }
-
-  _failed(test) {
-    if (this.options.disableScreenshots) return;
-    let fileName;
-    // Get proper name if we are fail on hook
-    if (test.ctx.test.type === 'hook') {
-      currentTest = { test: test.ctx.test };
-      // ignore retries if we are in hook
-      test._retries = -1;
-      fileName = clearString(`${test.title}_${currentTest.test.title}`);
-    } else {
-      currentTest = { test };
-      fileName = clearString(test.title);
-    }
-    if (this.options.uniqueScreenshotNames) {
-      const uuid = test.uuid || test.ctx.test.uuid;
-      fileName = `${fileName.substring(0, 10)}_${uuid}`;
-    }
-    if (test._retries < 1 || test._retries === test.retryNum) {
-      fileName = `${fileName}.failed.png`;
-      return addMochawesomeContext(currentTest, fileName);
-    }
-  }
-
-  addMochawesomeContext(context) {
-    if (currentTest === '') currentTest = { test: currentSuite.ctx.test };
-    return addMochawesomeContext(currentTest, context);
-  }
-}
-
-module.exports = Mochawesome;
diff --git a/docs/build/MockServer.js b/docs/build/MockServer.js
deleted file mode 100644
index 9cb748808..000000000
--- a/docs/build/MockServer.js
+++ /dev/null
@@ -1,221 +0,0 @@
-const { mock, settings } = require('pactum');
-
-/**
- * ## Configuration
- *
- * This helper should be configured in codecept.conf.(js|ts)
- *
- * @typedef MockServerConfig
- * @type {object}
- * @prop {number} [port=9393] - Mock server port
- * @prop {string} [host="0.0.0.0"] - Mock server host
- * @prop {object} [httpsOpts] - key & cert values are the paths to .key and .crt files
- */
-let config = {
-  port: 9393,
-  host: '0.0.0.0',
-  httpsOpts: {
-    key: '',
-    cert: '',
-  },
-};
-
-/**
- * MockServer
- *
- * The MockServer Helper in CodeceptJS empowers you to mock any server or service via HTTP or HTTPS, making it an excellent tool for simulating REST endpoints and other HTTP-based APIs.
- *
- * <!-- configuration -->
- *
- * #### Examples
- *
- * You can seamlessly integrate MockServer with other helpers like REST or Playwright. Here's a configuration example inside the `codecept.conf.js` file:
- *
- * ```javascript
- * {
- *   helpers: {
- *     REST: {...},
- *     MockServer: {
- *       // default mock server config
- *       port: 9393,
- *       host: '0.0.0.0',
- *       httpsOpts: {
- *         key: '',
- *         cert: '',
- *       },
- *     },
- *   }
- * }
- * ```
- *
- * #### Adding Interactions
- *
- * Interactions add behavior to the mock server. Use the `I.addInteractionToMockServer()` method to include interactions. It takes an interaction object as an argument, containing request and response details.
- *
- * ```javascript
- * I.addInteractionToMockServer({
- *    request: {
- *      method: 'GET',
- *      path: '/api/hello'
- *    },
- *    response: {
- *      status: 200,
- *      body: {
- *        'say': 'hello to mock server'
- *      }
- *    }
- * });
- * ```
- *
- * #### Request Matching
- *
- * When a real request is sent to the mock server, it matches the received request with the interactions. If a match is found, it returns the specified response; otherwise, a 404 status code is returned.
- *
- * - Strong match on HTTP Method, Path, Query Params & JSON body.
- * - Loose match on Headers.
- *
- * ##### Strong Match on Query Params
- *
- * You can send different responses based on query parameters:
- *
- * ```javascript
- * I.addInteractionToMockServer({
- *   request: {
- *     method: 'GET',
- *     path: '/api/users',
- *     queryParams: {
- *       id: 1
- *     }
- *   },
- *   response: {
- *     status: 200,
- *     body: 'user 1'
- *   }
- * });
- *
- * I.addInteractionToMockServer({
- *   request: {
- *     method: 'GET',
- *     path: '/api/users',
- *     queryParams: {
- *       id: 2
- *     }
- *   },
- *   response: {
- *     status: 200,
- *     body: 'user 2'
- *   }
- * });
- * ```
- *
- * - GET to `/api/users?id=1` will return 'user 1'.
- * - GET to `/api/users?id=2` will return 'user 2'.
- * - For all other requests, it returns a 404 status code.
- *
- * ##### Loose Match on Body
- *
- * When `strict` is set to false, it performs a loose match on query params and response body:
- *
- * ```javascript
- * I.addInteractionToMockServer({
- *   strict: false,
- *   request: {
- *     method: 'POST',
- *     path: '/api/users',
- *     body: {
- *       name: 'john'
- *     }
- *   },
- *   response: {
- *     status: 200
- *   }
- * });
- * ```
- *
- * - POST to `/api/users` with the body containing `name` as 'john' will return a 200 status code.
- * - POST to `/api/users` without the `name` property in the body will return a 404 status code.
- *
- * Happy testing with MockServer in CodeceptJS! 🚀
- *
- * ## Methods
- */
-class MockServer {
-  constructor(passedConfig) {
-    settings.setLogLevel('SILENT');
-    config = { ...passedConfig };
-    if (global.debugMode) {
-      settings.setLogLevel('VERBOSE');
-    }
-  }
-
-  /**
-   * Start the mock server
-   * @param {number} [port] start the mock server with given port
-   *
-   * @returns void
-   */
-  async startMockServer(port) {
-    const _config = { ...config };
-    if (port) _config.port = port;
-    await mock.setDefaults(_config);
-    await mock.start();
-  }
-
-  /**
-   * Stop the mock server
-   *
-   * @returns void
-   *
-   */
-  async stopMockServer() {
-    await mock.stop();
-  }
-
-  /**
-   * An interaction adds behavior to the mock server
-   *
-   *
-   * ```js
-   * I.addInteractionToMockServer({
-   *    request: {
-   *      method: 'GET',
-   *      path: '/api/hello'
-   *    },
-   *    response: {
-   *      status: 200,
-   *      body: {
-   *        'say': 'hello to mock server'
-   *      }
-   *    }
-   * });
-   * ```
-   * ```js
-   * // with query params
-   * I.addInteractionToMockServer({
-   *    request: {
-   *      method: 'GET',
-   *      path: '/api/hello',
-   *      queryParams: {
-   *       id: 2
-   *     }
-   *    },
-   *    response: {
-   *      status: 200,
-   *      body: {
-   *        'say': 'hello to mock server'
-   *      }
-   *    }
-   * });
-   * ```
-   *
-   * @param {CodeceptJS.MockInteraction|object} interaction add behavior to the mock server
-   *
-   * @returns void
-   *
-   */
-  async addInteractionToMockServer(interaction) {
-    await mock.addInteraction(interaction);
-  }
-}
-
-module.exports = MockServer;
diff --git a/docs/build/Nightmare.js b/docs/build/Nightmare.js
deleted file mode 100644
index 18174d700..000000000
--- a/docs/build/Nightmare.js
+++ /dev/null
@@ -1,2152 +0,0 @@
-const path = require('path');
-
-const urlResolve = require('url').resolve;
-
-const Helper = require('@codeceptjs/helper');
-const { includes: stringIncludes } = require('../assert/include');
-const { urlEquals } = require('../assert/equal');
-const { equals } = require('../assert/equal');
-const { empty } = require('../assert/empty');
-const { truth } = require('../assert/truth');
-const Locator = require('../locator');
-const ElementNotFound = require('./errors/ElementNotFound');
-const {
-  xpathLocator,
-  fileExists,
-  screenshotOutputFolder,
-  toCamelCase,
-} = require('../utils');
-
-const specialKeys = {
-  Backspace: '\u0008',
-  Enter: '\u000d',
-  Delete: '\u007f',
-};
-
-let withinStatus = false;
-
-/**
- * Nightmare helper wraps [Nightmare](https://github.com/segmentio/nightmare) library to provide
- * fastest headless testing using Electron engine. Unlike Selenium-based drivers this uses
- * Chromium-based browser with Electron with lots of client side scripts, thus should be less stable and
- * less trusted.
- *
- * Requires `nightmare` package to be installed.
- *
- * ## Configuration
- *
- * This helper should be configured in codecept.conf.ts or codecept.conf.js
- *
- * * `url` - base url of website to be tested
- * * `restart` (optional, default: true) - restart browser between tests.
- * * `disableScreenshots` (optional, default: false)  - don't save screenshot on failure.
- * * `uniqueScreenshotNames` (optional, default: false)  - option to prevent screenshot override if you have scenarios with the same name in different suites.
- * * `fullPageScreenshots` (optional, default: false) - make full page screenshots on failure.
- * * `keepBrowserState` (optional, default: false)  - keep browser state between tests when `restart` set to false.
- * * `keepCookies` (optional, default: false)  - keep cookies between tests when `restart` set to false.
- * * `waitForAction`: (optional) how long to wait after click, doubleClick or PressKey actions in ms. Default: 500.
- * * `waitForTimeout`: (optional) default wait* timeout in ms. Default: 1000.
- * * `windowSize`: (optional) default window size. Set a dimension like `640x480`.
- *
- * + options from [Nightmare configuration](https://github.com/segmentio/nightmare#api)
- *
- * ## Methods
- */
-class Nightmare extends Helper {
-  constructor(config) {
-    super(config);
-
-    this.isRunning = false;
-
-    // override defaults with config
-    this._setConfig(config);
-  }
-
-  _validateConfig(config) {
-    const defaults = {
-      waitForAction: 500,
-      waitForTimeout: 1000,
-      fullPageScreenshots: false,
-      disableScreenshots: false,
-      uniqueScreenshotNames: false,
-      rootElement: 'body',
-      restart: true,
-      keepBrowserState: false,
-      keepCookies: false,
-      js_errors: null,
-      enableHAR: false,
-    };
-
-    return Object.assign(defaults, config);
-  }
-
-  static _config() {
-    return [
-      { name: 'url', message: 'Base url of site to be tested', default: 'http://localhost' },
-      {
-        name: 'show', message: 'Show browser window', default: true, type: 'confirm',
-      },
-    ];
-  }
-
-  static _checkRequirements() {
-    try {
-      require('nightmare');
-    } catch (e) {
-      return ['nightmare'];
-    }
-  }
-
-  async _init() {
-    this.Nightmare = require('nightmare');
-
-    if (this.options.enableHAR) {
-      require('nightmare-har-plugin').install(this.Nightmare);
-    }
-
-    this.Nightmare.action('findElements', function (locator, contextEl, done) {
-      if (!done) {
-        done = contextEl;
-        contextEl = null;
-      }
-
-      const by = Object.keys(locator)[0];
-      const value = locator[by];
-
-      this.evaluate_now((by, locator, contextEl) => window.codeceptjs.findAndStoreElements(by, locator, contextEl), done, by, value, contextEl);
-    });
-
-    this.Nightmare.action('findElement', function (locator, contextEl, done) {
-      if (!done) {
-        done = contextEl;
-        contextEl = null;
-      }
-
-      const by = Object.keys(locator)[0];
-      const value = locator[by];
-
-      this.evaluate_now((by, locator, contextEl) => {
-        const res = window.codeceptjs.findAndStoreElement(by, locator, contextEl);
-        if (res === null) {
-          throw new Error(`Element ${(new Locator(locator))} couldn't be located by ${by}`);
-        }
-        return res;
-      }, done, by, value, contextEl);
-    });
-
-    this.Nightmare.action('asyncScript', function () {
-      let args = Array.prototype.slice.call(arguments);
-      const done = args.pop();
-      args = args.splice(1, 0, done);
-      this.evaluate_now.apply(this, args);
-    });
-
-    this.Nightmare.action('enterText', function (el, text, clean, done) {
-      const child = this.child;
-      const typeFn = () => child.call('type', text, done);
-
-      this.evaluate_now((el, clean) => {
-        const element = window.codeceptjs.fetchElement(el);
-        if (clean) element.value = '';
-        element.focus();
-      }, () => {
-        if (clean) return typeFn();
-        child.call('pressKey', 'End', typeFn); // type End before
-      }, el, clean);
-    });
-
-    this.Nightmare.action('pressKey', (ns, options, parent, win, renderer, done) => {
-      parent.respondTo('pressKey', (ch, done) => {
-        win.webContents.sendInputEvent({
-          type: 'keyDown',
-          keyCode: ch,
-        });
-
-        win.webContents.sendInputEvent({
-          type: 'char',
-          keyCode: ch,
-        });
-
-        win.webContents.sendInputEvent({
-          type: 'keyUp',
-          keyCode: ch,
-        });
-        done();
-      });
-      done();
-    }, function (key, done) {
-      this.child.call('pressKey', key, done);
-    });
-
-    this.Nightmare.action('triggerMouseEvent', (ns, options, parent, win, renderer, done) => {
-      parent.respondTo('triggerMouseEvent', (evt, done) => {
-        win.webContents.sendInputEvent(evt);
-        done();
-      });
-      done();
-    }, function (event, done) {
-      this.child.call('triggerMouseEvent', event, done);
-    });
-
-    this.Nightmare.action(
-      'upload',
-      (ns, options, parent, win, renderer, done) => {
-        parent.respondTo('upload', (selector, pathsToUpload, done) => {
-          parent.emit('log', 'paths', pathsToUpload);
-          try {
-          // attach the debugger
-          // NOTE: this will fail if devtools is open
-            win.webContents.debugger.attach('1.1');
-          } catch (e) {
-            parent.emit('log', 'problem attaching', e);
-            return done(e);
-          }
-
-          win.webContents.debugger.sendCommand('DOM.getDocument', {}, (err, domDocument) => {
-            win.webContents.debugger.sendCommand('DOM.querySelector', {
-              nodeId: domDocument.root.nodeId,
-              selector,
-            }, (err, queryResult) => {
-            // HACK: chromium errors appear to be unpopulated objects?
-              if (Object.keys(err)
-                .length > 0) {
-                parent.emit('log', 'problem selecting', err);
-                return done(err);
-              }
-              win.webContents.debugger.sendCommand('DOM.setFileInputFiles', {
-                nodeId: queryResult.nodeId,
-                files: pathsToUpload,
-              }, (err) => {
-                if (Object.keys(err)
-                  .length > 0) {
-                  parent.emit('log', 'problem setting input', err);
-                  return done(err);
-                }
-                win.webContents.debugger.detach();
-                done(null, pathsToUpload);
-              });
-            });
-          });
-        });
-        done();
-      },
-      function (selector, pathsToUpload, done) {
-        if (!Array.isArray(pathsToUpload)) {
-          pathsToUpload = [pathsToUpload];
-        }
-        this.child.call('upload', selector, pathsToUpload, (err, stuff) => {
-          done(err, stuff);
-        });
-      },
-    );
-
-    return Promise.resolve();
-  }
-
-  async _beforeSuite() {
-    if (!this.options.restart && !this.isRunning) {
-      this.debugSection('Session', 'Starting singleton browser session');
-      return this._startBrowser();
-    }
-  }
-
-  async _before() {
-    if (this.options.restart) return this._startBrowser();
-    if (!this.isRunning) return this._startBrowser();
-    return this.browser;
-  }
-
-  async _after() {
-    if (!this.isRunning) return;
-    if (this.options.restart) {
-      this.isRunning = false;
-      return this._stopBrowser();
-    }
-    if (this.options.enableHAR) {
-      await this.browser.resetHAR();
-    }
-    if (this.options.keepBrowserState) return;
-    if (this.options.keepCookies) {
-      await this.browser.cookies.clearAll();
-    }
-    this.debugSection('Session', 'cleaning up');
-    return this.executeScript(() => localStorage.clear());
-  }
-
-  _afterSuite() {
-  }
-
-  _finishTest() {
-    if (!this.options.restart && this.isRunning) {
-      this._stopBrowser();
-    }
-  }
-
-  async _startBrowser() {
-    this.context = this.options.rootElement;
-    if (this.options.enableHAR) {
-      this.browser = this.Nightmare(Object.assign(require('nightmare-har-plugin').getDevtoolsOptions(), this.options));
-      await this.browser;
-      await this.browser.waitForDevtools();
-    } else {
-      this.browser = this.Nightmare(this.options);
-      await this.browser;
-    }
-    await this.browser.goto('about:blank'); // Load a blank page so .saveScreenshot (/evaluate) will work
-    this.isRunning = true;
-    this.browser.on('dom-ready', () => this._injectClientScripts());
-    this.browser.on('did-start-loading', () => this._injectClientScripts());
-    this.browser.on('will-navigate', () => this._injectClientScripts());
-    this.browser.on('console', (type, message) => {
-      this.debug(`${type}: ${message}`);
-    });
-
-    if (this.options.windowSize) {
-      const size = this.options.windowSize.split('x');
-      return this.browser.viewport(parseInt(size[0], 10), parseInt(size[1], 10));
-    }
-  }
-
-  /**
-   * Get HAR
-   *
-   * ```js
-   * let har = await I.grabHAR();
-   * fs.writeFileSync('sample.har', JSON.stringify({log: har}));
-   * ```
-   */
-  async grabHAR() {
-    return this.browser.getHAR();
-  }
-
-  async saveHAR(fileName) {
-    const outputFile = path.join(global.output_dir, fileName);
-    this.debug(`HAR is saving to ${outputFile}`);
-
-    await this.browser.getHAR().then((har) => {
-      require('fs').writeFileSync(outputFile, JSON.stringify({ log: har }));
-    });
-  }
-
-  async resetHAR() {
-    await this.browser.resetHAR();
-  }
-
-  async _stopBrowser() {
-    return this.browser.end().catch((error) => {
-      this.debugSection('Error on End', error);
-    });
-  }
-
-  async _withinBegin(locator) {
-    this.context = locator;
-    locator = new Locator(locator, 'css');
-    withinStatus = true;
-    return this.browser.evaluate((by, locator) => {
-      const el = window.codeceptjs.findElement(by, locator);
-      if (!el) throw new Error(`Element by ${by}: ${locator} not found`);
-      window.codeceptjs.within = el;
-    }, locator.type, locator.value);
-  }
-
-  _withinEnd() {
-    this.context = this.options.rootElement;
-    withinStatus = false;
-    return this.browser.evaluate(() => {
-      window.codeceptjs.within = null;
-    });
-  }
-
-  /**
-   * Locate elements by different locator types, including strict locator.
-   * Should be used in custom helpers.
-   *
-   * This method return promise with array of IDs of found elements.
-   * Actual elements can be accessed inside `evaluate` by using `codeceptjs.fetchElement()`
-   * client-side function:
-   *
-   * ```js
-   * // get an inner text of an element
-   *
-   * let browser = this.helpers['Nightmare'].browser;
-   * let value = this.helpers['Nightmare']._locate({name: 'password'}).then(function(els) {
-   *   return browser.evaluate(function(el) {
-   *     return codeceptjs.fetchElement(el).value;
-   *   }, els[0]);
-   * });
-   * ```
-   */
-  _locate(locator) {
-    locator = new Locator(locator, 'css');
-    return this.browser.evaluate((by, locator) => {
-      return window.codeceptjs.findAndStoreElements(by, locator);
-    }, locator.type, locator.value);
-  }
-
-  /**
-   * Add a header override for all HTTP requests. If header is undefined, the header overrides will be reset.
-   *
-   * ```js
-   * I.haveHeader('x-my-custom-header', 'some value');
-   * I.haveHeader(); // clear headers
-   * ```
-   */
-  haveHeader(header, value) {
-    return this.browser.header(header, value);
-  }
-
-  /**
-   * Opens a web page in a browser. Requires relative or absolute url.
-   * If url starts with `/`, opens a web page of a site defined in `url` config parameter.
-   * 
-   * ```js
-   * I.amOnPage('/'); // opens main page of website
-   * I.amOnPage('https://github.com'); // opens github
-   * I.amOnPage('/login'); // opens a login page
-   * ```
-   * 
-   * @param {string} url url path or global url.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   * @param {?object} headers list of request headers can be passed
-   *
-   */
-  async amOnPage(url, headers = null) {
-    if (!(/^\w+\:\/\//.test(url))) {
-      url = urlResolve(this.options.url, url);
-    }
-    const currentUrl = await this.browser.url();
-    if (url === currentUrl) {
-      // navigating to the same url will cause an error in nightmare, so don't do it
-      return;
-    }
-    return this.browser.goto(url, headers).then((res) => {
-      this.debugSection('URL', res.url);
-      this.debugSection('Code', res.code);
-      this.debugSection('Headers', JSON.stringify(res.headers));
-    });
-  }
-
-  /**
-   * Checks that title contains text.
-   * 
-   * ```js
-   * I.seeInTitle('Home Page');
-   * ```
-   * 
-   * @param {string} text text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInTitle(text) {
-    const title = await this.browser.title();
-    stringIncludes('web page title').assert(text, title);
-  }
-
-  /**
-   * Checks that title does not contain text.
-   * 
-   * ```js
-   * I.dontSeeInTitle('Error');
-   * ```
-   * 
-   * @param {string} text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeInTitle(text) {
-    const title = await this.browser.title();
-    stringIncludes('web page title').negate(text, title);
-  }
-
-  /**
-   * Retrieves a page title and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let title = await I.grabTitle();
-   * ```
-   * 
-   * @returns {Promise<string>} title
-   */
-  async grabTitle() {
-    return this.browser.title();
-  }
-
-  /**
-   * Get current URL from browser.
-   * Resumes test execution, so should be used inside an async function.
-   * 
-   * ```js
-   * let url = await I.grabCurrentUrl();
-   * console.log(`Current URL is [${url}]`);
-   * ```
-   * 
-   * @returns {Promise<string>} current URL
-   */
-  async grabCurrentUrl() {
-    return this.browser.url();
-  }
-
-  /**
-   * Checks that current url contains a provided fragment.
-   * 
-   * ```js
-   * I.seeInCurrentUrl('/register'); // we are on registration page
-   * ```
-   * 
-   * @param {string} url a fragment to check
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInCurrentUrl(url) {
-    const currentUrl = await this.browser.url();
-    stringIncludes('url').assert(url, currentUrl);
-  }
-
-  /**
-   * Checks that current url does not contain a provided fragment.
-   * 
-   * @param {string} url value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeInCurrentUrl(url) {
-    const currentUrl = await this.browser.url();
-    stringIncludes('url').negate(url, currentUrl);
-  }
-
-  /**
-   * Checks that current url is equal to provided one.
-   * If a relative url provided, a configured url will be prepended to it.
-   * So both examples will work:
-   * 
-   * ```js
-   * I.seeCurrentUrlEquals('/register');
-   * I.seeCurrentUrlEquals('http://my.site.com/register');
-   * ```
-   * 
-   * @param {string} url value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeCurrentUrlEquals(url) {
-    const currentUrl = await this.browser.url();
-    urlEquals(this.options.url).assert(url, currentUrl);
-  }
-
-  /**
-   * Checks that current url is not equal to provided one.
-   * If a relative url provided, a configured url will be prepended to it.
-   * 
-   * ```js
-   * I.dontSeeCurrentUrlEquals('/login'); // relative url are ok
-   * I.dontSeeCurrentUrlEquals('http://mysite.com/login'); // absolute urls are also ok
-   * ```
-   * 
-   * @param {string} url value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeCurrentUrlEquals(url) {
-    const currentUrl = await this.browser.url();
-    urlEquals(this.options.url).negate(url, currentUrl);
-  }
-
-  /**
-   * Checks that a page contains a visible text.
-   * Use context parameter to narrow down the search.
-   * 
-   * ```js
-   * I.see('Welcome'); // text welcome on a page
-   * I.see('Welcome', '.content'); // text inside .content div
-   * I.see('Register', {css: 'form.register'}); // use strict locator
-   * ```
-   * @param {string} text expected on page.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS|Xpath|strict locator in which to search for text.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async see(text, context = null) {
-    return proceedSee.call(this, 'assert', text, context);
-  }
-
-  /**
-   * Opposite to `see`. Checks that a text is not present on a page.
-   * Use context parameter to narrow down the search.
-   * 
-   * ```js
-   * I.dontSee('Login'); // assume we are already logged in.
-   * I.dontSee('Login', '.nav'); // no login inside .nav element
-   * ```
-   * 
-   * @param {string} text which is not present.
-   * @param {string | object} [context] (optional) element located by CSS|XPath|strict locator in which to perfrom search.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  dontSee(text, context = null) {
-    return proceedSee.call(this, 'negate', text, context);
-  }
-
-  /**
-   * Checks that a given Element is visible
-   * Element is located by CSS or XPath.
-   * 
-   * ```js
-   * I.seeElement('#modal');
-   * ```
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeElement(locator) {
-    locator = new Locator(locator, 'css');
-    const num = await this.browser.evaluate((by, locator) => {
-      return window.codeceptjs.findElements(by, locator).filter(e => e.offsetWidth > 0 && e.offsetHeight > 0).length;
-    }, locator.type, locator.value);
-    equals('number of elements on a page').negate(0, num);
-  }
-
-  /**
-   * Opposite to `seeElement`. Checks that element is not visible (or in DOM)
-   * 
-   * ```js
-   * I.dontSeeElement('.modal'); // modal is not shown
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeElement(locator) {
-    locator = new Locator(locator, 'css');
-    locator = new Locator(locator, 'css');
-    const num = await this.browser.evaluate((by, locator) => {
-      return window.codeceptjs.findElements(by, locator).filter(e => e.offsetWidth > 0 && e.offsetHeight > 0).length;
-    }, locator.type, locator.value);
-    equals('number of elements on a page').assert(0, num);
-  }
-
-  /**
-   * Checks that a given Element is present in the DOM
-   * Element is located by CSS or XPath.
-   * 
-   * ```js
-   * I.seeElementInDOM('#modal');
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeElementInDOM(locator) {
-    locator = new Locator(locator, 'css');
-    const els = await this.browser.findElements(locator.toStrict());
-    empty('elements').negate(els.fill('ELEMENT'));
-  }
-
-  /**
-   * Opposite to `seeElementInDOM`. Checks that element is not on page.
-   * 
-   * ```js
-   * I.dontSeeElementInDOM('.nav'); // checks that element is not on page visible or not
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeElementInDOM(locator) {
-    locator = new Locator(locator, 'css');
-    const els = await this.browser.findElements(locator.toStrict());
-    empty('elements').assert(els.fill('ELEMENT'));
-  }
-
-  /**
-   * Checks that the current page contains the given string in its raw source code.
-   * 
-   * ```js
-   * I.seeInSource('<h1>Green eggs &amp; ham</h1>');
-   * ```
-   * @param {string} text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInSource(text) {
-    const source = await this.browser.evaluate(() => document.documentElement.outerHTML);
-    stringIncludes('HTML source of a page').assert(text, source);
-  }
-
-  /**
-   * Checks that the current page does not contains the given string in its raw source code.
-   * 
-   * ```js
-   * I.dontSeeInSource('<!--'); // no comments in source
-   * ```
-   * 
-   * @param {string} value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeInSource(text) {
-    const source = await this.browser.evaluate(() => document.documentElement.outerHTML);
-    stringIncludes('HTML source of a page').negate(text, source);
-  }
-
-  /**
-   * Asserts that an element appears a given number of times in the DOM.
-   * Element is located by label or name or CSS or XPath.
-   * 
-   * 
-   * ```js
-   * I.seeNumberOfElements('#submitBtn', 1);
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} num number of elements.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeNumberOfElements(locator, num) {
-    const elements = await this._locate(locator);
-    return equals(`expected number of elements (${(new Locator(locator))}) is ${num}, but found ${elements.length}`).assert(elements.length, num);
-  }
-
-  /**
-   * Asserts that an element is visible a given number of times.
-   * Element is located by CSS or XPath.
-   * 
-   * ```js
-   * I.seeNumberOfVisibleElements('.buttons', 3);
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} num number of elements.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeNumberOfVisibleElements(locator, num) {
-    const res = await this.grabNumberOfVisibleElements(locator);
-    return equals(`expected number of visible elements (${(new Locator(locator))}) is ${num}, but found ${res}`).assert(res, num);
-  }
-
-  /**
-   * Grab number of visible elements by locator.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let numOfElements = await I.grabNumberOfVisibleElements('p');
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @returns {Promise<number>} number of visible elements
-   */
-  async grabNumberOfVisibleElements(locator) {
-    locator = new Locator(locator, 'css');
-
-    const num = await this.browser.evaluate((by, locator) => {
-      return window.codeceptjs.findElements(by, locator)
-        .filter(e => e.offsetWidth > 0 && e.offsetHeight > 0).length;
-    }, locator.type, locator.value);
-
-    return num;
-  }
-
-  /**
-   * Perform a click on a link or a button, given by a locator.
-   * If a fuzzy locator is given, the page will be searched for a button, link, or image matching the locator string.
-   * For buttons, the "value" attribute, "name" attribute, and inner text are searched. For links, the link text is searched.
-   * For images, the "alt" attribute and inner text of any parent links are searched.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * // simple link
-   * I.click('Logout');
-   * // button of form
-   * I.click('Submit');
-   * // CSS button
-   * I.click('#form input[type=submit]');
-   * // XPath
-   * I.click('//form/*[@type=submit]');
-   * // link in context
-   * I.click('Logout', '#nav');
-   * // using strict locator
-   * I.click({css: 'nav a.login'});
-   * ```
-   * 
-   * @param {string | object} locator clickable link or button located by text, or any element located by CSS|XPath|strict locator.
-   * @param {?string | object | null} [context=null] (optional, `null` by default) element to search in CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async click(locator, context = null) {
-    const el = await findClickable.call(this, locator, context);
-    assertElementExists(el, locator, 'Clickable');
-    return this.browser.evaluate(el => window.codeceptjs.clickEl(el), el)
-      .wait(this.options.waitForAction);
-  }
-
-  /**
-   * Performs a double-click on an element matched by link|button|label|CSS or XPath.
-   * Context can be specified as second parameter to narrow search.
-   * 
-   * ```js
-   * I.doubleClick('Edit');
-   * I.doubleClick('Edit', '.actions');
-   * I.doubleClick({css: 'button.accept'});
-   * I.doubleClick('.btn.edit');
-   * ```
-   * 
-   * @param {string | object} locator clickable link or button located by text, or any element located by CSS|XPath|strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element to search in CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async doubleClick(locator, context = null) {
-    const el = await findClickable.call(this, locator, context);
-    assertElementExists(el, locator, 'Clickable');
-    return this.browser.evaluate(el => window.codeceptjs.doubleClickEl(el), el)
-      .wait(this.options.waitForAction);
-  }
-
-  /**
-   * Performs right click on a clickable element matched by semantic locator, CSS or XPath.
-   * 
-   * ```js
-   * // right click element with id el
-   * I.rightClick('#el');
-   * // right click link or button with text "Click me"
-   * I.rightClick('Click me');
-   * // right click button with text "Click me" inside .context
-   * I.rightClick('Click me', '.context');
-   * ```
-   * 
-   * @param {string | object} locator clickable element located by CSS|XPath|strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async rightClick(locator, context = null) {
-    const el = await findClickable.call(this, locator, context);
-    assertElementExists(el, locator, 'Clickable');
-    return this.browser.evaluate(el => window.codeceptjs.rightClickEl(el), el)
-      .wait(this.options.waitForAction);
-  }
-
-  /**
-   * Moves cursor to element matched by locator.
-   * Extra shift can be set with offsetX and offsetY options.
-   * 
-   * ```js
-   * I.moveCursorTo('.tooltip');
-   * I.moveCursorTo('#submit', 5,5);
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @param {number} [offsetX=0] (optional, `0` by default) X-axis offset.
-   * @param {number} [offsetY=0] (optional, `0` by default) Y-axis offset.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async moveCursorTo(locator, offsetX = 0, offsetY = 0) {
-    locator = new Locator(locator, 'css');
-    const el = await this.browser.findElement(locator.toStrict());
-    assertElementExists(el, locator);
-    return this.browser.evaluate((el, x, y) => window.codeceptjs.hoverEl(el, x, y), el, offsetX, offsetY)
-      .wait(this.options.waitForAction); // wait for hover event to happen
-  }
-
-  /**
-   * Executes sync script on a page.
-   * Pass arguments to function as additional parameters.
-   * Will return execution result to a test.
-   * In this case you should use async function and await to receive results.
-   * 
-   * Example with jQuery DatePicker:
-   * 
-   * ```js
-   * // change date of jQuery DatePicker
-   * I.executeScript(function() {
-   *   // now we are inside browser context
-   *   $('date').datetimepicker('setDate', new Date());
-   * });
-   * ```
-   * Can return values. Don't forget to use `await` to get them.
-   * 
-   * ```js
-   * let date = await I.executeScript(function(el) {
-   *   // only basic types can be returned
-   *   return $(el).datetimepicker('getDate').toString();
-   * }, '#date'); // passing jquery selector
-   * ```
-   * 
-   * @param {string|function} fn function to be executed in browser context.
-   * @param {...any} args to be passed to function.
-   * @returns {Promise<any>} script return value
-   * 
-   *
-   * Wrapper for synchronous [evaluate](https://github.com/segmentio/nightmare#evaluatefn-arg1-arg2)
-   */
-  async executeScript(...args) {
-    return this.browser.evaluate.apply(this.browser, args)
-      .catch(err => err); // Nightmare's first argument is error :(
-  }
-
-  /**
-   * Executes async script on page.
-   * Provided function should execute a passed callback (as first argument) to signal it is finished.
-   * 
-   * Example: In Vue.js to make components completely rendered we are waiting for [nextTick](https://vuejs.org/v2/api/#Vue-nextTick).
-   * 
-   * ```js
-   * I.executeAsyncScript(function(done) {
-   *   Vue.nextTick(done); // waiting for next tick
-   * });
-   * ```
-   * 
-   * By passing value to `done()` function you can return values.
-   * Additional arguments can be passed as well, while `done` function is always last parameter in arguments list.
-   * 
-   * ```js
-   * let val = await I.executeAsyncScript(function(url, done) {
-   *   // in browser context
-   *   $.ajax(url, { success: (data) => done(data); }
-   * }, 'http://ajax.callback.url/');
-   * ```
-   * 
-   * @param {string|function} fn function to be executed in browser context.
-   * @param {...any} args to be passed to function.
-   * @returns {Promise<any>} script return value
-   * 
-   *
-   * Wrapper for asynchronous [evaluate](https://github.com/segmentio/nightmare#evaluatefn-arg1-arg2).
-   * Unlike NightmareJS implementation calling `done` will return its first argument.
-   */
-  async executeAsyncScript(...args) {
-    return this.browser.evaluate.apply(this.browser, args)
-      .catch(err => err); // Nightmare's first argument is error :(
-  }
-
-  /**
-   * Resize the current window to provided width and height.
-   * First parameter can be set to `maximize`.
-   * 
-   * @param {number} width width in pixels or `maximize`.
-   * @param {number} height height in pixels.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async resizeWindow(width, height) {
-    if (width === 'maximize') {
-      throw new Error('Nightmare doesn\'t support resizeWindow to maximum!');
-    }
-    return this.browser.viewport(width, height).wait(this.options.waitForAction);
-  }
-
-  /**
-   * Selects a checkbox or radio button.
-   * Element is located by label or name or CSS or XPath.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * I.checkOption('#agree');
-   * I.checkOption('I Agree to Terms and Conditions');
-   * I.checkOption('agree', '//form');
-   * ```
-   * @param {string | object} field checkbox located by label | name | CSS | XPath | strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS | XPath | strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async checkOption(field, context = null) {
-    const els = await findCheckable.call(this, field, context);
-    assertElementExists(els[0], field, 'Checkbox or radio');
-    return this.browser.evaluate(els => window.codeceptjs.checkEl(els[0]), els)
-      .wait(this.options.waitForAction);
-  }
-
-  /**
-   * Unselects a checkbox or radio button.
-   * Element is located by label or name or CSS or XPath.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * I.uncheckOption('#agree');
-   * I.uncheckOption('I Agree to Terms and Conditions');
-   * I.uncheckOption('agree', '//form');
-   * ```
-   * @param {string | object} field checkbox located by label | name | CSS | XPath | strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS | XPath | strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async uncheckOption(field, context = null) {
-    const els = await findCheckable.call(this, field, context);
-    assertElementExists(els[0], field, 'Checkbox or radio');
-    return this.browser.evaluate(els => window.codeceptjs.unCheckEl(els[0]), els)
-      .wait(this.options.waitForAction);
-  }
-
-  /**
-   * Fills a text field or textarea, after clearing its value, with the given string.
-   * Field is located by name, label, CSS, or XPath.
-   * 
-   * ```js
-   * // by label
-   * I.fillField('Email', 'hello@world.com');
-   * // by name
-   * I.fillField('password', secret('123456'));
-   * // by CSS
-   * I.fillField('form#login input[name=username]', 'John');
-   * // or by strict locator
-   * I.fillField({css: 'form#login input[name=username]'}, 'John');
-   * ```
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @param {string | object} value text value to fill.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async fillField(field, value) {
-    const el = await findField.call(this, field);
-    assertElementExists(el, field, 'Field');
-    return this.browser.enterText(el, value.toString(), true)
-      .wait(this.options.waitForAction);
-  }
-
-  /**
-   * Clears a `<textarea>` or text `<input>` element's value.
-   * 
-   * ```js
-   * I.clearField('Email');
-   * I.clearField('user[email]');
-   * I.clearField('#email');
-   * ```
-   * @param {string | object} editable field located by label|name|CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder.
-   * 
-   */
-  async clearField(field) {
-    return this.fillField(field, '');
-  }
-
-  /**
-   * Appends text to a input field or textarea.
-   * Field is located by name, label, CSS or XPath
-   * 
-   * ```js
-   * I.appendField('#myTextField', 'appended');
-   * // typing secret
-   * I.appendField('password', secret('123456'));
-   * ```
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator
-   * @param {string} value text value to append.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async appendField(field, value) {
-    const el = await findField.call(this, field);
-    assertElementExists(el, field, 'Field');
-    return this.browser.enterText(el, value.toString(), false)
-      .wait(this.options.waitForAction);
-  }
-
-  /**
-   * Checks that the given input field or textarea equals to given value.
-   * For fuzzy locators, fields are matched by label text, the "name" attribute, CSS, and XPath.
-   * 
-   * ```js
-   * I.seeInField('Username', 'davert');
-   * I.seeInField({css: 'form textarea'},'Type your comment here');
-   * I.seeInField('form input[type=hidden]','hidden_value');
-   * I.seeInField('#searchform input','Search');
-   * ```
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @param {string | object} value value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInField(field, value) {
-    const _value = (typeof value === 'boolean') ? value : value.toString();
-    return proceedSeeInField.call(this, 'assert', field, _value);
-  }
-
-  /**
-   * Checks that value of input field or textarea doesn't equal to given value
-   * Opposite to `seeInField`.
-   * 
-   * ```js
-   * I.dontSeeInField('email', 'user@user.com'); // field by name
-   * I.dontSeeInField({ css: 'form input.email' }, 'user@user.com'); // field by CSS
-   * ```
-   * 
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @param {string | object} value value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeInField(field, value) {
-    const _value = (typeof value === 'boolean') ? value : value.toString();
-    return proceedSeeInField.call(this, 'negate', field, _value);
-  }
-
-  /**
-   * Sends [input event](http://electron.atom.io/docs/api/web-contents/#webcontentssendinputeventevent) on a page.
-   * Can submit special keys like 'Enter', 'Backspace', etc
-   */
-  async pressKey(key) {
-    if (Array.isArray(key)) {
-      key = key.join('+'); // should work with accelerators...
-    }
-    if (Object.keys(specialKeys).indexOf(key) >= 0) {
-      key = specialKeys[key];
-    }
-    return this.browser.pressKey(key).wait(this.options.waitForAction);
-  }
-
-  /**
-   * Sends [input event](http://electron.atom.io/docs/api/web-contents/#contentssendinputeventevent) on a page.
-   * Should be a mouse event like:
-   *  {
-        type: 'mouseDown',
-        x: args.x,
-        y: args.y,
-        button: "left"
-      }
-   */
-  async triggerMouseEvent(event) {
-    return this.browser.triggerMouseEvent(event).wait(this.options.waitForAction);
-  }
-
-  /**
-   * Verifies that the specified checkbox is checked.
-   * 
-   * ```js
-   * I.seeCheckboxIsChecked('Agree');
-   * I.seeCheckboxIsChecked('#agree'); // I suppose user agreed to terms
-   * I.seeCheckboxIsChecked({css: '#signup_form input[type=checkbox]'});
-   * ```
-   * 
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeCheckboxIsChecked(field) {
-    return proceedIsChecked.call(this, 'assert', field);
-  }
-
-  /**
-   * Verifies that the specified checkbox is not checked.
-   * 
-   * ```js
-   * I.dontSeeCheckboxIsChecked('#agree'); // located by ID
-   * I.dontSeeCheckboxIsChecked('I agree to terms'); // located by label
-   * I.dontSeeCheckboxIsChecked('agree'); // located by name
-   * ```
-   * 
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeCheckboxIsChecked(field) {
-    return proceedIsChecked.call(this, 'negate', field);
-  }
-
-  /**
-   * Attaches a file to element located by label, name, CSS or XPath
-   * Path to file is relative current codecept directory (where codecept.conf.ts or codecept.conf.js is located).
-   * File will be uploaded to remote system (if tests are running remotely).
-   * 
-   * ```js
-   * I.attachFile('Avatar', 'data/avatar.jpg');
-   * I.attachFile('form input[name=avatar]', 'data/avatar.jpg');
-   * ```
-   * 
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @param {string} pathToFile local file path relative to codecept.conf.ts or codecept.conf.js config file.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * Doesn't work if the Chromium DevTools panel is open (as Chromium allows only one attachment to the debugger at a time. [See more](https://github.com/rosshinkley/nightmare-upload#important-note-about-setting-file-upload-inputs))
-   */
-  async attachFile(locator, pathToFile) {
-    const file = path.join(global.codecept_dir, pathToFile);
-
-    locator = new Locator(locator, 'css');
-    if (!locator.isCSS()) {
-      throw new Error('Only CSS locator allowed for attachFile in Nightmare helper');
-    }
-
-    if (!fileExists(file)) {
-      throw new Error(`File at ${file} can not be found on local system`);
-    }
-    return this.browser.upload(locator.value, file);
-  }
-
-  /**
-   * Retrieves all texts from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let pins = await I.grabTextFromAll('#pin li');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {Promise<string[]>} attribute value
-   * 
-   */
-  async grabTextFromAll(locator) {
-    locator = new Locator(locator, 'css');
-    const els = await this.browser.findElements(locator.toStrict());
-    const texts = [];
-    const getText = el => window.codeceptjs.fetchElement(el).innerText;
-    for (const el of els) {
-      texts.push(await this.browser.evaluate(getText, el));
-    }
-    return texts;
-  }
-
-  /**
-   * Retrieves a text from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let pin = await I.grabTextFrom('#pin');
-   * ```
-   * If multiple elements found returns first element.
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {Promise<string>} attribute value
-   * 
-   */
-  async grabTextFrom(locator) {
-    locator = new Locator(locator, 'css');
-    const els = await this.browser.findElement(locator.toStrict());
-    assertElementExists(els, locator);
-    const texts = await this.grabTextFromAll(locator);
-    if (texts.length > 1) {
-      this.debugSection('GrabText', `Using first element out of ${texts.length}`);
-    }
-
-    return texts[0];
-  }
-
-  /**
-   * Retrieves an array of value from a form located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let inputs = await I.grabValueFromAll('//form/input');
-   * ```
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @returns {Promise<string[]>} attribute value
-   * 
-   */
-  async grabValueFromAll(locator) {
-    locator = new Locator(locator, 'css');
-    const els = await this.browser.findElements(locator.toStrict());
-    const values = [];
-    const getValues = el => window.codeceptjs.fetchElement(el).value;
-    for (const el of els) {
-      values.push(await this.browser.evaluate(getValues, el));
-    }
-
-    return values;
-  }
-
-  /**
-   * Retrieves a value from a form element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * If more than one element is found - value of first element is returned.
-   * 
-   * ```js
-   * let email = await I.grabValueFrom('input[name=email]');
-   * ```
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @returns {Promise<string>} attribute value
-   * 
-   */
-  async grabValueFrom(locator) {
-    const el = await findField.call(this, locator);
-    assertElementExists(el, locator, 'Field');
-    const values = await this.grabValueFromAll(locator);
-    if (values.length > 1) {
-      this.debugSection('GrabValue', `Using first element out of ${values.length}`);
-    }
-
-    return values[0];
-  }
-
-  /**
-   * Retrieves an array of attributes from elements located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let hints = await I.grabAttributeFromAll('.tooltip', 'title');
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} attr attribute name.
-   * @returns {Promise<string[]>} attribute value
-   * 
-   */
-  async grabAttributeFromAll(locator, attr) {
-    locator = new Locator(locator, 'css');
-    const els = await this.browser.findElements(locator.toStrict());
-    const array = [];
-
-    for (let index = 0; index < els.length; index++) {
-      const el = els[index];
-      array.push(await this.browser.evaluate((el, attr) => window.codeceptjs.fetchElement(el).getAttribute(attr), el, attr));
-    }
-
-    return array;
-  }
-
-  /**
-   * Retrieves an attribute from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * If more than one element is found - attribute of first element is returned.
-   * 
-   * ```js
-   * let hint = await I.grabAttributeFrom('#tooltip', 'title');
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} attr attribute name.
-   * @returns {Promise<string>} attribute value
-   * 
-   */
-  async grabAttributeFrom(locator, attr) {
-    locator = new Locator(locator, 'css');
-    const els = await this.browser.findElement(locator.toStrict());
-    assertElementExists(els, locator);
-
-    const attrs = await this.grabAttributeFromAll(locator, attr);
-    if (attrs.length > 1) {
-      this.debugSection('GrabAttribute', `Using first element out of ${attrs.length}`);
-    }
-
-    return attrs[0];
-  }
-
-  /**
-   * Retrieves all the innerHTML from elements located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let postHTMLs = await I.grabHTMLFromAll('.post');
-   * ```
-   * 
-   * @param {string | object} element located by CSS|XPath|strict locator.
-   * @returns {Promise<string[]>} HTML code for an element
-   * 
-   */
-  async grabHTMLFromAll(locator) {
-    locator = new Locator(locator, 'css');
-    const els = await this.browser.findElements(locator.toStrict());
-    const array = [];
-
-    for (let index = 0; index < els.length; index++) {
-      const el = els[index];
-      array.push(await this.browser.evaluate(el => window.codeceptjs.fetchElement(el).innerHTML, el));
-    }
-    this.debugSection('GrabHTML', array);
-
-    return array;
-  }
-
-  /**
-   * Retrieves the innerHTML from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * If more than one element is found - HTML of first element is returned.
-   * 
-   * ```js
-   * let postHTML = await I.grabHTMLFrom('#post');
-   * ```
-   * 
-   * @param {string | object} element located by CSS|XPath|strict locator.
-   * @returns {Promise<string>} HTML code for an element
-   * 
-   */
-  async grabHTMLFrom(locator) {
-    locator = new Locator(locator, 'css');
-    const els = await this.browser.findElement(locator.toStrict());
-    assertElementExists(els, locator);
-    const html = await this.grabHTMLFromAll(locator);
-    if (html.length > 1) {
-      this.debugSection('GrabHTML', `Using first element out of ${html.length}`);
-    }
-
-    return html[0];
-  }
-
-  /**
-   * Grab CSS property for given locator
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * If more than one element is found - value of first element is returned.
-   * 
-   * ```js
-   * const value = await I.grabCssPropertyFrom('h3', 'font-weight');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} cssProperty CSS property name.
-   * @returns {Promise<string>} CSS value
-   * 
-   */
-  async grabCssPropertyFrom(locator, cssProperty) {
-    locator = new Locator(locator, 'css');
-    const els = await this.browser.findElements(locator.toStrict());
-    const array = [];
-
-    const getCssPropForElement = async (el, prop) => {
-      return (await this.browser.evaluate((el) => {
-        return window.getComputedStyle(window.codeceptjs.fetchElement(el));
-      }, el))[toCamelCase(prop)];
-    };
-
-    for (const el of els) {
-      assertElementExists(el, locator);
-      const cssValue = await getCssPropForElement(el, cssProperty);
-      array.push(cssValue);
-    }
-    this.debugSection('HTML', array);
-
-    return array.length > 1 ? array : array[0];
-  }
-
-  _injectClientScripts() {
-    return this.browser.inject('js', path.join(__dirname, 'clientscripts', 'nightmare.js'));
-  }
-
-  /**
-   * Selects an option in a drop-down select.
-   * Field is searched by label | name | CSS | XPath.
-   * Option is selected by visible text or by value.
-   * 
-   * ```js
-   * I.selectOption('Choose Plan', 'Monthly'); // select by label
-   * I.selectOption('subscription', 'Monthly'); // match option by text
-   * I.selectOption('subscription', '0'); // or by value
-   * I.selectOption('//form/select[@name=account]','Premium');
-   * I.selectOption('form select[name=account]', 'Premium');
-   * I.selectOption({css: 'form select[name=account]'}, 'Premium');
-   * ```
-   * 
-   * Provide an array for the second argument to select multiple options.
-   * 
-   * ```js
-   * I.selectOption('Which OS do you use?', ['Android', 'iOS']);
-   * ```
-   * @param {string | object} select field located by label|name|CSS|XPath|strict locator.
-   * @param {string|Array<*>} option visible text or value of option.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async selectOption(select, option) {
-    const fetchAndCheckOption = function (el, locator) {
-      el = window.codeceptjs.fetchElement(el);
-      const found = document.evaluate(locator, el, null, 5, null);
-      let current = null;
-      const items = [];
-      while (current = found.iterateNext()) {
-        items.push(current);
-      }
-      for (let i = 0; i < items.length; i++) {
-        current = items[i];
-        if (current instanceof HTMLOptionElement) {
-          current.selected = true;
-          if (!el.multiple) el.value = current.value;
-        }
-        const event = document.createEvent('HTMLEvents');
-        event.initEvent('change', true, true);
-        el.dispatchEvent(event);
-      }
-      return !!current;
-    };
-
-    const el = await findField.call(this, select);
-    assertElementExists(el, select, 'Selectable field');
-    if (!Array.isArray(option)) {
-      option = [option];
-    }
-
-    for (const key in option) {
-      const opt = xpathLocator.literal(option[key]);
-      const checked = await this.browser.evaluate(fetchAndCheckOption, el, Locator.select.byVisibleText(opt));
-
-      if (!checked) {
-        await this.browser.evaluate(fetchAndCheckOption, el, Locator.select.byValue(opt));
-      }
-    }
-    return this.browser.wait(this.options.waitForAction);
-  }
-
-  /**
-   * Sets cookie(s).
-   * 
-   * Can be a single cookie object or an array of cookies:
-   * 
-   * ```js
-   * I.setCookie({name: 'auth', value: true});
-   * 
-   * // as array
-   * I.setCookie([
-   *   {name: 'auth', value: true},
-   *   {name: 'agree', value: true}
-   * ]);
-   * ```
-   * 
-   * @param {Cookie|Array<Cookie>} cookie a cookie object or array of cookie objects.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * Wrapper for `.cookies.set(cookie)`.
-   * [See more](https://github.com/segmentio/nightmare/blob/master/Readme.md#cookiessetcookie)
-   */
-  async setCookie(cookie) {
-    return this.browser.cookies.set(cookie);
-  }
-
-  /**
-   * Checks that cookie with given name exists.
-   * 
-   * ```js
-   * I.seeCookie('Auth');
-   * ```
-   * 
-   * @param {string} name cookie name.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async seeCookie(name) {
-    const res = await this.browser.cookies.get(name);
-    truth(`cookie ${name}`, 'to be set').assert(res);
-  }
-
-  /**
-   * Checks that cookie with given name does not exist.
-   * 
-   * ```js
-   * I.dontSeeCookie('auth'); // no auth cookie
-   * ```
-   * 
-   * @param {string} name cookie name.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeCookie(name) {
-    const res = await this.browser.cookies.get(name);
-    truth(`cookie ${name}`, 'to be set').negate(res);
-  }
-
-  /**
-   * Gets a cookie object by name.
-   * If none provided gets all cookies.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let cookie = await I.grabCookie('auth');
-   * assert(cookie.value, '123456');
-   * ```
-   * 
-   * @param {?string} [name=null] cookie name.
-   * @returns {any} attribute value
-   * 
-   *
-   * Cookie in JSON format. If name not passed returns all cookies for this domain.
-   *
-   * Multiple cookies can be received by passing query object `I.grabCookie({ secure: true});`. If you'd like get all cookies for all urls, use: `.grabCookie({ url: null }).`
-   */
-  async grabCookie(name) {
-    return this.browser.cookies.get(name);
-  }
-
-  /**
-   * Clears a cookie by name,
-   * if none provided clears all cookies.
-   * 
-   * ```js
-   * I.clearCookie();
-   * I.clearCookie('test'); // Playwright currently doesn't support clear a particular cookie name
-   * ```
-   * 
-   * @param {?string} [cookie=null] (optional, `null` by default) cookie name
-   * 
-   */
-  async clearCookie(cookie) {
-    if (!cookie) {
-      return this.browser.cookies.clearAll();
-    }
-    return this.browser.cookies.clear(cookie);
-  }
-
-  /**
-   * Waits for a function to return true (waits for 1 sec by default).
-   * Running in browser context.
-   * 
-   * ```js
-   * I.waitForFunction(fn[, [args[, timeout]])
-   * ```
-   * 
-   * ```js
-   * I.waitForFunction(() => window.requests == 0);
-   * I.waitForFunction(() => window.requests == 0, 5); // waits for 5 sec
-   * I.waitForFunction((count) => window.requests == count, [3], 5) // pass args and wait for 5 sec
-   * ```
-   * 
-   * @param {string|function} fn to be executed in browser context.
-   * @param {any[]|number} [argsOrSec] (optional, `1` by default) arguments for function or seconds.
-   * @param {number} [sec] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForFunction(fn, argsOrSec = null, sec = null) {
-    let args = [];
-    if (argsOrSec) {
-      if (Array.isArray(argsOrSec)) {
-        args = argsOrSec;
-      } else if (typeof argsOrSec === 'number') {
-        sec = argsOrSec;
-      }
-    }
-    this.browser.options.waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    return this.browser.wait(fn, ...args);
-  }
-
-  /**
-   * Pauses execution for a number of seconds.
-   * 
-   * ```js
-   * I.wait(2); // wait 2 secs
-   * ```
-   * 
-   * @param {number} sec number of second to wait.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async wait(sec) {
-    return new Promise(((done) => {
-      setTimeout(done, sec * 1000);
-    }));
-  }
-
-  /**
-   * Waits for a text to appear (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * Narrow down search results by providing context.
-   * 
-   * ```js
-   * I.waitForText('Thank you, form has been submitted');
-   * I.waitForText('Thank you, form has been submitted', 5, '#modal');
-   * ```
-   * 
-   * @param {string }text to wait for.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @param {string | object} [context] (optional) element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForText(text, sec, context = null) {
-    if (!context) {
-      context = this.context;
-    }
-    const locator = new Locator(context, 'css');
-    this.browser.options.waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    return this.browser.wait((by, locator, text) => {
-      return window.codeceptjs.findElement(by, locator).innerText.indexOf(text) > -1;
-    }, locator.type, locator.value, text).catch((err) => {
-      if (err.message.indexOf('Cannot read property') > -1) {
-        throw new Error(`element (${JSON.stringify(context)}) is not in DOM. Unable to wait text.`);
-      } else if (err.message && err.message.indexOf('.wait() timed out after') > -1) {
-        throw new Error(`there is no element(${JSON.stringify(context)}) with text "${text}" after ${sec} sec`);
-      } else throw err;
-    });
-  }
-
-  /**
-   * Waits for an element to become visible on a page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForVisible('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  waitForVisible(locator, sec) {
-    this.browser.options.waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    locator = new Locator(locator, 'css');
-
-    return this.browser.wait((by, locator) => {
-      const el = window.codeceptjs.findElement(by, locator);
-      if (!el) return false;
-      return el.offsetWidth > 0 && el.offsetHeight > 0;
-    }, locator.type, locator.value).catch((err) => {
-      if (err.message && err.message.indexOf('.wait() timed out after') > -1) {
-        throw new Error(`element (${JSON.stringify(locator)}) still not visible on page after ${sec} sec`);
-      } else throw err;
-    });
-  }
-
-  /**
-   * Waits for an element to hide (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitToHide('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitToHide(locator, sec = null) {
-    return this.waitForInvisible(locator, sec);
-  }
-
-  /**
-   * Waits for an element to be removed or become invisible on a page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForInvisible('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  waitForInvisible(locator, sec) {
-    this.browser.options.waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    locator = new Locator(locator, 'css');
-
-    return this.browser.wait((by, locator) => {
-      const el = window.codeceptjs.findElement(by, locator);
-      if (!el) return true;
-      return !(el.offsetWidth > 0 && el.offsetHeight > 0);
-    }, locator.type, locator.value).catch((err) => {
-      if (err.message && err.message.indexOf('.wait() timed out after') > -1) {
-        throw new Error(`element (${JSON.stringify(locator)}) still visible after ${sec} sec`);
-      } else throw err;
-    });
-  }
-
-  /**
-   * Waits for element to be present on page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForElement('.btn.continue');
-   * I.waitForElement('.btn.continue', 5); // wait for 5 secs
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForElement(locator, sec) {
-    this.browser.options.waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    locator = new Locator(locator, 'css');
-
-    return this.browser.wait((by, locator) => window.codeceptjs.findElement(by, locator) !== null, locator.type, locator.value).catch((err) => {
-      if (err.message && err.message.indexOf('.wait() timed out after') > -1) {
-        throw new Error(`element (${JSON.stringify(locator)}) still not present on page after ${sec} sec`);
-      } else throw err;
-    });
-  }
-
-  async waitUntilExists(locator, sec) {
-    console.log(`waitUntilExists deprecated:
-    * use 'waitForElement' to wait for element to be attached
-    * use 'waitForDetached to wait for element to be removed'`);
-    return this.waitForDetached(locator, sec);
-  }
-
-  /**
-   * Waits for an element to become not attached to the DOM on a page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForDetached('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForDetached(locator, sec) {
-    this.browser.options.waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    sec = this.browser.options.waitForTimeout / 1000;
-    locator = new Locator(locator, 'css');
-
-    return this.browser.wait((by, locator) => window.codeceptjs.findElement(by, locator) === null, locator.type, locator.value).catch((err) => {
-      if (err.message && err.message.indexOf('.wait() timed out after') > -1) {
-        throw new Error(`element (${JSON.stringify(locator)}) still on page after ${sec} sec`);
-      } else throw err;
-    });
-  }
-
-  /**
-   * Reload the current page.
-   * 
-   * ```js
-   * I.refreshPage();
-   * ```
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async refreshPage() {
-    return this.browser.refresh();
-  }
-
-  /**
-   * Reload the page
-   */
-  refresh() {
-    console.log('Deprecated in favor of refreshPage');
-    return this.browser.refresh();
-  }
-
-  /**
-   * Saves screenshot of the specified locator to ouput folder (set in codecept.conf.ts or codecept.conf.js).
-   * Filename is relative to output folder.
-   * 
-   * ```js
-   * I.saveElementScreenshot(`#submit`,'debug.png');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} fileName file name to save.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async saveElementScreenshot(locator, fileName) {
-    const outputFile = screenshotOutputFolder(fileName);
-
-    const rect = await this.grabElementBoundingRect(locator);
-
-    const button_clip = {
-      x: Math.floor(rect.x),
-      y: Math.floor(rect.y),
-      width: Math.floor(rect.width),
-      height: Math.floor(rect.height),
-    };
-
-    this.debug(`Screenshot of ${(new Locator(locator))} element has been saved to ${outputFile}`);
-    // take the screenshot
-    await this.browser.screenshot(outputFile, button_clip);
-  }
-
-  /**
-   * Grab the width, height, location of given locator.
-   * Provide `width` or `height`as second param to get your desired prop.
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * 
-   * Returns an object with `x`, `y`, `width`, `height` keys.
-   * 
-   * ```js
-   * const value = await I.grabElementBoundingRect('h3');
-   * // value is like { x: 226.5, y: 89, width: 527, height: 220 }
-   * ```
-   * 
-   * To get only one metric use second parameter:
-   * 
-   * ```js
-   * const width = await I.grabElementBoundingRect('h3', 'width');
-   * // width == 527
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string=} elementSize x, y, width or height of the given element.
-   * @returns {Promise<DOMRect>|Promise<number>} Element bounding rectangle
-   * 
-   */
-  async grabElementBoundingRect(locator, prop) {
-    locator = new Locator(locator, 'css');
-
-    const rect = await this.browser.evaluate(async (by, locator) => {
-      // store the button in a variable
-
-      const build_cluster_btn = await window.codeceptjs.findElement(by, locator);
-
-      // use the getClientRects() function on the button to determine
-      // the size and location
-      const rect = build_cluster_btn.getBoundingClientRect();
-
-      // convert the rectangle to a clip object and return it
-      return {
-        x: rect.left,
-        y: rect.top,
-        width: rect.width,
-        height: rect.height,
-      };
-    }, locator.type, locator.value);
-
-    if (prop) return rect[prop];
-    return rect;
-  }
-
-  /**
-   * Saves a screenshot to ouput folder (set in codecept.conf.ts or codecept.conf.js).
-   * Filename is relative to output folder.
-   * Optionally resize the window to the full available page `scrollHeight` and `scrollWidth` to capture the entire page by passing `true` in as the second argument.
-   * 
-   * ```js
-   * I.saveScreenshot('debug.png');
-   * I.saveScreenshot('debug.png', true) //resizes to available scrollHeight and scrollWidth before taking screenshot
-   * ```
-   * 
-   * @param {string} fileName file name to save.
-   * @param {boolean} [fullPage=false] (optional, `false` by default) flag to enable fullscreen screenshot mode.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async saveScreenshot(fileName, fullPage = this.options.fullPageScreenshots) {
-    const outputFile = screenshotOutputFolder(fileName);
-
-    this.debug(`Screenshot is saving to ${outputFile}`);
-
-    if (!fullPage) {
-      return this.browser.screenshot(outputFile);
-    }
-    const { height, width } = await this.browser.evaluate(() => {
-      return { height: document.body.scrollHeight, width: document.body.scrollWidth };
-    });
-    await this.browser.viewport(width, height);
-    return this.browser.screenshot(outputFile);
-  }
-
-  async _failed() {
-    if (withinStatus !== false) await this._withinEnd();
-  }
-
-  /**
-   * Scrolls to element matched by locator.
-   * Extra shift can be set with offsetX and offsetY options.
-   * 
-   * ```js
-   * I.scrollTo('footer');
-   * I.scrollTo('#submit', 5, 5);
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @param {number} [offsetX=0] (optional, `0` by default) X-axis offset.
-   * @param {number} [offsetY=0] (optional, `0` by default) Y-axis offset.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async scrollTo(locator, offsetX = 0, offsetY = 0) {
-    if (typeof locator === 'number' && typeof offsetX === 'number') {
-      offsetY = offsetX;
-      offsetX = locator;
-      locator = null;
-    }
-    if (locator) {
-      locator = new Locator(locator, 'css');
-      return this.browser.evaluate((by, locator, offsetX, offsetY) => {
-        const el = window.codeceptjs.findElement(by, locator);
-        if (!el) throw new Error(`Element not found ${by}: ${locator}`);
-        const rect = el.getBoundingClientRect();
-        window.scrollTo(rect.left + offsetX, rect.top + offsetY);
-      }, locator.type, locator.value, offsetX, offsetY);
-    }
-    // eslint-disable-next-line prefer-arrow-callback
-    return this.executeScript(function (x, y) { return window.scrollTo(x, y); }, offsetX, offsetY);
-  }
-
-  /**
-   * Scroll page to the top.
-   * 
-   * ```js
-   * I.scrollPageToTop();
-   * ```
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async scrollPageToTop() {
-    return this.executeScript(() => window.scrollTo(0, 0));
-  }
-
-  /**
-   * Scroll page to the bottom.
-   * 
-   * ```js
-   * I.scrollPageToBottom();
-   * ```
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async scrollPageToBottom() {
-    /* eslint-disable prefer-arrow-callback, comma-dangle */
-    return this.executeScript(function () {
-      const body = document.body;
-      const html = document.documentElement;
-      window.scrollTo(0, Math.max(
-        body.scrollHeight,
-        body.offsetHeight,
-        html.clientHeight,
-        html.scrollHeight,
-        html.offsetHeight
-      ));
-    });
-    /* eslint-enable */
-  }
-
-  /**
-   * Retrieves a page scroll position and returns it to test.
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * 
-   * ```js
-   * let { x, y } = await I.grabPageScrollPosition();
-   * ```
-   * 
-   * @returns {Promise<PageScrollPosition>} scroll position
-   * 
-   */
-  async grabPageScrollPosition() {
-    /* eslint-disable comma-dangle */
-    function getScrollPosition() {
-      return {
-        x: window.pageXOffset,
-        y: window.pageYOffset
-      };
-    }
-    /* eslint-enable comma-dangle */
-    return this.executeScript(getScrollPosition);
-  }
-}
-
-module.exports = Nightmare;
-
-async function proceedSee(assertType, text, context) {
-  let description;
-  let locator;
-  if (!context) {
-    if (this.context === this.options.rootElement) {
-      locator = new Locator(this.context, 'css');
-      description = 'web application';
-    } else {
-      description = `current context ${this.context}`;
-      locator = new Locator({ xpath: './/*' });
-    }
-  } else {
-    locator = new Locator(context, 'css');
-    description = `element ${locator.toString()}`;
-  }
-
-  const texts = await this.browser.evaluate((by, locator) => {
-    return window.codeceptjs.findElements(by, locator).map(el => el.innerText);
-  }, locator.type, locator.value);
-  const allText = texts.join(' | ');
-  return stringIncludes(description)[assertType](text, allText);
-}
-
-async function proceedSeeInField(assertType, field, value) {
-  const el = await findField.call(this, field);
-  assertElementExists(el, field, 'Field');
-  const tag = await this.browser.evaluate(el => window.codeceptjs.fetchElement(el).tagName, el);
-  const fieldVal = await this.browser.evaluate(el => window.codeceptjs.fetchElement(el).value, el);
-  if (tag === 'select') {
-    // locate option by values and check them
-    const text = await this.browser.evaluate((el, val) => {
-      return el.querySelector(`option[value="${val}"]`).innerText;
-    }, el, xpathLocator.literal(fieldVal));
-    return equals(`select option by ${field}`)[assertType](value, text);
-  }
-  return stringIncludes(`field by ${field}`)[assertType](value, fieldVal);
-}
-
-async function proceedIsChecked(assertType, option) {
-  const els = await findCheckable.call(this, option);
-  assertElementExists(els, option, 'Checkable');
-  const selected = await this.browser.evaluate((els) => {
-    return els.map(el => window.codeceptjs.fetchElement(el).checked).reduce((prev, cur) => prev || cur);
-  }, els);
-  return truth(`checkable ${option}`, 'to be checked')[assertType](selected);
-}
-
-async function findCheckable(locator, context) {
-  let contextEl = null;
-  if (context) {
-    contextEl = await this.browser.findElement((new Locator(context, 'css')).toStrict());
-  }
-
-  const matchedLocator = new Locator(locator);
-  if (!matchedLocator.isFuzzy()) {
-    return this.browser.findElements(matchedLocator.toStrict(), contextEl);
-  }
-
-  const literal = xpathLocator.literal(locator);
-  let els = await this.browser.findElements({ xpath: Locator.checkable.byText(literal) }, contextEl);
-  if (els.length) {
-    return els;
-  }
-  els = await this.browser.findElements({ xpath: Locator.checkable.byName(literal) }, contextEl);
-  if (els.length) {
-    return els;
-  }
-  return this.browser.findElements({ css: locator }, contextEl);
-}
-
-async function findClickable(locator, context) {
-  let contextEl = null;
-  if (context) {
-    contextEl = await this.browser.findElement((new Locator(context, 'css')).toStrict());
-  }
-
-  const matchedLocator = new Locator(locator);
-  if (!matchedLocator.isFuzzy()) {
-    return this.browser.findElement(matchedLocator.toStrict(), contextEl);
-  }
-
-  const literal = xpathLocator.literal(locator);
-
-  let els = await this.browser.findElements({ xpath: Locator.clickable.narrow(literal) }, contextEl);
-  if (els.length) {
-    return els[0];
-  }
-
-  els = await this.browser.findElements({ xpath: Locator.clickable.wide(literal) }, contextEl);
-  if (els.length) {
-    return els[0];
-  }
-
-  return this.browser.findElement({ css: locator }, contextEl);
-}
-
-async function findField(locator) {
-  const matchedLocator = new Locator(locator);
-  if (!matchedLocator.isFuzzy()) {
-    return this.browser.findElements(matchedLocator.toStrict());
-  }
-  const literal = xpathLocator.literal(locator);
-
-  let els = await this.browser.findElements({ xpath: Locator.field.labelEquals(literal) });
-  if (els.length) {
-    return els[0];
-  }
-
-  els = await this.browser.findElements({ xpath: Locator.field.labelContains(literal) });
-  if (els.length) {
-    return els[0];
-  }
-  els = await this.browser.findElements({ xpath: Locator.field.byName(literal) });
-  if (els.length) {
-    return els[0];
-  }
-  return this.browser.findElement({ css: locator });
-}
-
-function assertElementExists(el, locator, prefix, suffix) {
-  if (el === null) throw new ElementNotFound(locator, prefix, suffix);
-}
diff --git a/docs/build/OpenAI.js b/docs/build/OpenAI.js
deleted file mode 100644
index 806008ba4..000000000
--- a/docs/build/OpenAI.js
+++ /dev/null
@@ -1,126 +0,0 @@
-const Helper = require('@codeceptjs/helper');
-const AiAssistant = require('../ai');
-const standardActingHelpers = require('../plugin/standardActingHelpers');
-const Container = require('../container');
-const { splitByChunks, minifyHtml } = require('../html');
-
-/**
- * OpenAI Helper for CodeceptJS.
- *
- * This helper class provides integration with the OpenAI GPT-3.5 or 4 language model for generating responses to questions or prompts within the context of web pages. It allows you to interact with the GPT-3.5 model to obtain intelligent responses based on HTML fragments or general prompts.
- * This helper should be enabled with any web helpers like Playwright or Puppeteer or WebDrvier to ensure the HTML context is available.
- *
- * ## Configuration
- *
- * This helper should be configured in codecept.json or codecept.conf.js
- *
- * * `chunkSize`: (optional, default: 80000) - The maximum number of characters to send to the OpenAI API at once. We split HTML fragments by 8000 chars to not exceed token limit. Increase this value if you use GPT-4.
- */
-class OpenAI extends Helper {
-  constructor(config) {
-    super(config);
-    this.aiAssistant = new AiAssistant();
-
-    this.options = {
-      chunkSize: 80000,
-    };
-    this.options = { ...this.options, ...config };
-  }
-
-  _beforeSuite() {
-    const helpers = Container.helpers();
-
-    for (const helperName of standardActingHelpers) {
-      if (Object.keys(helpers).indexOf(helperName) > -1) {
-        this.helper = helpers[helperName];
-        break;
-      }
-    }
-  }
-
-  /**
-   * Asks the OpenAI GPT language model a question based on the provided prompt within the context of the current page's HTML.
-   *
-   * ```js
-   * I.askGptOnPage('what does this page do?');
-   * ```
-   *
-   * @async
-   * @param {string} prompt - The question or prompt to ask the GPT model.
-   * @returns {Promise<string>} - A Promise that resolves to the generated responses from the GPT model, joined by newlines.
-   */
-  async askGptOnPage(prompt) {
-    const html = await this.helper.grabSource();
-
-    const htmlChunks = splitByChunks(html, this.options.chunkSize);
-
-    if (htmlChunks.length > 1) this.debug(`Splitting HTML into ${htmlChunks.length} chunks`);
-
-    const responses = [];
-
-    for (const chunk of htmlChunks) {
-      const messages = [
-        { role: 'user', content: prompt },
-        { role: 'user', content: `Within this HTML: ${minifyHtml(chunk)}` },
-      ];
-
-      if (htmlChunks.length > 1) messages.push({ role: 'user', content: 'If action is not possible on this page, do not propose anything, I will send another HTML fragment' });
-
-      const response = await this.aiAssistant.createCompletion(messages);
-
-      console.log(response);
-
-      responses.push(response);
-    }
-
-    return responses.join('\n\n');
-  }
-
-  /**
-   * Asks the OpenAI GPT-3.5 language model a question based on the provided prompt within the context of a specific HTML fragment on the current page.
-   *
-   * ```js
-   * I.askGptOnPageFragment('describe features of this screen', '.screen');
-   * ```
-   *
-   * @async
-   * @param {string} prompt - The question or prompt to ask the GPT-3.5 model.
-   * @param {string} locator - The locator or selector used to identify the HTML fragment on the page.
-   * @returns {Promise<string>} - A Promise that resolves to the generated response from the GPT model.
-   */
-  async askGptOnPageFragment(prompt, locator) {
-    const html = await this.helper.grabHTMLFrom(locator);
-
-    const messages = [
-      { role: 'user', content: prompt },
-      { role: 'user', content: `Within this HTML: ${minifyHtml(html)}` },
-    ];
-
-    const response = await this.aiAssistant.createCompletion(messages);
-
-    console.log(response);
-
-    return response;
-  }
-
-  /**
-   * Send a general request to ChatGPT and return response.
-   * @param {string} prompt
-   * @returns {Promise<string>} - A Promise that resolves to the generated response from the GPT model.
-   */
-  async askGptGeneralPrompt(prompt) {
-    const messages = [
-      { role: 'user', content: prompt },
-    ];
-
-    const completion = await this.aiAssistant.createCompletion(messages);
-
-    const response = completion?.data?.choices[0]?.message?.content;
-
-    console.log(response);
-
-    return response;
-  }
-}
-
-module.exports = OpenAI;
diff --git a/docs/build/Playwright.js b/docs/build/Playwright.js
deleted file mode 100644
index 6348462e0..000000000
--- a/docs/build/Playwright.js
+++ /dev/null
@@ -1,5053 +0,0 @@
-const path = require('path');
-const fs = require('fs');
-
-const Helper = require('@codeceptjs/helper');
-const { v4: uuidv4 } = require('uuid');
-const assert = require('assert');
-const promiseRetry = require('promise-retry');
-const Locator = require('../locator');
-const recorder = require('../recorder');
-const stringIncludes = require('../assert/include').includes;
-const { urlEquals } = require('../assert/equal');
-const { equals } = require('../assert/equal');
-const { empty } = require('../assert/empty');
-const { truth } = require('../assert/truth');
-const {
-  xpathLocator,
-  ucfirst,
-  fileExists,
-  chunkArray,
-  convertCssPropertiesToCamelCase,
-  screenshotOutputFolder,
-  getNormalizedKeyAttributeValue,
-  isModifierKey,
-  clearString,
-  requireWithFallback,
-  normalizeSpacesInString,
-} = require('../utils');
-const {
-  isColorProperty,
-  convertColorToRGBA,
-} = require('../colorUtils');
-const ElementNotFound = require('./errors/ElementNotFound');
-const RemoteBrowserConnectionRefused = require('./errors/RemoteBrowserConnectionRefused');
-const Popup = require('./extras/Popup');
-const Console = require('./extras/Console');
-const { findReact, findVue } = require('./extras/PlaywrightReactVueLocator');
-
-let playwright;
-let perfTiming;
-let defaultSelectorEnginesInitialized = false;
-
-const popupStore = new Popup();
-const consoleLogStore = new Console();
-const availableBrowsers = ['chromium', 'webkit', 'firefox', 'electron'];
-
-const {
-  setRestartStrategy, restartsSession, restartsContext, restartsBrowser,
-} = require('./extras/PlaywrightRestartOpts');
-const { createValueEngine, createDisabledEngine } = require('./extras/PlaywrightPropEngine');
-const {
-  seeElementError, dontSeeElementError, dontSeeElementInDOMError, seeElementInDOMError,
-} = require('./errors/ElementAssertion');
-const { createAdvancedTestResults, allParameterValuePairsMatchExtreme, extractQueryObjects } = require('./networkTraffics/utils');
-const { log } = require('../output');
-
-const pathSeparator = path.sep;
-
-/**
- * ## Configuration
- *
- * This helper should be configured in codecept.conf.(js|ts)
- *
- * @typedef PlaywrightConfig
- * @type {object}
- * @prop {string} [url] - base url of website to be tested
- * @prop {'chromium' | 'firefox'| 'webkit' | 'electron'} [browser='chromium'] - a browser to test on, either: `chromium`, `firefox`, `webkit`, `electron`. Default: chromium.
- * @prop {boolean} [show=true] - show browser window.
- * @prop {string|boolean} [restart=false] - restart strategy between tests. Possible values:
- *   * 'context' or **false** - restarts [browser context](https://playwright.dev/docs/api/class-browsercontext) but keeps running browser. Recommended by Playwright team to keep tests isolated.
- *   * 'browser' or **true** - closes browser and opens it again between tests.
- *   * 'session' or 'keep' - keeps browser context and session, but cleans up cookies and localStorage between tests. The fastest option when running tests in windowed mode. Works with `keepCookies` and `keepBrowserState` options. This behavior was default before CodeceptJS 3.1
- * @prop {number} [timeout=1000] - -  [timeout](https://playwright.dev/docs/api/class-page#page-set-default-timeout) in ms of all Playwright actions .
- * @prop {boolean} [disableScreenshots=false] - don't save screenshot on failure.
- * @prop {any} [emulate] - browser in device emulation mode.
- * @prop {boolean} [video=false] - enables video recording for failed tests; videos are saved into `output/videos` folder
- * @prop {boolean} [keepVideoForPassedTests=false] - save videos for passed tests; videos are saved into `output/videos` folder
- * @prop {boolean} [trace=false] - record [tracing information](https://playwright.dev/docs/trace-viewer) with screenshots and snapshots.
- * @prop {boolean} [keepTraceForPassedTests=false] - save trace for passed tests.
- * @prop {boolean} [fullPageScreenshots=false] - make full page screenshots on failure.
- * @prop {boolean} [uniqueScreenshotNames=false] - option to prevent screenshot override if you have scenarios with the same name in different suites.
- * @prop {boolean} [keepBrowserState=false] - keep browser state between tests when `restart` is set to 'session'.
- * @prop {boolean} [keepCookies=false] - keep cookies between tests when `restart` is set to 'session'.
- * @prop {number} [waitForAction] - how long to wait after click, doubleClick or PressKey actions in ms. Default: 100.
- * @prop {'load' | 'domcontentloaded' | 'commit'} [waitForNavigation] - When to consider navigation succeeded. Possible options: `load`, `domcontentloaded`, `commit`. Choose one of those options is possible. See [Playwright API](https://playwright.dev/docs/api/class-page#page-wait-for-url).
- * @prop {number} [pressKeyDelay=10] - Delay between key presses in ms. Used when calling Playwrights page.type(...) in fillField/appendField
- * @prop {number} [getPageTimeout] - config option to set maximum navigation time in milliseconds.
- * @prop {number} [waitForTimeout] - default wait* timeout in ms. Default: 1000.
- * @prop {object} [basicAuth] - the basic authentication to pass to base url. Example: {username: 'username', password: 'password'}
- * @prop {string} [windowSize] - default window size. Set a dimension like `640x480`.
- * @prop {'dark' | 'light' | 'no-preference'} [colorScheme] - default color scheme. Possible values: `dark` | `light` | `no-preference`.
- * @prop {string} [userAgent] - user-agent string.
- * @prop {string} [locale] - locale string. Example: 'en-GB', 'de-DE', 'fr-FR', ...
- * @prop {boolean} [manualStart] - do not start browser before a test, start it manually inside a helper with `this.helpers["Playwright"]._startBrowser()`.
- * @prop {object} [chromium] - pass additional chromium options
- * @prop {object} [firefox] - pass additional firefox options
- * @prop {object} [electron] - (pass additional electron options
- * @prop {any} [channel] - (While Playwright can operate against the stock Google Chrome and Microsoft Edge browsers available on the machine. In particular, current Playwright version will support Stable and Beta channels of these browsers. See [Google Chrome & Microsoft Edge](https://playwright.dev/docs/browsers/#google-chrome--microsoft-edge).
- * @prop {string[]} [ignoreLog] - An array with console message types that are not logged to debug log. Default value is `['warning', 'log']`. E.g. you can set `[]` to log all messages. See all possible [values](https://playwright.dev/docs/api/class-consolemessage#console-message-type).
- * @prop {boolean} [ignoreHTTPSErrors] - Allows access to untrustworthy pages, e.g. to a page with an expired certificate. Default value is `false`
- * @prop {boolean} [bypassCSP] - bypass Content Security Policy or CSP
- * @prop {boolean} [highlightElement] - highlight the interacting elements. Default: false. Note: only activate under verbose mode (--verbose).
- * @prop {object} [recordHar] - record HAR and will be saved to `output/har`. See more of [HAR options](https://playwright.dev/docs/api/class-browser#browser-new-context-option-record-har).
- */
-const config = {};
-
-/**
- * Uses [Playwright](https://github.com/microsoft/playwright) library to run tests inside:
- *
- * * Chromium
- * * Firefox
- * * Webkit (Safari)
- *
- * This helper works with a browser out of the box with no additional tools required to install.
- *
- * Requires `playwright` or `playwright-core` package version ^1 to be installed:
- *
- * ```
- * npm i playwright@^1.18 --save
- * ```
- * or
- * ```
- * npm i playwright-core@^1.18 --save
- * ```
- *
- * Breaking Changes: if you use Playwright v1.38 and later, it will no longer download browsers automatically.
- *
- * Run `npx playwright install` to download browsers after `npm install`.
- *
- * Using playwright-core package, will prevent the download of browser binaries and allow connecting to an existing browser installation or for connecting to a remote one.
- *
- *
- * <!-- configuration -->
- *
- * #### Video Recording Customization
- *
- * By default, video is saved to `output/video` dir. You can customize this path by passing `dir` option to `recordVideo` option.
- *
- * `video`: enables video recording for failed tests; videos are saved into `output/videos` folder
- * * `keepVideoForPassedTests`: - save videos for passed tests
- * * `recordVideo`: [additional options for videos customization](https://playwright.dev/docs/next/api/class-browser#browser-new-context)
- *
- * #### Trace Recording Customization
- *
- * Trace recording provides complete information on test execution and includes DOM snapshots, screenshots, and network requests logged during run.
- * Traces will be saved to `output/trace`
- *
- * * `trace`: enables trace recording for failed tests; trace are saved into `output/trace` folder
- * * `keepTraceForPassedTests`: - save trace for passed tests
- *
- * #### HAR Recording Customization
- *
- * A HAR file is an HTTP Archive file that contains a record of all the network requests that are made when a page is loaded.
- * It contains information about the request and response headers, cookies, content, timings, and more. You can use HAR files to mock network requests in your tests.
- * HAR will be saved to `output/har`. More info could be found here https://playwright.dev/docs/api/class-browser#browser-new-context-option-record-har.
- *
- * ```
- * ...
- * recordHar: {
- *     mode: 'minimal', // possible values: 'minimal'|'full'.
- *     content: 'embed' // possible values:  "omit"|"embed"|"attach".
- * }
- * ...
- *```
- *
- * #### Example #1: Wait for 0 network connections.
- *
- * ```js
- * {
- *    helpers: {
- *      Playwright : {
- *        url: "http://localhost",
- *        restart: false,
- *        waitForNavigation: "networkidle0",
- *        waitForAction: 500
- *      }
- *    }
- * }
- * ```
- *
- * #### Example #2: Wait for DOMContentLoaded event
- *
- * ```js
- * {
- *    helpers: {
- *      Playwright : {
- *        url: "http://localhost",
- *        restart: false,
- *        waitForNavigation: "domcontentloaded",
- *        waitForAction: 500
- *      }
- *    }
- * }
- * ```
- *
- * #### Example #3: Debug in window mode
- *
- * ```js
- * {
- *    helpers: {
- *      Playwright : {
- *        url: "http://localhost",
- *        show: true
- *      }
- *    }
- * }
- * ```
- *
- * #### Example #4: Connect to remote browser by specifying [websocket endpoint](https://playwright.dev/docs/api/class-browsertype#browsertypeconnectparams)
- *
- * ```js
- * {
- *    helpers: {
- *      Playwright: {
- *        url: "http://localhost",
- *        chromium: {
- *          browserWSEndpoint: 'ws://localhost:9222/devtools/browser/c5aa6160-b5bc-4d53-bb49-6ecb36cd2e0a',
- *          cdpConnection: false // default is false
- *        }
- *      }
- *    }
- * }
- * ```
- *
- * #### Example #5: Testing with Chromium extensions
- *
- * [official docs](https://github.com/microsoft/playwright/blob/v0.11.0/docs/api.md#working-with-chrome-extensions)
- *
- * ```js
- * {
- *  helpers: {
- *    Playwright: {
- *      url: "http://localhost",
- *      show: true // headless mode not supported for extensions
- *      chromium: {
- *        // Note: due to this would launch persistent context, so to avoid the error when running tests with run-workers a timestamp would be appended to the defined folder name. For instance: playwright-tmp_1692715649511
- *        userDataDir: '/tmp/playwright-tmp', // necessary to launch the browser in normal mode instead of incognito,
- *        args: [
- *           `--disable-extensions-except=${pathToExtension}`,
- *           `--load-extension=${pathToExtension}`
- *        ]
- *      }
- *    }
- *  }
- * }
- * ```
- *
- * #### Example #6: Launch tests emulating iPhone 6
- *
- *
- *
- * ```js
- * const { devices } = require('playwright');
- *
- * {
- *  helpers: {
- *    Playwright: {
- *      url: "http://localhost",
- *      emulate: devices['iPhone 6'],
- *    }
- *  }
- * }
- * ```
- *
- * #### Example #7: Launch test with a specific user locale
- *
- * ```js
- * {
- *  helpers: {
- *   Playwright : {
- *     url: "http://localhost",
- *     locale: "fr-FR",
- *   }
- *  }
- * }
- * ```
- *
- * * #### Example #8: Launch test with a specific color scheme
- *
- * ```js
- * {
- *  helpers: {
- *   Playwright : {
- *     url: "http://localhost",
- *     colorScheme: "dark",
- *   }
- *  }
- * }
- * ```
- *
- * * #### Example #9: Launch electron test
- *
- * ```js
- * {
- *  helpers: {
- *     Playwright: {
- *       browser: 'electron',
- *       electron: {
- *         executablePath: require("electron"),
- *         args: [path.join('../', "main.js")],
- *       },
- *     }
- *   },
- * }
- * ```
- *
- * Note: When connecting to remote browser `show` and specific `chrome` options (e.g. `headless` or `devtools`) are ignored.
- *
- * ## Access From Helpers
- *
- * Receive Playwright client from a custom helper by accessing `browser` for the Browser object or `page` for the current Page object:
- *
- * ```js
- * const { browser } = this.helpers.Playwright;
- * await browser.pages(); // List of pages in the browser
- *
- * // get current page
- * const { page } = this.helpers.Playwright;
- * await page.url(); // Get the url of the current page
- *
- * const { browserContext } = this.helpers.Playwright;
- * await browserContext.cookies(); // get current browser context
- * ```
- */
-class Playwright extends Helper {
-  constructor(config) {
-    super(config);
-
-    playwright = requireWithFallback('playwright', 'playwright-core');
-
-    // set defaults
-    this.isRemoteBrowser = false;
-    this.isRunning = false;
-    this.isAuthenticated = false;
-    this.sessionPages = {};
-    this.activeSessionName = '';
-    this.isElectron = false;
-    this.isCDPConnection = false;
-    this.electronSessions = [];
-    this.storageState = null;
-
-    // for network stuff
-    this.requests = [];
-    this.recording = false;
-    this.recordedAtLeastOnce = false;
-
-    // for websocket messages
-    this.webSocketMessages = [];
-    this.recordingWebSocketMessages = false;
-    this.recordedWebSocketMessagesAtLeastOnce = false;
-    this.cdpSession = null;
-
-    // override defaults with config
-    this._setConfig(config);
-  }
-
-  _validateConfig(config) {
-    const defaults = {
-      // options to emulate context
-      emulate: {},
-      browser: 'chromium',
-      waitForAction: 100,
-      waitForTimeout: 1000,
-      pressKeyDelay: 10,
-      timeout: 5000,
-      fullPageScreenshots: false,
-      disableScreenshots: false,
-      ignoreLog: ['warning', 'log'],
-      uniqueScreenshotNames: false,
-      manualStart: false,
-      getPageTimeout: 30000,
-      waitForNavigation: 'load',
-      restart: false,
-      keepCookies: false,
-      keepBrowserState: false,
-      show: false,
-      defaultPopupAction: 'accept',
-      use: { actionTimeout: 0 },
-      ignoreHTTPSErrors: false, // Adding it here o that context can be set up to ignore the SSL errors,
-      highlightElement: false,
-    };
-
-    config = Object.assign(defaults, config);
-
-    if (availableBrowsers.indexOf(config.browser) < 0) {
-      throw new Error(`Invalid config. Can't use browser "${config.browser}". Accepted values: ${availableBrowsers.join(', ')}`);
-    }
-
-    return config;
-  }
-
-  _getOptionsForBrowser(config) {
-    if (config[config.browser]) {
-      if (config[config.browser].browserWSEndpoint && config[config.browser].browserWSEndpoint.wsEndpoint) {
-        config[config.browser].browserWSEndpoint = config[config.browser].browserWSEndpoint.wsEndpoint;
-      }
-      return {
-        ...config[config.browser],
-        wsEndpoint: config[config.browser].browserWSEndpoint,
-      };
-    }
-    return {};
-  }
-
-  _setConfig(config) {
-    this.options = this._validateConfig(config);
-    setRestartStrategy(this.options);
-    this.playwrightOptions = {
-      headless: !this.options.show,
-      ...this._getOptionsForBrowser(config),
-    };
-
-    if (this.options.channel && this.options.browser === 'chromium') {
-      this.playwrightOptions.channel = this.options.channel;
-    }
-
-    if (this.options.video) {
-      this.options.recordVideo = { size: parseWindowSize(this.options.windowSize) };
-    }
-    if (this.options.recordVideo && !this.options.recordVideo.dir) {
-      this.options.recordVideo.dir = `${global.output_dir}/videos/`;
-    }
-    this.isRemoteBrowser = !!this.playwrightOptions.browserWSEndpoint;
-    this.isElectron = this.options.browser === 'electron';
-    this.userDataDir = this.playwrightOptions.userDataDir ? `${this.playwrightOptions.userDataDir}_${Date.now().toString()}` : undefined;
-    this.isCDPConnection = this.playwrightOptions.cdpConnection;
-    popupStore.defaultAction = this.options.defaultPopupAction;
-  }
-
-  static _config() {
-    return [
-      {
-        name: 'browser',
-        message: 'Browser in which testing will be performed. Possible options: chromium, firefox, webkit or electron',
-        default: 'chromium',
-      },
-      {
-        name: 'url',
-        message: 'Base url of site to be tested',
-        default: 'http://localhost',
-        when: (answers) => answers.Playwright_browser !== 'electron',
-      },
-      {
-        name: 'show',
-        message: 'Show browser window',
-        default: true,
-        type: 'confirm',
-        when: (answers) => answers.Playwright_browser !== 'electron',
-      },
-    ];
-  }
-
-  static _checkRequirements() {
-    try {
-      requireWithFallback('playwright', 'playwright-core');
-    } catch (e) {
-      return ['playwright@^1.18'];
-    }
-  }
-
-  async _init() {
-    // register an internal selector engine for reading value property of elements in a selector
-    if (defaultSelectorEnginesInitialized) return;
-    defaultSelectorEnginesInitialized = true;
-    try {
-      await playwright.selectors.register('__value', createValueEngine);
-      await playwright.selectors.register('__disabled', createDisabledEngine);
-    } catch (e) {
-      console.warn(e);
-    }
-  }
-
-  _beforeSuite() {
-    if ((restartsSession() || restartsContext()) && !this.options.manualStart && !this.isRunning) {
-      this.debugSection('Session', 'Starting singleton browser session');
-      return this._startBrowser();
-    }
-  }
-
-  async _before(test) {
-    this.currentRunningTest = test;
-    recorder.retry({
-      retries: process.env.FAILED_STEP_RETRIES || 3,
-      when: err => {
-        if (!err || typeof (err.message) !== 'string') {
-          return false;
-        }
-        // ignore context errors
-        return err.message.includes('context');
-      },
-    });
-
-    if (restartsBrowser() && !this.options.manualStart) await this._startBrowser();
-    if (!this.isRunning && !this.options.manualStart) await this._startBrowser();
-
-    this.isAuthenticated = false;
-    if (this.isElectron) {
-      this.browserContext = this.browser.context();
-    } else if (this.playwrightOptions.userDataDir) {
-      this.browserContext = this.browser;
-    } else {
-      const contextOptions = {
-        ignoreHTTPSErrors: this.options.ignoreHTTPSErrors,
-        acceptDownloads: true,
-        ...this.options.emulate,
-      };
-      if (this.options.basicAuth) {
-        contextOptions.httpCredentials = this.options.basicAuth;
-        this.isAuthenticated = true;
-      }
-      if (this.options.bypassCSP) contextOptions.bypassCSP = this.options.bypassCSP;
-      if (this.options.recordVideo) contextOptions.recordVideo = this.options.recordVideo;
-      if (this.options.recordHar) {
-        const harExt = this.options.recordHar.content && this.options.recordHar.content === 'attach' ? 'zip' : 'har';
-        const fileName = `${`${global.output_dir}${path.sep}har${path.sep}${uuidv4()}_${clearString(this.currentRunningTest.title)}`.slice(0, 245)}.${harExt}`;
-        const dir = path.dirname(fileName);
-        if (!fileExists(dir)) fs.mkdirSync(dir);
-        this.options.recordHar.path = fileName;
-        this.currentRunningTest.artifacts.har = fileName;
-        contextOptions.recordHar = this.options.recordHar;
-      }
-      if (this.storageState) contextOptions.storageState = this.storageState;
-      if (this.options.userAgent) contextOptions.userAgent = this.options.userAgent;
-      if (this.options.locale) contextOptions.locale = this.options.locale;
-      if (this.options.colorScheme) contextOptions.colorScheme = this.options.colorScheme;
-      this.contextOptions = contextOptions;
-      if (!this.browserContext || !restartsSession()) {
-        this.browserContext = await this.browser.newContext(this.contextOptions); // Adding the HTTPSError ignore in the context so that we can ignore those errors
-      }
-    }
-
-    let mainPage;
-    if (this.isElectron) {
-      mainPage = await this.browser.firstWindow();
-    } else {
-      try {
-        const existingPages = await this.browserContext.pages();
-        mainPage = existingPages[0] || await this.browserContext.newPage();
-      } catch (e) {
-        if (this.playwrightOptions.userDataDir) {
-          this.browser = await playwright[this.options.browser].launchPersistentContext(this.userDataDir, this.playwrightOptions);
-          this.browserContext = this.browser;
-          const existingPages = await this.browserContext.pages();
-          mainPage = existingPages[0];
-        }
-      }
-    }
-    await targetCreatedHandler.call(this, mainPage);
-
-    await this._setPage(mainPage);
-
-    if (this.options.trace) await this.browserContext.tracing.start({ screenshots: true, snapshots: true });
-
-    return this.browser;
-  }
-
-  async _after() {
-    if (!this.isRunning) return;
-
-    if (this.isElectron) {
-      this.browser.close();
-      this.electronSessions.forEach(session => session.close());
-      return;
-    }
-
-    if (restartsSession()) {
-      return refreshContextSession.bind(this)();
-    }
-
-    if (restartsBrowser()) {
-      this.isRunning = false;
-      return this._stopBrowser();
-    }
-
-    // close other sessions
-    try {
-      if ((await this.browser)._type === 'Browser') {
-        const contexts = await this.browser.contexts();
-        const currentContext = contexts[0];
-        if (currentContext && (this.options.keepCookies || this.options.keepBrowserState)) {
-          this.storageState = await currentContext.storageState();
-        }
-
-        await Promise.all(contexts.map(c => c.close()));
-      }
-    } catch (e) {
-      console.log(e);
-    }
-
-    // await this.closeOtherTabs();
-    return this.browser;
-  }
-
-  _afterSuite() {}
-
-  async _finishTest() {
-    if ((restartsSession() || restartsContext()) && this.isRunning) return this._stopBrowser();
-  }
-
-  _session() {
-    const defaultContext = this.browserContext;
-    return {
-      start: async (sessionName = '', config) => {
-        this.debugSection('New Context', config ? JSON.stringify(config) : 'opened');
-        this.activeSessionName = sessionName;
-
-        let browserContext;
-        let page;
-        if (this.isElectron) {
-          const browser = await playwright._electron.launch(this.playwrightOptions);
-          this.electronSessions.push(browser);
-          browserContext = browser.context();
-          page = await browser.firstWindow();
-        } else {
-          try {
-            browserContext = await this.browser.newContext(Object.assign(this.contextOptions, config));
-            page = await browserContext.newPage();
-          } catch (e) {
-            if (this.playwrightOptions.userDataDir) {
-              browserContext = await playwright[this.options.browser].launchPersistentContext(`${this.userDataDir}_${this.activeSessionName}`, this.playwrightOptions);
-              this.browser = browserContext;
-              page = await browserContext.pages()[0];
-            }
-          }
-        }
-
-        if (this.options.trace) await browserContext.tracing.start({ screenshots: true, snapshots: true });
-        await targetCreatedHandler.call(this, page);
-        await this._setPage(page);
-        // Create a new page inside context.
-        return browserContext;
-      },
-      stop: async () => {
-        // is closed by _after
-      },
-      loadVars: async (context) => {
-        if (context) {
-          this.browserContext = context;
-          const existingPages = await context.pages();
-          this.sessionPages[this.activeSessionName] = existingPages[0];
-          return this._setPage(this.sessionPages[this.activeSessionName]);
-        }
-      },
-      restoreVars: async (session) => {
-        this.withinLocator = null;
-        this.browserContext = defaultContext;
-
-        if (!session) {
-          this.activeSessionName = '';
-        } else {
-          this.activeSessionName = session;
-        }
-        const existingPages = await this.browserContext.pages();
-        await this._setPage(existingPages[0]);
-
-        return this._waitForAction();
-      },
-    };
-  }
-
-  /**
-   * Use Playwright API inside a test.
-   *
-   * First argument is a description of an action.
-   * Second argument is async function that gets this helper as parameter.
-   *
-   * { [`page`](https://github.com/microsoft/playwright/blob/main/docs/src/api/class-page.md), [`browserContext`](https://github.com/microsoft/playwright/blob/main/docs/src/api/class-browsercontext.md) [`browser`](https://github.com/microsoft/playwright/blob/main/docs/src/api/class-browser.md) } objects from Playwright API are available.
-   *
-   * ```js
-   * I.usePlaywrightTo('emulate offline mode', async ({ browserContext }) => {
-   *   await browserContext.setOffline(true);
-   * });
-   * ```
-   *
-   * @param {string} description used to show in logs.
-   * @param {function} fn async function that executed with Playwright helper as arguments
-   */
-  usePlaywrightTo(description, fn) {
-    return this._useTo(...arguments);
-  }
-
-  /**
-   * Set the automatic popup response to Accept.
-   * This must be set before a popup is triggered.
-   *
-   * ```js
-   * I.amAcceptingPopups();
-   * I.click('#triggerPopup');
-   * I.acceptPopup();
-   * ```
-   */
-  amAcceptingPopups() {
-    popupStore.actionType = 'accept';
-  }
-
-  /**
-   * Accepts the active JavaScript native popup window, as created by window.alert|window.confirm|window.prompt.
-   * Don't confuse popups with modal windows, as created by [various
-   * libraries](http://jster.net/category/windows-modals-popups).
-   */
-  acceptPopup() {
-    popupStore.assertPopupActionType('accept');
-  }
-
-  /**
-   * Set the automatic popup response to Cancel/Dismiss.
-   * This must be set before a popup is triggered.
-   *
-   * ```js
-   * I.amCancellingPopups();
-   * I.click('#triggerPopup');
-   * I.cancelPopup();
-   * ```
-   */
-  amCancellingPopups() {
-    popupStore.actionType = 'cancel';
-  }
-
-  /**
-   * Dismisses the active JavaScript popup, as created by window.alert|window.confirm|window.prompt.
-   */
-  cancelPopup() {
-    popupStore.assertPopupActionType('cancel');
-  }
-
-  /**
-   * Checks that the active JavaScript popup, as created by `window.alert|window.confirm|window.prompt`, contains the
-   * given string.
-   * 
-   * ```js
-   * I.seeInPopup('Popup text');
-   * ```
-   * @param {string} text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInPopup(text) {
-    popupStore.assertPopupVisible();
-    const popupText = await popupStore.popup.message();
-    stringIncludes('text in popup').assert(text, popupText);
-  }
-
-  /**
-   * Set current page
-   * @param {object} page page to set
-   */
-  async _setPage(page) {
-    page = await page;
-    this._addPopupListener(page);
-    this.page = page;
-    if (!page) return;
-    this.browserContext.setDefaultTimeout(0);
-    page.setDefaultNavigationTimeout(this.options.getPageTimeout);
-    page.setDefaultTimeout(this.options.timeout);
-
-    page.on('crash', async () => {
-      console.log('ERROR: Page has crashed, closing page!');
-      await page.close();
-    });
-    this.context = await this.page;
-    this.contextLocator = null;
-    await page.bringToFront();
-  }
-
-  /**
-   * Add the 'dialog' event listener to a page
-   * @page {playwright.Page}
-   *
-   * The popup listener handles the dialog with the predefined action when it appears on the page.
-   * It also saves a reference to the object which is used in seeInPopup.
-   */
-  _addPopupListener(page) {
-    if (!page) {
-      return;
-    }
-    page.removeAllListeners('dialog');
-    page.on('dialog', async (dialog) => {
-      popupStore.popup = dialog;
-      const action = popupStore.actionType || this.options.defaultPopupAction;
-      await this._waitForAction();
-
-      switch (action) {
-        case 'accept':
-          return dialog.accept();
-
-        case 'cancel':
-          return dialog.dismiss();
-
-        default: {
-          throw new Error('Unknown popup action type. Only "accept" or "cancel" are accepted');
-        }
-      }
-    });
-  }
-
-  /**
-   * Gets page URL including hash.
-   */
-  async _getPageUrl() {
-    return this.executeScript(() => window.location.href);
-  }
-
-  /**
-   * Grab the text within the popup. If no popup is visible then it will return null
-   *
-   * ```js
-   * await I.grabPopupText();
-   * ```
-   * @return {Promise<string | null>}
-   */
-  async grabPopupText() {
-    if (popupStore.popup) {
-      return popupStore.popup.message();
-    }
-    return null;
-  }
-
-  async _startBrowser() {
-    if (this.isElectron) {
-      this.browser = await playwright._electron.launch(this.playwrightOptions);
-    } else if (this.isRemoteBrowser && this.isCDPConnection) {
-      try {
-        this.browser = await playwright[this.options.browser].connectOverCDP(this.playwrightOptions);
-      } catch (err) {
-        if (err.toString().indexOf('ECONNREFUSED')) {
-          throw new RemoteBrowserConnectionRefused(err);
-        }
-        throw err;
-      }
-    } else if (this.isRemoteBrowser) {
-      try {
-        this.browser = await playwright[this.options.browser].connect(this.playwrightOptions);
-      } catch (err) {
-        if (err.toString().indexOf('ECONNREFUSED')) {
-          throw new RemoteBrowserConnectionRefused(err);
-        }
-        throw err;
-      }
-    } else if (this.playwrightOptions.userDataDir) {
-      this.browser = await playwright[this.options.browser].launchPersistentContext(this.userDataDir, this.playwrightOptions);
-    } else {
-      this.browser = await playwright[this.options.browser].launch(this.playwrightOptions);
-    }
-
-    // works only for Chromium
-    this.browser.on('targetchanged', (target) => {
-      this.debugSection('Url', target.url());
-    });
-
-    this.isRunning = true;
-    return this.browser;
-  }
-
-  /**
-   * Create a new browser context with a page. \
-   * Usually it should be run from a custom helper after call of `_startBrowser()`
-   * @param {object} [contextOptions] See https://playwright.dev/docs/api/class-browser#browser-new-context
-   */
-  async _createContextPage(contextOptions) {
-    this.browserContext = await this.browser.newContext(contextOptions);
-    const page = await this.browserContext.newPage();
-    targetCreatedHandler.call(this, page);
-    await this._setPage(page);
-  }
-
-  _getType() {
-    return this.browser._type;
-  }
-
-  async _stopBrowser() {
-    this.withinLocator = null;
-    await this._setPage(null);
-    this.context = null;
-    this.frame = null;
-    popupStore.clear();
-    if (this.options.recordHar) await this.browserContext.close();
-    await this.browser.close();
-  }
-
-  async _evaluateHandeInContext(...args) {
-    const context = await this._getContext();
-    return context.evaluateHandle(...args);
-  }
-
-  async _withinBegin(locator) {
-    if (this.withinLocator) {
-      throw new Error('Can\'t start within block inside another within block');
-    }
-
-    const frame = isFrameLocator(locator);
-
-    if (frame) {
-      if (Array.isArray(frame)) {
-        await this.switchTo(null);
-        return frame.reduce((p, frameLocator) => p.then(() => this.switchTo(frameLocator)), Promise.resolve());
-      }
-      await this.switchTo(frame);
-      this.withinLocator = new Locator(frame);
-      return;
-    }
-
-    const el = await this._locateElement(locator);
-    assertElementExists(el, locator);
-    this.context = el;
-    this.contextLocator = locator;
-
-    this.withinLocator = new Locator(locator);
-  }
-
-  async _withinEnd() {
-    this.withinLocator = null;
-    this.context = await this.page;
-    this.contextLocator = null;
-    this.frame = null;
-  }
-
-  _extractDataFromPerformanceTiming(timing, ...dataNames) {
-    const navigationStart = timing.navigationStart;
-
-    const extractedData = {};
-    dataNames.forEach((name) => {
-      extractedData[name] = timing[name] - navigationStart;
-    });
-
-    return extractedData;
-  }
-
-  /**
-   * Opens a web page in a browser. Requires relative or absolute url.
-   * If url starts with `/`, opens a web page of a site defined in `url` config parameter.
-   * 
-   * ```js
-   * I.amOnPage('/'); // opens main page of website
-   * I.amOnPage('https://github.com'); // opens github
-   * I.amOnPage('/login'); // opens a login page
-   * ```
-   * 
-   * @param {string} url url path or global url.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async amOnPage(url) {
-    if (this.isElectron) {
-      throw new Error('Cannot open pages inside an Electron container');
-    }
-    if (!(/^\w+\:(\/\/|.+)/.test(url))) {
-      url = this.options.url + (url.startsWith('/') ? url : `/${url}`);
-    }
-
-    if (this.options.basicAuth && (this.isAuthenticated !== true)) {
-      if (url.includes(this.options.url)) {
-        await this.browserContext.setHTTPCredentials(this.options.basicAuth);
-        this.isAuthenticated = true;
-      }
-    }
-
-    await this.page.goto(url, { waitUntil: this.options.waitForNavigation });
-
-    const performanceTiming = JSON.parse(await this.page.evaluate(() => JSON.stringify(window.performance.timing)));
-
-    perfTiming = this._extractDataFromPerformanceTiming(
-      performanceTiming,
-      'responseEnd',
-      'domInteractive',
-      'domContentLoadedEventEnd',
-      'loadEventEnd',
-    );
-
-    return this._waitForAction();
-  }
-
-  /**
-   *
-   * Unlike other drivers Playwright changes the size of a viewport, not the window!
-   * Playwright does not control the window of a browser, so it can't adjust its real size.
-   * It also can't maximize a window.
-   *
-   * Update configuration to change real window size on start:
-   *
-   * ```js
-   * // inside codecept.conf.js
-   * // @codeceptjs/configure package must be installed
-   * { setWindowSize } = require('@codeceptjs/configure');
-   * ````
-   *
-   * Resize the current window to provided width and height.
-   * First parameter can be set to `maximize`.
-   * 
-   * @param {number} width width in pixels or `maximize`.
-   * @param {number} height height in pixels.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async resizeWindow(width, height) {
-    if (width === 'maximize') {
-      throw new Error('Playwright can\'t control windows, so it can\'t maximize it');
-    }
-
-    await this.page.setViewportSize({ width, height });
-    return this._waitForAction();
-  }
-
-  /**
-   * Set headers for all next requests
-   *
-   * ```js
-   * I.setPlaywrightRequestHeaders({
-   *    'X-Sent-By': 'CodeceptJS',
-   * });
-   * ```
-   *
-   * @param {object} customHeaders headers to set
-   */
-  async setPlaywrightRequestHeaders(customHeaders) {
-    if (!customHeaders) {
-      throw new Error('Cannot send empty headers.');
-    }
-    return this.browserContext.setExtraHTTPHeaders(customHeaders);
-  }
-
-  /**
-   * Moves cursor to element matched by locator.
-   * Extra shift can be set with offsetX and offsetY options.
-   * 
-   * ```js
-   * I.moveCursorTo('.tooltip');
-   * I.moveCursorTo('#submit', 5,5);
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @param {number} [offsetX=0] (optional, `0` by default) X-axis offset.
-   * @param {number} [offsetY=0] (optional, `0` by default) Y-axis offset.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async moveCursorTo(locator, offsetX = 0, offsetY = 0) {
-    const el = await this._locateElement(locator);
-    assertElementExists(el, locator);
-
-    // Use manual mouse.move instead of .hover() so the offset can be added to the coordinates
-    const { x, y } = await clickablePoint(el);
-    await this.page.mouse.move(x + offsetX, y + offsetY);
-    return this._waitForAction();
-  }
-
-  /**
-   * Calls [focus](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus) on the matching element.
-   * 
-   * Examples:
-   * 
-   * ```js
-   * I.dontSee('#add-to-cart-btn');
-   * I.focus('#product-tile')
-   * I.see('#add-to-cart-bnt');
-   * ```
-   * 
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @param {any} [options] Playwright only: [Additional options](https://playwright.dev/docs/api/class-locator#locator-focus) for available options object as 2nd argument.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async focus(locator, options = {}) {
-    const el = await this._locateElement(locator);
-    assertElementExists(el, locator, 'Element to focus');
-
-    await el.focus(options);
-    return this._waitForAction();
-  }
-
-  /**
-   * Remove focus from a text input, button, etc.
-   * Calls [blur](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus) on the element.
-   * 
-   * Examples:
-   * 
-   * ```js
-   * I.blur('.text-area')
-   * ```
-   * ```js
-   * //element `#product-tile` is focused
-   * I.see('#add-to-cart-btn');
-   * I.blur('#product-tile')
-   * I.dontSee('#add-to-cart-btn');
-   * ```
-   * 
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @param {any} [options] Playwright only: [Additional options](https://playwright.dev/docs/api/class-locator#locator-blur) for available options object as 2nd argument.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async blur(locator, options = {}) {
-    const el = await this._locateElement(locator);
-    assertElementExists(el, locator, 'Element to blur');
-
-    await el.blur(options);
-    return this._waitForAction();
-  }
-  /**
-   * Return the checked status of given element.
-   *
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {object} [options] See https://playwright.dev/docs/api/class-locator#locator-is-checked
-   * @return {Promise<boolean>}
-   *
-   */
-
-  async grabCheckedElementStatus(locator, options = {}) {
-    const supportedTypes = ['checkbox', 'radio'];
-    const el = await this._locateElement(locator);
-    const type = await el.getAttribute('type');
-
-    if (supportedTypes.includes(type)) {
-      return el.isChecked(options);
-    }
-    throw new Error(`Element is not a ${supportedTypes.join(' or ')} input`);
-  }
-  /**
-   * Return the disabled status of given element.
-   *
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {object} [options] See https://playwright.dev/docs/api/class-locator#locator-is-disabled
-   * @return {Promise<boolean>}
-   *
-   */
-
-  async grabDisabledElementStatus(locator, options = {}) {
-    const el = await this._locateElement(locator);
-    return el.isDisabled(options);
-  }
-
-  /**
-   *
-   * ```js
-   * // specify coordinates for source position
-   * I.dragAndDrop('img.src', 'img.dst', { sourcePosition: {x: 10, y: 10} })
-   * ```
-   *
-   * > When no option is set, custom drag and drop would be used, to use the dragAndDrop API from Playwright, please set options, for example `force: true`
-   *
-   * Drag an item to a destination element.
-   * 
-   * ```js
-   * I.dragAndDrop('#dragHandle', '#container');
-   * ```
-   * 
-   * @param {string | object} srcElement located by CSS|XPath|strict locator.
-   * @param {string | object} destElement located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   * @param {any} [options] [Additional options](https://playwright.dev/docs/api/class-page#page-drag-and-drop) can be passed as 3rd argument.
-   *
-   */
-  async dragAndDrop(srcElement, destElement, options) {
-    const src = new Locator(srcElement);
-    const dst = new Locator(destElement);
-
-    if (options) {
-      return this.page.dragAndDrop(buildLocatorString(src), buildLocatorString(dst), options);
-    }
-
-    const _smallWaitInMs = 600;
-    await this.page.locator(buildLocatorString(src)).hover();
-    await this.page.mouse.down();
-    await this.page.waitForTimeout(_smallWaitInMs);
-
-    const destElBox = await this.page.locator(buildLocatorString(dst)).boundingBox();
-
-    await this.page.mouse.move(destElBox.x + destElBox.width / 2, destElBox.y + destElBox.height / 2);
-    await this.page.locator(buildLocatorString(dst)).hover({ position: { x: 10, y: 10 } });
-    await this.page.waitForTimeout(_smallWaitInMs);
-    await this.page.mouse.up();
-  }
-
-  /**
-   * Restart browser with a new context and a new page
-   *
-   * ```js
-   * // Restart browser and use a new timezone
-   * I.restartBrowser({ timezoneId: 'America/Phoenix' });
-   * // Open URL in a new page in changed timezone
-   * I.amOnPage('/');
-   * // Restart browser, allow reading/copying of text from/into clipboard in Chrome
-   * I.restartBrowser({ permissions: ['clipboard-read', 'clipboard-write'] });
-   * ```
-   *
-   * @param {object} [contextOptions] [Options for browser context](https://playwright.dev/docs/api/class-browser#browser-new-context) when starting new browser
-   */
-  async restartBrowser(contextOptions) {
-    await this._stopBrowser();
-    await this._startBrowser();
-    await this._createContextPage(contextOptions);
-  }
-
-  /**
-   * Reload the current page.
-   * 
-   * ```js
-   * I.refreshPage();
-   * ```
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async refreshPage() {
-    return this.page.reload({ timeout: this.options.getPageTimeout, waitUntil: this.options.waitForNavigation });
-  }
-
-  /**
-   * Replaying from HAR
-   *
-   * ```js
-   *  // Replay API requests from HAR.
-   *  // Either use a matching response from the HAR,
-   *  // or abort the request if nothing matches.
-   *    I.replayFromHar('./output/har/something.har', { url: "*\/**\/api/v1/fruits" });
-   *    I.amOnPage('https://demo.playwright.dev/api-mocking');
-   *    I.see('CodeceptJS');
-   * ```
-   *
-   * @param {string} harFilePath Path to recorded HAR file
-   * @param {object} [opts] [Options for replaying from HAR](https://playwright.dev/docs/api/class-page#page-route-from-har)
-   *
-   * @returns Promise<void>
-   */
-  async replayFromHar(harFilePath, opts) {
-    const file = path.join(global.codecept_dir, harFilePath);
-
-    if (!fileExists(file)) {
-      throw new Error(`File at ${file} cannot be found on local system`);
-    }
-
-    await this.page.routeFromHAR(harFilePath, opts);
-  }
-
-  /**
-   * Scroll page to the top.
-   * 
-   * ```js
-   * I.scrollPageToTop();
-   * ```
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  scrollPageToTop() {
-    return this.executeScript(() => {
-      window.scrollTo(0, 0);
-    });
-  }
-
-  /**
-   * Scroll page to the bottom.
-   * 
-   * ```js
-   * I.scrollPageToBottom();
-   * ```
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async scrollPageToBottom() {
-    return this.executeScript(() => {
-      const body = document.body;
-      const html = document.documentElement;
-      window.scrollTo(0, Math.max(
-        body.scrollHeight,
-        body.offsetHeight,
-        html.clientHeight,
-        html.scrollHeight,
-        html.offsetHeight,
-      ));
-    });
-  }
-
-  /**
-   * Scrolls to element matched by locator.
-   * Extra shift can be set with offsetX and offsetY options.
-   * 
-   * ```js
-   * I.scrollTo('footer');
-   * I.scrollTo('#submit', 5, 5);
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @param {number} [offsetX=0] (optional, `0` by default) X-axis offset.
-   * @param {number} [offsetY=0] (optional, `0` by default) Y-axis offset.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async scrollTo(locator, offsetX = 0, offsetY = 0) {
-    if (typeof locator === 'number' && typeof offsetX === 'number') {
-      offsetY = offsetX;
-      offsetX = locator;
-      locator = null;
-    }
-
-    if (locator) {
-      const el = await this._locateElement(locator);
-      assertElementExists(el, locator, 'Element');
-      await el.scrollIntoViewIfNeeded();
-      const elementCoordinates = await clickablePoint(el);
-      await this.executeScript((offsetX, offsetY) => window.scrollBy(offsetX, offsetY), { offsetX: elementCoordinates.x + offsetX, offsetY: elementCoordinates.y + offsetY });
-    } else {
-      await this.executeScript(({ offsetX, offsetY }) => window.scrollTo(offsetX, offsetY), { offsetX, offsetY });
-    }
-    return this._waitForAction();
-  }
-
-  /**
-   * Checks that title contains text.
-   * 
-   * ```js
-   * I.seeInTitle('Home Page');
-   * ```
-   * 
-   * @param {string} text text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInTitle(text) {
-    const title = await this.page.title();
-    stringIncludes('web page title').assert(text, title);
-  }
-
-  /**
-   * Retrieves a page scroll position and returns it to test.
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * 
-   * ```js
-   * let { x, y } = await I.grabPageScrollPosition();
-   * ```
-   * 
-   * @returns {Promise<PageScrollPosition>} scroll position
-   * 
-   */
-  async grabPageScrollPosition() {
-    /* eslint-disable comma-dangle */
-    function getScrollPosition() {
-      return {
-        x: window.pageXOffset,
-        y: window.pageYOffset
-      };
-    }
-    /* eslint-enable comma-dangle */
-    return this.executeScript(getScrollPosition);
-  }
-
-  /**
-   * Checks that title is equal to provided one.
-   * 
-   * ```js
-   * I.seeTitleEquals('Test title.');
-   * ```
-   * 
-   * @param {string} text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeTitleEquals(text) {
-    const title = await this.page.title();
-    return equals('web page title').assert(title, text);
-  }
-
-  /**
-   * Checks that title does not contain text.
-   * 
-   * ```js
-   * I.dontSeeInTitle('Error');
-   * ```
-   * 
-   * @param {string} text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeInTitle(text) {
-    const title = await this.page.title();
-    stringIncludes('web page title').negate(text, title);
-  }
-
-  /**
-   * Retrieves a page title and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let title = await I.grabTitle();
-   * ```
-   * 
-   * @returns {Promise<string>} title
-   */
-  async grabTitle() {
-    return this.page.title();
-  }
-
-  /**
-   * Get elements by different locator types, including strict locator
-   * Should be used in custom helpers:
-   *
-   * ```js
-   * const elements = await this.helpers['Playwright']._locate({name: 'password'});
-   * ```
-   */
-  async _locate(locator) {
-    const context = await this.context || await this._getContext();
-
-    if (this.frame) return findElements(this.frame, locator);
-
-    return findElements(context, locator);
-  }
-
-  /**
-   * Get the first element by different locator types, including strict locator
-   * Should be used in custom helpers:
-   *
-   * ```js
-   * const element = await this.helpers['Playwright']._locateElement({name: 'password'});
-   * ```
-   */
-  async _locateElement(locator) {
-    const context = await this.context || await this._getContext();
-    return findElement(context, locator);
-  }
-
-  /**
-   * Find a checkbox by providing human-readable text:
-   * NOTE: Assumes the checkable element exists
-   *
-   * ```js
-   * this.helpers['Playwright']._locateCheckable('I agree with terms and conditions').then // ...
-   * ```
-   */
-  async _locateCheckable(locator, providedContext = null) {
-    const context = providedContext || await this._getContext();
-    const els = await findCheckable.call(this, locator, context);
-    assertElementExists(els[0], locator, 'Checkbox or radio');
-    return els[0];
-  }
-
-  /**
-   * Find a clickable element by providing human-readable text:
-   *
-   * ```js
-   * this.helpers['Playwright']._locateClickable('Next page').then // ...
-   * ```
-   */
-  async _locateClickable(locator) {
-    const context = await this._getContext();
-    return findClickable.call(this, context, locator);
-  }
-
-  /**
-   * Find field elements by providing human-readable text:
-   *
-   * ```js
-   * this.helpers['Playwright']._locateFields('Your email').then // ...
-   * ```
-   */
-  async _locateFields(locator) {
-    return findFields.call(this, locator);
-  }
-
-  /**
-   * Grab WebElements for given locator
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * 
-   * ```js
-   * const webElements = await I.grabWebElements('#button');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {Promise<*>} WebElement of being used Web helper
-   * 
-   *
-   */
-  async grabWebElements(locator) {
-    return this._locate(locator);
-  }
-
-  /**
-   * Grab WebElement for given locator
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * 
-   * ```js
-   * const webElement = await I.grabWebElement('#button');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {Promise<*>} WebElement of being used Web helper
-   * 
-   *
-   */
-  async grabWebElement(locator) {
-    return this._locateElement(locator);
-  }
-
-  /**
-   * Switch focus to a particular tab by its number. It waits tabs loading and then switch tab
-   *
-   * ```js
-   * I.switchToNextTab();
-   * I.switchToNextTab(2);
-   * ```
-   *
-   * @param {number} [num=1]
-   */
-  async switchToNextTab(num = 1) {
-    if (this.isElectron) {
-      throw new Error('Cannot switch tabs inside an Electron container');
-    }
-    const pages = await this.browserContext.pages();
-
-    const index = pages.indexOf(this.page);
-    this.withinLocator = null;
-    const page = pages[index + num];
-
-    if (!page) {
-      throw new Error(`There is no ability to switch to next tab with offset ${num}`);
-    }
-    await targetCreatedHandler.call(this, page);
-    await this._setPage(page);
-    return this._waitForAction();
-  }
-
-  /**
-   * Switch focus to a particular tab by its number. It waits tabs loading and then switch tab
-   *
-   * ```js
-   * I.switchToPreviousTab();
-   * I.switchToPreviousTab(2);
-   * ```
-   * @param {number} [num=1]
-   */
-  async switchToPreviousTab(num = 1) {
-    if (this.isElectron) {
-      throw new Error('Cannot switch tabs inside an Electron container');
-    }
-    const pages = await this.browserContext.pages();
-    const index = pages.indexOf(this.page);
-    this.withinLocator = null;
-    const page = pages[index - num];
-
-    if (!page) {
-      throw new Error(`There is no ability to switch to previous tab with offset ${num}`);
-    }
-
-    await this._setPage(page);
-    return this._waitForAction();
-  }
-
-  /**
-   * Close current tab and switches to previous.
-   *
-   * ```js
-   * I.closeCurrentTab();
-   * ```
-   */
-  async closeCurrentTab() {
-    if (this.isElectron) {
-      throw new Error('Cannot close current tab inside an Electron container');
-    }
-    const oldPage = this.page;
-    await this.switchToPreviousTab();
-    await oldPage.close();
-    return this._waitForAction();
-  }
-
-  /**
-   * Close all tabs except for the current one.
-   *
-   * ```js
-   * I.closeOtherTabs();
-   * ```
-   */
-  async closeOtherTabs() {
-    const pages = await this.browserContext.pages();
-    const otherPages = pages.filter(page => page !== this.page);
-    if (otherPages.length) {
-      this.debug(`Closing ${otherPages.length} tabs`);
-      return Promise.all(otherPages.map(p => p.close()));
-    }
-    return Promise.resolve();
-  }
-
-  /**
-   * Open new tab and automatically switched to new tab
-   *
-   * ```js
-   * I.openNewTab();
-   * ```
-   *
-   * You can pass in [page options](https://github.com/microsoft/playwright/blob/main/docs/api.md#browsernewpageoptions) to emulate device on this page
-   *
-   * ```js
-   * // enable mobile
-   * I.openNewTab({ isMobile: true });
-   * ```
-   */
-  async openNewTab(options) {
-    if (this.isElectron) {
-      throw new Error('Cannot open new tabs inside an Electron container');
-    }
-    const page = await this.browserContext.newPage(options);
-    await targetCreatedHandler.call(this, page);
-    await this._setPage(page);
-    return this._waitForAction();
-  }
-
-  /**
-   * Grab number of open tabs.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let tabs = await I.grabNumberOfOpenTabs();
-   * ```
-   * 
-   * @returns {Promise<number>} number of open tabs
-   * 
-   */
-  async grabNumberOfOpenTabs() {
-    const pages = await this.browserContext.pages();
-    return pages.length;
-  }
-
-  /**
-   * Checks that a given Element is visible
-   * Element is located by CSS or XPath.
-   * 
-   * ```js
-   * I.seeElement('#modal');
-   * ```
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async seeElement(locator) {
-    let els = await this._locate(locator);
-    els = await Promise.all(els.map(el => el.isVisible()));
-    try {
-      return empty('visible elements').negate(els.filter(v => v).fill('ELEMENT'));
-    } catch (e) {
-      dontSeeElementError(locator);
-    }
-  }
-
-  /**
-   * Opposite to `seeElement`. Checks that element is not visible (or in DOM)
-   * 
-   * ```js
-   * I.dontSeeElement('.modal'); // modal is not shown
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async dontSeeElement(locator) {
-    let els = await this._locate(locator);
-    els = await Promise.all(els.map(el => el.isVisible()));
-    try {
-      return empty('visible elements').assert(els.filter(v => v).fill('ELEMENT'));
-    } catch (e) {
-      seeElementError(locator);
-    }
-  }
-
-  /**
-   * Checks that a given Element is present in the DOM
-   * Element is located by CSS or XPath.
-   * 
-   * ```js
-   * I.seeElementInDOM('#modal');
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeElementInDOM(locator) {
-    const els = await this._locate(locator);
-    try {
-      return empty('elements on page').negate(els.filter(v => v).fill('ELEMENT'));
-    } catch (e) {
-      dontSeeElementInDOMError(locator);
-    }
-  }
-
-  /**
-   * Opposite to `seeElementInDOM`. Checks that element is not on page.
-   * 
-   * ```js
-   * I.dontSeeElementInDOM('.nav'); // checks that element is not on page visible or not
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeElementInDOM(locator) {
-    const els = await this._locate(locator);
-    try {
-      return empty('elements on a page').assert(els.filter(v => v).fill('ELEMENT'));
-    } catch (e) {
-      seeElementInDOMError(locator);
-    }
-  }
-
-  /**
-   * Handles a file download. A file name is required to save the file on disk.
-   * Files are saved to "output" directory.
-   *
-   * Should be used with [FileSystem helper](https://codecept.io/helpers/FileSystem) to check that file were downloaded correctly.
-   *
-   * ```js
-   * I.handleDownloads('downloads/avatar.jpg');
-   * I.click('Download Avatar');
-   * I.amInPath('output/downloads');
-   * I.waitForFile('avatar.jpg', 5);
-   *
-   * ```
-   *
-   * @param {string} fileName set filename for downloaded file
-   * @return {Promise<void>}
-   */
-  async handleDownloads(fileName) {
-    this.page.waitForEvent('download').then(async (download) => {
-      const filePath = await download.path();
-      fileName = fileName || `downloads/${path.basename(filePath)}`;
-
-      const downloadPath = path.join(global.output_dir, fileName);
-      if (!fs.existsSync(path.dirname(downloadPath))) {
-        fs.mkdirSync(path.dirname(downloadPath), '0777');
-      }
-      fs.copyFileSync(filePath, downloadPath);
-      this.debug('Download completed');
-      this.debugSection('Downloaded From', await download.url());
-      this.debugSection('Downloaded To', downloadPath);
-    });
-  }
-
-  /**
-   * Perform a click on a link or a button, given by a locator.
-   * If a fuzzy locator is given, the page will be searched for a button, link, or image matching the locator string.
-   * For buttons, the "value" attribute, "name" attribute, and inner text are searched. For links, the link text is searched.
-   * For images, the "alt" attribute and inner text of any parent links are searched.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * // simple link
-   * I.click('Logout');
-   * // button of form
-   * I.click('Submit');
-   * // CSS button
-   * I.click('#form input[type=submit]');
-   * // XPath
-   * I.click('//form/*[@type=submit]');
-   * // link in context
-   * I.click('Logout', '#nav');
-   * // using strict locator
-   * I.click({css: 'nav a.login'});
-   * ```
-   * 
-   * @param {string | object} locator clickable link or button located by text, or any element located by CSS|XPath|strict locator.
-   * @param {?string | object | null} [context=null] (optional, `null` by default) element to search in CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * @param {any} [options] [Additional options](https://playwright.dev/docs/api/class-page#page-click) for click available as 3rd argument.
-   *
-   * @example
-   *
-   * ```js
-   * // click on element at position
-   * I.click('canvas', '.model', { position: { x: 20, y: 40 } })
-   *
-   * // make ctrl-click
-   * I.click('.edit', null, { modifiers: ['Ctrl'] } )
-   * ```
-   *
-   */
-  async click(locator, context = null, options = {}) {
-    return proceedClick.call(this, locator, context, options);
-  }
-
-  /**
-   * Clicks link and waits for navigation (deprecated)
-   */
-  async clickLink(locator, context = null) {
-    console.log('clickLink deprecated: Playwright automatically waits for navigation to happen.');
-    console.log('Replace I.clickLink with I.click');
-    return this.click(locator, context);
-  }
-
-  /**
-   * Perform an emulated click on a link or a button, given by a locator.
-   * Unlike normal click instead of sending native event, emulates a click with JavaScript.
-   * This works on hidden, animated or inactive elements as well.
-   * 
-   * If a fuzzy locator is given, the page will be searched for a button, link, or image matching the locator string.
-   * For buttons, the "value" attribute, "name" attribute, and inner text are searched. For links, the link text is searched.
-   * For images, the "alt" attribute and inner text of any parent links are searched.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * // simple link
-   * I.forceClick('Logout');
-   * // button of form
-   * I.forceClick('Submit');
-   * // CSS button
-   * I.forceClick('#form input[type=submit]');
-   * // XPath
-   * I.forceClick('//form/*[@type=submit]');
-   * // link in context
-   * I.forceClick('Logout', '#nav');
-   * // using strict locator
-   * I.forceClick({css: 'nav a.login'});
-   * ```
-   * 
-   * @param {string | object} locator clickable link or button located by text, or any element located by CSS|XPath|strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element to search in CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async forceClick(locator, context = null) {
-    return proceedClick.call(this, locator, context, { force: true });
-  }
-
-  /**
-   * Performs a double-click on an element matched by link|button|label|CSS or XPath.
-   * Context can be specified as second parameter to narrow search.
-   * 
-   * ```js
-   * I.doubleClick('Edit');
-   * I.doubleClick('Edit', '.actions');
-   * I.doubleClick({css: 'button.accept'});
-   * I.doubleClick('.btn.edit');
-   * ```
-   * 
-   * @param {string | object} locator clickable link or button located by text, or any element located by CSS|XPath|strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element to search in CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async doubleClick(locator, context = null) {
-    return proceedClick.call(this, locator, context, { clickCount: 2 });
-  }
-
-  /**
-   * Performs right click on a clickable element matched by semantic locator, CSS or XPath.
-   * 
-   * ```js
-   * // right click element with id el
-   * I.rightClick('#el');
-   * // right click link or button with text "Click me"
-   * I.rightClick('Click me');
-   * // right click button with text "Click me" inside .context
-   * I.rightClick('Click me', '.context');
-   * ```
-   * 
-   * @param {string | object} locator clickable element located by CSS|XPath|strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async rightClick(locator, context = null) {
-    return proceedClick.call(this, locator, context, { button: 'right' });
-  }
-
-  /**
-   *
-   * [Additional options](https://playwright.dev/docs/api/class-elementhandle#element-handle-check) for check available as 3rd argument.
-   *
-   * Examples:
-   *
-   * ```js
-   * // click on element at position
-   * I.checkOption('Agree', '.signup', { position: { x: 5, y: 5 } })
-   * ```
-   * > ⚠️ To avoid flakiness, option `force: true` is set by default
-   *
-   * Selects a checkbox or radio button.
-   * Element is located by label or name or CSS or XPath.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * I.checkOption('#agree');
-   * I.checkOption('I Agree to Terms and Conditions');
-   * I.checkOption('agree', '//form');
-   * ```
-   * @param {string | object} field checkbox located by label | name | CSS | XPath | strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS | XPath | strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async checkOption(field, context = null, options = { force: true }) {
-    const elm = await this._locateCheckable(field, context);
-    await elm.check(options);
-    return this._waitForAction();
-  }
-
-  /**
-   *
-   * [Additional options](https://playwright.dev/docs/api/class-elementhandle#element-handle-uncheck) for uncheck available as 3rd argument.
-   *
-   * Examples:
-   *
-   * ```js
-   * // click on element at position
-   * I.uncheckOption('Agree', '.signup', { position: { x: 5, y: 5 } })
-   * ```
-   * > ⚠️ To avoid flakiness, option `force: true` is set by default
-   *
-   * Unselects a checkbox or radio button.
-   * Element is located by label or name or CSS or XPath.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * I.uncheckOption('#agree');
-   * I.uncheckOption('I Agree to Terms and Conditions');
-   * I.uncheckOption('agree', '//form');
-   * ```
-   * @param {string | object} field checkbox located by label | name | CSS | XPath | strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS | XPath | strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async uncheckOption(field, context = null, options = { force: true }) {
-    const elm = await this._locateCheckable(field, context);
-    await elm.uncheck(options);
-    return this._waitForAction();
-  }
-
-  /**
-   * Verifies that the specified checkbox is checked.
-   * 
-   * ```js
-   * I.seeCheckboxIsChecked('Agree');
-   * I.seeCheckboxIsChecked('#agree'); // I suppose user agreed to terms
-   * I.seeCheckboxIsChecked({css: '#signup_form input[type=checkbox]'});
-   * ```
-   * 
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeCheckboxIsChecked(field) {
-    return proceedIsChecked.call(this, 'assert', field);
-  }
-
-  /**
-   * Verifies that the specified checkbox is not checked.
-   * 
-   * ```js
-   * I.dontSeeCheckboxIsChecked('#agree'); // located by ID
-   * I.dontSeeCheckboxIsChecked('I agree to terms'); // located by label
-   * I.dontSeeCheckboxIsChecked('agree'); // located by name
-   * ```
-   * 
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeCheckboxIsChecked(field) {
-    return proceedIsChecked.call(this, 'negate', field);
-  }
-
-  /**
-   * Presses a key in the browser and leaves it in a down state.
-   * 
-   * To make combinations with modifier key and user operation (e.g. `'Control'` + [`click`](#click)).
-   * 
-   * ```js
-   * I.pressKeyDown('Control');
-   * I.click('#element');
-   * I.pressKeyUp('Control');
-   * ```
-   * 
-   * @param {string} key name of key to press down.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async pressKeyDown(key) {
-    key = getNormalizedKey.call(this, key);
-    await this.page.keyboard.down(key);
-    return this._waitForAction();
-  }
-
-  /**
-   * Releases a key in the browser which was previously set to a down state.
-   * 
-   * To make combinations with modifier key and user operation (e.g. `'Control'` + [`click`](#click)).
-   * 
-   * ```js
-   * I.pressKeyDown('Control');
-   * I.click('#element');
-   * I.pressKeyUp('Control');
-   * ```
-   * 
-   * @param {string} key name of key to release.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async pressKeyUp(key) {
-    key = getNormalizedKey.call(this, key);
-    await this.page.keyboard.up(key);
-    return this._waitForAction();
-  }
-
-  /**
-   *
-   * _Note:_ Shortcuts like `'Meta'` + `'A'` do not work on macOS ([GoogleChrome/Puppeteer#1313](https://github.com/GoogleChrome/puppeteer/issues/1313)).
-   *
-   * Presses a key in the browser (on a focused element).
-   * 
-   * _Hint:_ For populating text field or textarea, it is recommended to use [`fillField`](#fillfield).
-   * 
-   * ```js
-   * I.pressKey('Backspace');
-   * ```
-   * 
-   * To press a key in combination with modifier keys, pass the sequence as an array. All modifier keys (`'Alt'`, `'Control'`, `'Meta'`, `'Shift'`) will be released afterwards.
-   * 
-   * ```js
-   * I.pressKey(['Control', 'Z']);
-   * ```
-   * 
-   * For specifying operation modifier key based on operating system it is suggested to use `'CommandOrControl'`.
-   * This will press `'Command'` (also known as `'Meta'`) on macOS machines and `'Control'` on non-macOS machines.
-   * 
-   * ```js
-   * I.pressKey(['CommandOrControl', 'Z']);
-   * ```
-   * 
-   * Some of the supported key names are:
-   * - `'AltLeft'` or `'Alt'`
-   * - `'AltRight'`
-   * - `'ArrowDown'`
-   * - `'ArrowLeft'`
-   * - `'ArrowRight'`
-   * - `'ArrowUp'`
-   * - `'Backspace'`
-   * - `'Clear'`
-   * - `'ControlLeft'` or `'Control'`
-   * - `'ControlRight'`
-   * - `'Command'`
-   * - `'CommandOrControl'`
-   * - `'Delete'`
-   * - `'End'`
-   * - `'Enter'`
-   * - `'Escape'`
-   * - `'F1'` to `'F12'`
-   * - `'Home'`
-   * - `'Insert'`
-   * - `'MetaLeft'` or `'Meta'`
-   * - `'MetaRight'`
-   * - `'Numpad0'` to `'Numpad9'`
-   * - `'NumpadAdd'`
-   * - `'NumpadDecimal'`
-   * - `'NumpadDivide'`
-   * - `'NumpadMultiply'`
-   * - `'NumpadSubtract'`
-   * - `'PageDown'`
-   * - `'PageUp'`
-   * - `'Pause'`
-   * - `'Return'`
-   * - `'ShiftLeft'` or `'Shift'`
-   * - `'ShiftRight'`
-   * - `'Space'`
-   * - `'Tab'`
-   * 
-   * @param {string|string[]} key key or array of keys to press.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async pressKey(key) {
-    const modifiers = [];
-    if (Array.isArray(key)) {
-      for (let k of key) {
-        k = getNormalizedKey.call(this, k);
-        if (isModifierKey(k)) {
-          modifiers.push(k);
-        } else {
-          key = k;
-          break;
-        }
-      }
-    } else {
-      key = getNormalizedKey.call(this, key);
-    }
-    for (const modifier of modifiers) {
-      await this.page.keyboard.down(modifier);
-    }
-    await this.page.keyboard.press(key);
-    for (const modifier of modifiers) {
-      await this.page.keyboard.up(modifier);
-    }
-    return this._waitForAction();
-  }
-
-  /**
-   * Types out the given text into an active field.
-   * To slow down typing use a second parameter, to set interval between key presses.
-   * _Note:_ Should be used when [`fillField`](#fillfield) is not an option.
-   * 
-   * ```js
-   * // passing in a string
-   * I.type('Type this out.');
-   * 
-   * // typing values with a 100ms interval
-   * I.type('4141555311111111', 100);
-   * 
-   * // passing in an array
-   * I.type(['T', 'E', 'X', 'T']);
-   * 
-   * // passing a secret
-   * I.type(secret('123456'));
-   * ```
-   * 
-   * @param {string|string[]} key or array of keys to type.
-   * @param {?number} [delay=null] (optional) delay in ms between key presses
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async type(keys, delay = null) {
-    if (!Array.isArray(keys)) {
-      keys = keys.toString();
-      keys = keys.split('');
-    }
-
-    for (const key of keys) {
-      await this.page.keyboard.press(key);
-      if (delay) await this.wait(delay / 1000);
-    }
-  }
-
-  /**
-   * Fills a text field or textarea, after clearing its value, with the given string.
-   * Field is located by name, label, CSS, or XPath.
-   * 
-   * ```js
-   * // by label
-   * I.fillField('Email', 'hello@world.com');
-   * // by name
-   * I.fillField('password', secret('123456'));
-   * // by CSS
-   * I.fillField('form#login input[name=username]', 'John');
-   * // or by strict locator
-   * I.fillField({css: 'form#login input[name=username]'}, 'John');
-   * ```
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @param {string | object} value text value to fill.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async fillField(field, value) {
-    const els = await findFields.call(this, field);
-    assertElementExists(els, field, 'Field');
-    const el = els[0];
-
-    await el.clear();
-
-    await highlightActiveElement.call(this, el);
-
-    await el.type(value.toString(), { delay: this.options.pressKeyDelay });
-
-    return this._waitForAction();
-  }
-
-  /**
-   * Clears the text input element: `<input>`, `<textarea>` or `[contenteditable]` .
-   *
-  *
-  * Examples:
-  *
-  * ```js
-  * I.clearField('.text-area')
-  *
-  * // if this doesn't work use force option
-  * I.clearField('#submit', { force: true })
-  * ```
-  * Use `force` to bypass the [actionability](https://playwright.dev/docs/actionability) checks.
-  *
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @param {any} [options] [Additional options](https://playwright.dev/docs/api/class-locator#locator-clear) for available options object as 2nd argument.
-   */
-  async clearField(locator, options = {}) {
-    const els = await findFields.call(this, locator);
-    assertElementExists(els, locator, 'Field to clear');
-
-    const el = els[0];
-
-    await highlightActiveElement.call(this, el);
-
-    await el.clear();
-
-    return this._waitForAction();
-  }
-
-  /**
-   * Appends text to a input field or textarea.
-   * Field is located by name, label, CSS or XPath
-   * 
-   * ```js
-   * I.appendField('#myTextField', 'appended');
-   * // typing secret
-   * I.appendField('password', secret('123456'));
-   * ```
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator
-   * @param {string} value text value to append.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async appendField(field, value) {
-    const els = await findFields.call(this, field);
-    assertElementExists(els, field, 'Field');
-    await highlightActiveElement.call(this, els[0]);
-    await els[0].press('End');
-    await els[0].type(value.toString(), { delay: this.options.pressKeyDelay });
-    return this._waitForAction();
-  }
-
-  /**
-   * Checks that the given input field or textarea equals to given value.
-   * For fuzzy locators, fields are matched by label text, the "name" attribute, CSS, and XPath.
-   * 
-   * ```js
-   * I.seeInField('Username', 'davert');
-   * I.seeInField({css: 'form textarea'},'Type your comment here');
-   * I.seeInField('form input[type=hidden]','hidden_value');
-   * I.seeInField('#searchform input','Search');
-   * ```
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @param {string | object} value value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInField(field, value) {
-    const _value = (typeof value === 'boolean') ? value : value.toString();
-    return proceedSeeInField.call(this, 'assert', field, _value);
-  }
-
-  /**
-   * Checks that value of input field or textarea doesn't equal to given value
-   * Opposite to `seeInField`.
-   * 
-   * ```js
-   * I.dontSeeInField('email', 'user@user.com'); // field by name
-   * I.dontSeeInField({ css: 'form input.email' }, 'user@user.com'); // field by CSS
-   * ```
-   * 
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @param {string | object} value value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeInField(field, value) {
-    const _value = (typeof value === 'boolean') ? value : value.toString();
-    return proceedSeeInField.call(this, 'negate', field, _value);
-  }
-
-  /**
-   * Attaches a file to element located by label, name, CSS or XPath
-   * Path to file is relative current codecept directory (where codecept.conf.ts or codecept.conf.js is located).
-   * File will be uploaded to remote system (if tests are running remotely).
-   * 
-   * ```js
-   * I.attachFile('Avatar', 'data/avatar.jpg');
-   * I.attachFile('form input[name=avatar]', 'data/avatar.jpg');
-   * ```
-   * 
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @param {string} pathToFile local file path relative to codecept.conf.ts or codecept.conf.js config file.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async attachFile(locator, pathToFile) {
-    const file = path.join(global.codecept_dir, pathToFile);
-
-    if (!fileExists(file)) {
-      throw new Error(`File at ${file} can not be found on local system`);
-    }
-    const els = await findFields.call(this, locator);
-    assertElementExists(els, locator, 'Field');
-    await els[0].setInputFiles(file);
-    return this._waitForAction();
-  }
-
-  /**
-   * Selects an option in a drop-down select.
-   * Field is searched by label | name | CSS | XPath.
-   * Option is selected by visible text or by value.
-   * 
-   * ```js
-   * I.selectOption('Choose Plan', 'Monthly'); // select by label
-   * I.selectOption('subscription', 'Monthly'); // match option by text
-   * I.selectOption('subscription', '0'); // or by value
-   * I.selectOption('//form/select[@name=account]','Premium');
-   * I.selectOption('form select[name=account]', 'Premium');
-   * I.selectOption({css: 'form select[name=account]'}, 'Premium');
-   * ```
-   * 
-   * Provide an array for the second argument to select multiple options.
-   * 
-   * ```js
-   * I.selectOption('Which OS do you use?', ['Android', 'iOS']);
-   * ```
-   * @param {string | object} select field located by label|name|CSS|XPath|strict locator.
-   * @param {string|Array<*>} option visible text or value of option.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async selectOption(select, option) {
-    const els = await findFields.call(this, select);
-    assertElementExists(els, select, 'Selectable field');
-    const el = els[0];
-
-    await highlightActiveElement.call(this, el);
-    let optionToSelect = '';
-
-    try {
-      optionToSelect = (await el.locator('option', { hasText: option }).textContent()).trim();
-    } catch (e) {
-      optionToSelect = option;
-    }
-
-    if (!Array.isArray(option)) option = [optionToSelect];
-
-    await el.selectOption(option);
-    return this._waitForAction();
-  }
-
-  /**
-   * Grab number of visible elements by locator.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let numOfElements = await I.grabNumberOfVisibleElements('p');
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @returns {Promise<number>} number of visible elements
-   *
-   */
-  async grabNumberOfVisibleElements(locator) {
-    let els = await this._locate(locator);
-    els = await Promise.all(els.map(el => el.isVisible()));
-    return els.filter(v => v).length;
-  }
-
-  /**
-   * Checks that current url contains a provided fragment.
-   * 
-   * ```js
-   * I.seeInCurrentUrl('/register'); // we are on registration page
-   * ```
-   * 
-   * @param {string} url a fragment to check
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInCurrentUrl(url) {
-    stringIncludes('url').assert(url, await this._getPageUrl());
-  }
-
-  /**
-   * Checks that current url does not contain a provided fragment.
-   * 
-   * @param {string} url value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeInCurrentUrl(url) {
-    stringIncludes('url').negate(url, await this._getPageUrl());
-  }
-
-  /**
-   * Checks that current url is equal to provided one.
-   * If a relative url provided, a configured url will be prepended to it.
-   * So both examples will work:
-   * 
-   * ```js
-   * I.seeCurrentUrlEquals('/register');
-   * I.seeCurrentUrlEquals('http://my.site.com/register');
-   * ```
-   * 
-   * @param {string} url value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeCurrentUrlEquals(url) {
-    urlEquals(this.options.url).assert(url, await this._getPageUrl());
-  }
-
-  /**
-   * Checks that current url is not equal to provided one.
-   * If a relative url provided, a configured url will be prepended to it.
-   * 
-   * ```js
-   * I.dontSeeCurrentUrlEquals('/login'); // relative url are ok
-   * I.dontSeeCurrentUrlEquals('http://mysite.com/login'); // absolute urls are also ok
-   * ```
-   * 
-   * @param {string} url value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeCurrentUrlEquals(url) {
-    urlEquals(this.options.url).negate(url, await this._getPageUrl());
-  }
-
-  /**
-   * Checks that a page contains a visible text.
-   * Use context parameter to narrow down the search.
-   * 
-   * ```js
-   * I.see('Welcome'); // text welcome on a page
-   * I.see('Welcome', '.content'); // text inside .content div
-   * I.see('Register', {css: 'form.register'}); // use strict locator
-   * ```
-   * @param {string} text expected on page.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS|Xpath|strict locator in which to search for text.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   *
-   */
-  async see(text, context = null) {
-    return proceedSee.call(this, 'assert', text, context);
-  }
-
-  /**
-   * Checks that text is equal to provided one.
-   * 
-   * ```js
-   * I.seeTextEquals('text', 'h1');
-   * ```
-   * 
-   * @param {string} text element value to check.
-   * @param {(string | object)?} [context=null]  element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeTextEquals(text, context = null) {
-    return proceedSee.call(this, 'assert', text, context, true);
-  }
-
-  /**
-   * Opposite to `see`. Checks that a text is not present on a page.
-   * Use context parameter to narrow down the search.
-   * 
-   * ```js
-   * I.dontSee('Login'); // assume we are already logged in.
-   * I.dontSee('Login', '.nav'); // no login inside .nav element
-   * ```
-   * 
-   * @param {string} text which is not present.
-   * @param {string | object} [context] (optional) element located by CSS|XPath|strict locator in which to perfrom search.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   *
-   */
-  async dontSee(text, context = null) {
-    return proceedSee.call(this, 'negate', text, context);
-  }
-
-  /**
-   * Retrieves page source and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let pageSource = await I.grabSource();
-   * ```
-   * 
-   * @returns {Promise<string>} source code
-   */
-  async grabSource() {
-    return this.page.content();
-  }
-
-  /**
-   * Get JS log from browser.
-   *
-   * ```js
-   * const logs = await I.grabBrowserLogs();
-   * const errors = logs.map(l => ({ type: l.type(), text: l.text() })).filter(l => l.type === 'error');
-   * console.log(JSON.stringify(errors));
-   * ```
-   * [Learn more about console messages](https://playwright.dev/docs/api/class-consolemessage)
-   * @return {Promise<any[]>}
-   */
-  async grabBrowserLogs() {
-    const logs = consoleLogStore.entries;
-    consoleLogStore.clear();
-    return logs;
-  }
-
-  /**
-   * Get current URL from browser.
-   * Resumes test execution, so should be used inside an async function.
-   * 
-   * ```js
-   * let url = await I.grabCurrentUrl();
-   * console.log(`Current URL is [${url}]`);
-   * ```
-   * 
-   * @returns {Promise<string>} current URL
-   */
-  async grabCurrentUrl() {
-    return this._getPageUrl();
-  }
-
-  /**
-   * Checks that the current page contains the given string in its raw source code.
-   * 
-   * ```js
-   * I.seeInSource('<h1>Green eggs &amp; ham</h1>');
-   * ```
-   * @param {string} text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInSource(text) {
-    const source = await this.page.content();
-    stringIncludes('HTML source of a page').assert(text, source);
-  }
-
-  /**
-   * Checks that the current page does not contains the given string in its raw source code.
-   * 
-   * ```js
-   * I.dontSeeInSource('<!--'); // no comments in source
-   * ```
-   * 
-   * @param {string} value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeInSource(text) {
-    const source = await this.page.content();
-    stringIncludes('HTML source of a page').negate(text, source);
-  }
-
-  /**
-   * Asserts that an element appears a given number of times in the DOM.
-   * Element is located by label or name or CSS or XPath.
-   * 
-   * 
-   * ```js
-   * I.seeNumberOfElements('#submitBtn', 1);
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} num number of elements.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   *
-   */
-  async seeNumberOfElements(locator, num) {
-    const elements = await this._locate(locator);
-    return equals(`expected number of elements (${(new Locator(locator))}) is ${num}, but found ${elements.length}`).assert(elements.length, num);
-  }
-
-  /**
-   * Asserts that an element is visible a given number of times.
-   * Element is located by CSS or XPath.
-   * 
-   * ```js
-   * I.seeNumberOfVisibleElements('.buttons', 3);
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} num number of elements.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   *
-   */
-  async seeNumberOfVisibleElements(locator, num) {
-    const res = await this.grabNumberOfVisibleElements(locator);
-    return equals(`expected number of visible elements (${(new Locator(locator))}) is ${num}, but found ${res}`).assert(res, num);
-  }
-
-  /**
-   * Sets cookie(s).
-   * 
-   * Can be a single cookie object or an array of cookies:
-   * 
-   * ```js
-   * I.setCookie({name: 'auth', value: true});
-   * 
-   * // as array
-   * I.setCookie([
-   *   {name: 'auth', value: true},
-   *   {name: 'agree', value: true}
-   * ]);
-   * ```
-   * 
-   * @param {Cookie|Array<Cookie>} cookie a cookie object or array of cookie objects.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async setCookie(cookie) {
-    if (Array.isArray(cookie)) {
-      return this.browserContext.addCookies(cookie);
-    }
-    return this.browserContext.addCookies([cookie]);
-  }
-
-  /**
-   * Checks that cookie with given name exists.
-   * 
-   * ```js
-   * I.seeCookie('Auth');
-   * ```
-   * 
-   * @param {string} name cookie name.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async seeCookie(name) {
-    const cookies = await this.browserContext.cookies();
-    empty(`cookie ${name} to be set`).negate(cookies.filter(c => c.name === name));
-  }
-
-  /**
-   * Checks that cookie with given name does not exist.
-   * 
-   * ```js
-   * I.dontSeeCookie('auth'); // no auth cookie
-   * ```
-   * 
-   * @param {string} name cookie name.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeCookie(name) {
-    const cookies = await this.browserContext.cookies();
-    empty(`cookie ${name} to be set`).assert(cookies.filter(c => c.name === name));
-  }
-
-  /**
-   * Returns cookie in JSON format. If name not passed returns all cookies for this domain.
-   *
-   * Gets a cookie object by name.
-   * If none provided gets all cookies.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let cookie = await I.grabCookie('auth');
-   * assert(cookie.value, '123456');
-   * ```
-   * 
-   * @param {?string} [name=null] cookie name.
-   * @returns {any} attribute value
-   * 
-   */
-  async grabCookie(name) {
-    const cookies = await this.browserContext.cookies();
-    if (!name) return cookies;
-    const cookie = cookies.filter(c => c.name === name);
-    if (cookie[0]) return cookie[0];
-  }
-
-  /**
-   * Clears a cookie by name,
-   * if none provided clears all cookies.
-   * 
-   * ```js
-   * I.clearCookie();
-   * I.clearCookie('test'); // Playwright currently doesn't support clear a particular cookie name
-   * ```
-   * 
-   * @param {?string} [cookie=null] (optional, `null` by default) cookie name
-   * 
-   */
-  async clearCookie() {
-    // Playwright currently doesn't support to delete a certain cookie
-    // https://github.com/microsoft/playwright/blob/main/docs/src/api/class-browsercontext.md#async-method-browsercontextclearcookies
-    if (!this.browserContext) return;
-    return this.browserContext.clearCookies();
-  }
-
-  /**
-   * Executes a script on the page:
-   *
-   * ```js
-   * I.executeScript(() => window.alert('Hello world'));
-   * ```
-   *
-   * Additional parameters of the function can be passed as an object argument:
-   *
-   * ```js
-   * I.executeScript(({x, y}) => x + y, {x, y});
-   * ```
-   * You can pass only one parameter into a function,
-   * or you can pass in array or object.
-   *
-   * ```js
-   * I.executeScript(([x, y]) => x + y, [x, y]);
-   * ```
-   * If a function returns a Promise it will wait for its resolution.
-   *
-   * @param {string|function} fn function to be executed in browser context.
-   * @param {any} [arg] optional argument to pass to the function
-   * @returns {Promise<any>}
-   */
-  async executeScript(fn, arg) {
-    if (this.context && this.context.constructor.name === 'FrameLocator') {
-      // switching to iframe context
-      return this.context.locator(':root').evaluate(fn, arg);
-    }
-    return this.page.evaluate.apply(this.page, [fn, arg]);
-  }
-
-  /**
-   * Grab Locator if called within Context
-   *
-   * @param {*} locator
-   */
-  _contextLocator(locator) {
-    locator = buildLocatorString(new Locator(locator, 'css'));
-
-    if (this.contextLocator) {
-      const contextLocator = buildLocatorString(new Locator(this.contextLocator, 'css'));
-      locator = `${contextLocator} >> ${locator}`;
-    }
-
-    return locator;
-  }
-
-  /**
-   * Retrieves a text from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let pin = await I.grabTextFrom('#pin');
-   * ```
-   * If multiple elements found returns first element.
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {Promise<string>} attribute value
-   * 
-   *
-   */
-  async grabTextFrom(locator) {
-    locator = this._contextLocator(locator);
-    const text = await this.page.textContent(locator);
-    assertElementExists(text, locator);
-    this.debugSection('Text', text);
-    return text;
-  }
-
-  /**
-   * Retrieves all texts from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let pins = await I.grabTextFromAll('#pin li');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {Promise<string[]>} attribute value
-   * 
-   *
-   */
-  async grabTextFromAll(locator) {
-    const els = await this._locate(locator);
-    const texts = [];
-    for (const el of els) {
-      texts.push(await (await el.innerText()));
-    }
-    this.debug(`Matched ${els.length} elements`);
-    return texts;
-  }
-
-  /**
-   * Retrieves a value from a form element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * If more than one element is found - value of first element is returned.
-   * 
-   * ```js
-   * let email = await I.grabValueFrom('input[name=email]');
-   * ```
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @returns {Promise<string>} attribute value
-   * 
-   */
-  async grabValueFrom(locator) {
-    const values = await this.grabValueFromAll(locator);
-    assertElementExists(values, locator);
-    this.debugSection('Value', values[0]);
-    return values[0];
-  }
-
-  /**
-   * Retrieves an array of value from a form located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let inputs = await I.grabValueFromAll('//form/input');
-   * ```
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @returns {Promise<string[]>} attribute value
-   * 
-   */
-  async grabValueFromAll(locator) {
-    const els = await findFields.call(this, locator);
-    this.debug(`Matched ${els.length} elements`);
-    return Promise.all(els.map(el => el.inputValue()));
-  }
-
-  /**
-   * Retrieves the innerHTML from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * If more than one element is found - HTML of first element is returned.
-   * 
-   * ```js
-   * let postHTML = await I.grabHTMLFrom('#post');
-   * ```
-   * 
-   * @param {string | object} element located by CSS|XPath|strict locator.
-   * @returns {Promise<string>} HTML code for an element
-   * 
-   */
-  async grabHTMLFrom(locator) {
-    const html = await this.grabHTMLFromAll(locator);
-    assertElementExists(html, locator);
-    this.debugSection('HTML', html[0]);
-    return html[0];
-  }
-
-  /**
-   * Retrieves all the innerHTML from elements located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let postHTMLs = await I.grabHTMLFromAll('.post');
-   * ```
-   * 
-   * @param {string | object} element located by CSS|XPath|strict locator.
-   * @returns {Promise<string[]>} HTML code for an element
-   * 
-   */
-  async grabHTMLFromAll(locator) {
-    const els = await this._locate(locator);
-    this.debug(`Matched ${els.length} elements`);
-    return Promise.all(els.map(el => el.innerHTML()));
-  }
-
-  /**
-   * Grab CSS property for given locator
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * If more than one element is found - value of first element is returned.
-   * 
-   * ```js
-   * const value = await I.grabCssPropertyFrom('h3', 'font-weight');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} cssProperty CSS property name.
-   * @returns {Promise<string>} CSS value
-   * 
-   *
-   */
-  async grabCssPropertyFrom(locator, cssProperty) {
-    const cssValues = await this.grabCssPropertyFromAll(locator, cssProperty);
-    assertElementExists(cssValues, locator);
-    this.debugSection('CSS', cssValues[0]);
-    return cssValues[0];
-  }
-
-  /**
-   * Grab array of CSS properties for given locator
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * 
-   * ```js
-   * const values = await I.grabCssPropertyFromAll('h3', 'font-weight');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} cssProperty CSS property name.
-   * @returns {Promise<string[]>} CSS value
-   * 
-   *
-   */
-  async grabCssPropertyFromAll(locator, cssProperty) {
-    const els = await this._locate(locator);
-    this.debug(`Matched ${els.length} elements`);
-    const cssValues = await Promise.all(els.map(el => el.evaluate((el, cssProperty) => getComputedStyle(el).getPropertyValue(cssProperty), cssProperty)));
-
-    return cssValues;
-  }
-
-  /**
-   * Checks that all elements with given locator have given CSS properties.
-   * 
-   * ```js
-   * I.seeCssPropertiesOnElements('h3', { 'font-weight': "bold"});
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @param {object} cssProperties object with CSS properties and their values to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async seeCssPropertiesOnElements(locator, cssProperties) {
-    const res = await this._locate(locator);
-    assertElementExists(res, locator);
-
-    const cssPropertiesCamelCase = convertCssPropertiesToCamelCase(cssProperties);
-    const elemAmount = res.length;
-    let props = [];
-
-    for (const element of res) {
-      for (const prop of Object.keys(cssProperties)) {
-        const cssProp = await this.grabCssPropertyFrom(locator, prop);
-        if (isColorProperty(prop)) {
-          props.push(convertColorToRGBA(cssProp));
-        } else {
-          props.push(cssProp);
-        }
-      }
-    }
-
-    const values = Object.keys(cssPropertiesCamelCase).map(key => cssPropertiesCamelCase[key]);
-    if (!Array.isArray(props)) props = [props];
-    let chunked = chunkArray(props, values.length);
-    chunked = chunked.filter((val) => {
-      for (let i = 0; i < val.length; ++i) {
-        // eslint-disable-next-line eqeqeq
-        if (val[i] != values[i]) return false;
-      }
-      return true;
-    });
-    return equals(`all elements (${(new Locator(locator))}) to have CSS property ${JSON.stringify(cssProperties)}`).assert(chunked.length, elemAmount);
-  }
-
-  /**
-   * Checks that all elements with given locator have given attributes.
-   * 
-   * ```js
-   * I.seeAttributesOnElements('//form', { method: "post"});
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @param {object} attributes attributes and their values to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async seeAttributesOnElements(locator, attributes) {
-    const res = await this._locate(locator);
-    assertElementExists(res, locator);
-
-    const elemAmount = res.length;
-    const commands = [];
-    res.forEach((el) => {
-      Object.keys(attributes).forEach((prop) => {
-        commands.push(el
-          .evaluate((el, attr) => el[attr] || el.getAttribute(attr), prop));
-      });
-    });
-    let attrs = await Promise.all(commands);
-    const values = Object.keys(attributes).map(key => attributes[key]);
-    if (!Array.isArray(attrs)) attrs = [attrs];
-    let chunked = chunkArray(attrs, values.length);
-    chunked = chunked.filter((val) => {
-      for (let i = 0; i < val.length; ++i) {
-        // the attribute could be a boolean
-        if (typeof val[i] === 'boolean') return val[i] === values[i];
-        // if the attribute doesn't exist, returns false as well
-        if (!val[i] || !val[i].includes(values[i])) return false;
-      }
-      return true;
-    });
-    return equals(`all elements (${(new Locator(locator))}) to have attributes ${JSON.stringify(attributes)}`).assert(chunked.length, elemAmount);
-  }
-
-  /**
-   * Drag the scrubber of a slider to a given position
-   * For fuzzy locators, fields are matched by label text, the "name" attribute, CSS, and XPath.
-   * 
-   * ```js
-   * I.dragSlider('#slider', 30);
-   * I.dragSlider('#slider', -70);
-   * ```
-   * 
-   * @param {string | object} locator located by label|name|CSS|XPath|strict locator.
-   * @param {number} offsetX position to drag.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async dragSlider(locator, offsetX = 0) {
-    const src = await this._locateElement(locator);
-    assertElementExists(src, locator, 'Slider Element');
-
-    // Note: Using clickablePoint private api because the .BoundingBox does not take into account iframe offsets!
-    const sliderSource = await clickablePoint(src);
-
-    // Drag start point
-    await this.page.mouse.move(sliderSource.x, sliderSource.y, { steps: 5 });
-    await this.page.mouse.down();
-
-    // Drag destination
-    await this.page.mouse.move(sliderSource.x + offsetX, sliderSource.y, { steps: 5 });
-    await this.page.mouse.up();
-
-    return this._waitForAction();
-  }
-
-  /**
-   * Retrieves an attribute from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * If more than one element is found - attribute of first element is returned.
-   * 
-   * ```js
-   * let hint = await I.grabAttributeFrom('#tooltip', 'title');
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} attr attribute name.
-   * @returns {Promise<string>} attribute value
-   * 
-   *
-   */
-  async grabAttributeFrom(locator, attr) {
-    const attrs = await this.grabAttributeFromAll(locator, attr);
-    assertElementExists(attrs, locator);
-    this.debugSection('Attribute', attrs[0]);
-    return attrs[0];
-  }
-
-  /**
-   * Retrieves an array of attributes from elements located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let hints = await I.grabAttributeFromAll('.tooltip', 'title');
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} attr attribute name.
-   * @returns {Promise<string[]>} attribute value
-   * 
-   *
-   */
-  async grabAttributeFromAll(locator, attr) {
-    const els = await this._locate(locator);
-    this.debug(`Matched ${els.length} elements`);
-    const array = [];
-
-    for (let index = 0; index < els.length; index++) {
-      array.push(await els[index].getAttribute(attr));
-    }
-
-    return array;
-  }
-
-  /**
-   * Saves screenshot of the specified locator to ouput folder (set in codecept.conf.ts or codecept.conf.js).
-   * Filename is relative to output folder.
-   * 
-   * ```js
-   * I.saveElementScreenshot(`#submit`,'debug.png');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} fileName file name to save.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async saveElementScreenshot(locator, fileName) {
-    const outputFile = screenshotOutputFolder(fileName);
-
-    const res = await this._locateElement(locator);
-    assertElementExists(res, locator);
-    const elem = res;
-    this.debug(`Screenshot of ${(new Locator(locator))} element has been saved to ${outputFile}`);
-    return elem.screenshot({ path: outputFile, type: 'png' });
-  }
-
-  /**
-   * Saves a screenshot to ouput folder (set in codecept.conf.ts or codecept.conf.js).
-   * Filename is relative to output folder.
-   * Optionally resize the window to the full available page `scrollHeight` and `scrollWidth` to capture the entire page by passing `true` in as the second argument.
-   * 
-   * ```js
-   * I.saveScreenshot('debug.png');
-   * I.saveScreenshot('debug.png', true) //resizes to available scrollHeight and scrollWidth before taking screenshot
-   * ```
-   * 
-   * @param {string} fileName file name to save.
-   * @param {boolean} [fullPage=false] (optional, `false` by default) flag to enable fullscreen screenshot mode.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async saveScreenshot(fileName, fullPage) {
-    const fullPageOption = fullPage || this.options.fullPageScreenshots;
-    let outputFile = screenshotOutputFolder(fileName);
-
-    this.debug(`Screenshot is saving to ${outputFile}`);
-
-    await this.page.screenshot({
-      path: outputFile,
-      fullPage: fullPageOption,
-      type: 'png',
-    });
-
-    if (this.activeSessionName) {
-      for (const sessionName in this.sessionPages) {
-        const activeSessionPage = this.sessionPages[sessionName];
-        outputFile = screenshotOutputFolder(`${sessionName}_${fileName}`);
-
-        this.debug(`${sessionName} - Screenshot is saving to ${outputFile}`);
-
-        if (activeSessionPage) {
-          await activeSessionPage.screenshot({
-            path: outputFile,
-            fullPage: fullPageOption,
-            type: 'png',
-          });
-        }
-      }
-    }
-  }
-
-  /**
-   * Performs [api request](https://playwright.dev/docs/api/class-apirequestcontext#api-request-context-get) using
-   * the cookies from the current browser session.
-   *
-   * ```js
-   * const users = await I.makeApiRequest('GET', '/api/users', { params: { page: 1 }});
-   * users[0]
-   * I.makeApiRequest('PATCH', )
-   * ```
-   *
-   * > This is Playwright's built-in alternative to using REST helper's sendGet, sendPost, etc methods.
-   *
-   * @param {string} method HTTP method
-   * @param {string} url endpoint
-   * @param {object} options request options depending on method used
-   * @returns {Promise<object>} response
-   */
-  async makeApiRequest(method, url, options) {
-    method = method.toLowerCase();
-    const allowedMethods = ['get', 'post', 'patch', 'head', 'fetch', 'delete'];
-    if (!allowedMethods.includes(method)) {
-      throw new Error(`Method ${method} is not allowed, use the one from a list ${allowedMethods} or switch to using REST helper`);
-    }
-
-    if (url.startsWith('/')) { // local url
-      url = this.options.url + url;
-      this.debugSection('URL', url);
-    }
-
-    const response = await this.page.request[method](url, options);
-    this.debugSection('Status', response.status());
-    this.debugSection('Response', await response.text());
-
-    // hook to allow JSON response handle this
-    if (this.config.onResponse) {
-      const axiosResponse = {
-        data: await response.json(),
-        status: response.status(),
-        statusText: response.statusText(),
-        headers: response.headers(),
-      };
-      this.config.onResponse(axiosResponse);
-    }
-
-    return response;
-  }
-
-  async _failed(test) {
-    await this._withinEnd();
-
-    if (!test.artifacts) {
-      test.artifacts = {};
-    }
-
-    if (this.options.recordVideo && this.page && this.page.video()) {
-      test.artifacts.video = await saveVideoForPage(this.page, `${test.title}.failed`);
-      for (const sessionName in this.sessionPages) {
-        test.artifacts[`video_${sessionName}`] = await saveVideoForPage(this.sessionPages[sessionName], `${test.title}_${sessionName}.failed`);
-      }
-    }
-
-    if (this.options.trace) {
-      test.artifacts.trace = await saveTraceForContext(this.browserContext, `${test.title}.failed`);
-      for (const sessionName in this.sessionPages) {
-        if (!this.sessionPages[sessionName].context) continue;
-        test.artifacts[`trace_${sessionName}`] = await saveTraceForContext(this.sessionPages[sessionName].context, `${test.title}_${sessionName}.failed`);
-      }
-    }
-
-    if (this.options.recordHar) {
-      test.artifacts.har = this.currentRunningTest.artifacts.har;
-    }
-  }
-
-  async _passed(test) {
-    if (this.options.recordVideo && this.page && this.page.video()) {
-      if (this.options.keepVideoForPassedTests) {
-        test.artifacts.video = await saveVideoForPage(this.page, `${test.title}.passed`);
-        for (const sessionName of Object.keys(this.sessionPages)) {
-          test.artifacts[`video_${sessionName}`] = await saveVideoForPage(this.sessionPages[sessionName], `${test.title}_${sessionName}.passed`);
-        }
-      } else {
-        this.page.video().delete().catch(e => {});
-      }
-    }
-
-    if (this.options.trace) {
-      if (this.options.keepTraceForPassedTests) {
-        if (this.options.trace) {
-          test.artifacts.trace = await saveTraceForContext(this.browserContext, `${test.title}.passed`);
-          for (const sessionName in this.sessionPages) {
-            if (!this.sessionPages[sessionName].context) continue;
-            test.artifacts[`trace_${sessionName}`] = await saveTraceForContext(this.sessionPages[sessionName].context, `${test.title}_${sessionName}.passed`);
-          }
-        }
-      } else {
-        await this.browserContext.tracing.stop();
-      }
-    }
-
-    if (this.options.recordHar) {
-      test.artifacts.har = this.currentRunningTest.artifacts.har;
-    }
-  }
-
-  /**
-   * Pauses execution for a number of seconds.
-   * 
-   * ```js
-   * I.wait(2); // wait 2 secs
-   * ```
-   * 
-   * @param {number} sec number of second to wait.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async wait(sec) {
-    return new Promise(((done) => {
-      setTimeout(done, sec * 1000);
-    }));
-  }
-
-  /**
-   * Waits for element to become enabled (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional) time in seconds to wait, 1 by default.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForEnabled(locator, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    locator = new Locator(locator, 'css');
-    const matcher = await this.context;
-    let waiter;
-    const context = await this._getContext();
-    if (!locator.isXPath()) {
-      const valueFn = function ([locator]) {
-        return Array.from(document.querySelectorAll(locator)).filter(el => !el.disabled).length > 0;
-      };
-      waiter = context.waitForFunction(valueFn, [locator.value], { timeout: waitTimeout });
-    } else {
-      const enabledFn = function ([locator, $XPath]) {
-        eval($XPath); // eslint-disable-line no-eval
-        return $XPath(null, locator).filter(el => !el.disabled).length > 0;
-      };
-      waiter = context.waitForFunction(enabledFn, [locator.value, $XPath.toString()], { timeout: waitTimeout });
-    }
-    return waiter.catch((err) => {
-      throw new Error(`element (${locator.toString()}) still not enabled after ${waitTimeout / 1000} sec\n${err.message}`);
-    });
-  }
-
-  /**
-   * Waits for the specified value to be in value attribute.
-   * 
-   * ```js
-   * I.waitForValue('//input', "GoodValue");
-   * ```
-   * 
-   * @param {string | object} field input field.
-   * @param {string }value expected value.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForValue(field, value, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    const locator = new Locator(field, 'css');
-    const matcher = await this.context;
-    let waiter;
-    const context = await this._getContext();
-    if (!locator.isXPath()) {
-      const valueFn = function ([locator, value]) {
-        return Array.from(document.querySelectorAll(locator)).filter(el => (el.value || '').indexOf(value) !== -1).length > 0;
-      };
-      waiter = context.waitForFunction(valueFn, [locator.value, value], { timeout: waitTimeout });
-    } else {
-      const valueFn = function ([locator, $XPath, value]) {
-        eval($XPath); // eslint-disable-line no-eval
-        return $XPath(null, locator).filter(el => (el.value || '').indexOf(value) !== -1).length > 0;
-      };
-      waiter = context.waitForFunction(valueFn, [locator.value, $XPath.toString(), value], { timeout: waitTimeout });
-    }
-    return waiter.catch((err) => {
-      const loc = locator.toString();
-      throw new Error(`element (${loc}) is not in DOM or there is no element(${loc}) with value "${value}" after ${waitTimeout / 1000} sec\n${err.message}`);
-    });
-  }
-
-  /**
-   * Waits for a specified number of elements on the page.
-   * 
-   * ```js
-   * I.waitNumberOfVisibleElements('a', 3);
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} num number of elements.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async waitNumberOfVisibleElements(locator, num, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    locator = new Locator(locator, 'css');
-    await this.context;
-    let waiter;
-    const context = await this._getContext();
-    if (locator.isCSS()) {
-      const visibleFn = function ([locator, num]) {
-        const els = document.querySelectorAll(locator);
-        if (!els || els.length === 0) {
-          return false;
-        }
-        return Array.prototype.filter.call(els, el => el.offsetParent !== null).length === num;
-      };
-      waiter = context.waitForFunction(visibleFn, [locator.value, num], { timeout: waitTimeout });
-    } else {
-      const visibleFn = function ([locator, $XPath, num]) {
-        eval($XPath); // eslint-disable-line no-eval
-        return $XPath(null, locator).filter(el => el.offsetParent !== null).length === num;
-      };
-      waiter = context.waitForFunction(visibleFn, [locator.value, $XPath.toString(), num], { timeout: waitTimeout });
-    }
-    return waiter.catch((err) => {
-      throw new Error(`The number of elements (${locator.toString()}) is not ${num} after ${waitTimeout / 1000} sec\n${err.message}`);
-    });
-  }
-
-  /**
-   * Waits for element to be clickable (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForClickable('.btn.continue');
-   * I.waitForClickable('.btn.continue', 5); // wait for 5 secs
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForClickable(locator, waitTimeout) {
-    console.log('I.waitForClickable is DEPRECATED: This is no longer needed, Playwright automatically waits for element to be clickable');
-    console.log('Remove usage of this function');
-  }
-
-  /**
-   * Waits for element to be present on page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForElement('.btn.continue');
-   * I.waitForElement('.btn.continue', 5); // wait for 5 secs
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async waitForElement(locator, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    locator = new Locator(locator, 'css');
-
-    const context = await this._getContext();
-    try {
-      await context.locator(buildLocatorString(locator)).first().waitFor({ timeout: waitTimeout, state: 'attached' });
-    } catch (e) {
-      throw new Error(`element (${locator.toString()}) still not present on page after ${waitTimeout / 1000} sec\n${e.message}`);
-    }
-  }
-
-  /**
-   * This method accepts [React selectors](https://codecept.io/react).
-   *
-   * Waits for an element to become visible on a page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForVisible('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForVisible(locator, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    locator = new Locator(locator, 'css');
-    const context = await this._getContext();
-    let count = 0;
-
-    // we have this as https://github.com/microsoft/playwright/issues/26829 is not yet implemented
-    let waiter;
-    if (this.frame) {
-      do {
-        waiter = await this.frame.locator(buildLocatorString(locator)).first().isVisible();
-        await this.wait(1);
-        count += 1000;
-        if (waiter) break;
-      } while (count <= waitTimeout);
-
-      if (!waiter) throw new Error(`element (${locator.toString()}) still not visible after ${waitTimeout / 1000} sec.`);
-    }
-
-    try {
-      await context.locator(buildLocatorString(locator)).first().waitFor({ timeout: waitTimeout, state: 'visible' });
-    } catch (e) {
-      throw new Error(`element (${locator.toString()}) still not visible after ${waitTimeout / 1000} sec\n${e.message}`);
-    }
-  }
-
-  /**
-   * Waits for an element to be removed or become invisible on a page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForInvisible('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForInvisible(locator, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    locator = new Locator(locator, 'css');
-    const context = await this._getContext();
-    let waiter;
-    let count = 0;
-
-    // we have this as https://github.com/microsoft/playwright/issues/26829 is not yet implemented
-    if (this.frame) {
-      do {
-        waiter = await this.frame.locator(buildLocatorString(locator)).first().isHidden();
-        await this.wait(1);
-        count += 1000;
-        if (waiter) break;
-      } while (count <= waitTimeout);
-
-      if (!waiter) throw new Error(`element (${locator.toString()}) still visible after ${waitTimeout / 1000} sec.`);
-      return;
-    }
-
-    try {
-      await context.locator(buildLocatorString(locator)).first().waitFor({ timeout: waitTimeout, state: 'hidden' });
-    } catch (e) {
-      throw new Error(`element (${locator.toString()}) still visible after ${waitTimeout / 1000} sec\n${e.message}`);
-    }
-  }
-
-  /**
-   * Waits for an element to hide (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitToHide('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitToHide(locator, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    locator = new Locator(locator, 'css');
-    const context = await this._getContext();
-    let waiter;
-    let count = 0;
-
-    // we have this as https://github.com/microsoft/playwright/issues/26829 is not yet implemented
-    if (this.frame) {
-      do {
-        waiter = await this.frame.locator(buildLocatorString(locator)).first().isHidden();
-        await this.wait(1);
-        count += 1000;
-        if (waiter) break;
-      } while (count <= waitTimeout);
-
-      if (!waiter) throw new Error(`element (${locator.toString()}) still not hidden after ${waitTimeout / 1000} sec.`);
-      return;
-    }
-
-    return context.locator(buildLocatorString(locator)).first().waitFor({ timeout: waitTimeout, state: 'hidden' }).catch((err) => {
-      throw new Error(`element (${locator.toString()}) still not hidden after ${waitTimeout / 1000} sec\n${err.message}`);
-    });
-  }
-
-  /**
-   * Waits for number of tabs.
-   * 
-   * ```js
-   * I.waitForNumberOfTabs(2);
-   * ```
-   * 
-   * @param {number} expectedTabs expecting the number of tabs.
-   * @param {number} sec number of secs to wait.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForNumberOfTabs(expectedTabs, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    let currentTabs;
-    let count = 0;
-
-    do {
-      currentTabs = await this.grabNumberOfOpenTabs();
-      await this.wait(1);
-      count += 1000;
-      if (currentTabs >= expectedTabs) return;
-    } while (count <= waitTimeout);
-
-    throw new Error(`Expected ${expectedTabs} tabs are not met after ${waitTimeout / 1000} sec.`);
-  }
-
-  async _getContext() {
-    if (this.context && this.context.constructor.name === 'FrameLocator') {
-      return this.context;
-    }
-    return this.page;
-  }
-
-  /**
-   * Waiting for the part of the URL to match the expected. Useful for SPA to understand that page was changed.
-   * 
-   * ```js
-   * I.waitInUrl('/info', 2);
-   * ```
-   * 
-   * @param {string} urlPart value to check.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitInUrl(urlPart, sec = null) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-
-    return this.page.waitForFunction((urlPart) => {
-      const currUrl = decodeURIComponent(decodeURIComponent(decodeURIComponent(window.location.href)));
-      return currUrl.indexOf(urlPart) > -1;
-    }, urlPart, { timeout: waitTimeout }).catch(async (e) => {
-      const currUrl = await this._getPageUrl(); // Required because the waitForFunction can't return data.
-      if (/Timeout/i.test(e.message)) {
-        throw new Error(`expected url to include ${urlPart}, but found ${currUrl}`);
-      } else {
-        throw e;
-      }
-    });
-  }
-
-  /**
-   * Waits for the entire URL to match the expected
-   * 
-   * ```js
-   * I.waitUrlEquals('/info', 2);
-   * I.waitUrlEquals('http://127.0.0.1:8000/info');
-   * ```
-   * 
-   * @param {string} urlPart value to check.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitUrlEquals(urlPart, sec = null) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-
-    const baseUrl = this.options.url;
-    if (urlPart.indexOf('http') < 0) {
-      urlPart = baseUrl + urlPart;
-    }
-
-    return this.page.waitForFunction((urlPart) => {
-      const currUrl = decodeURIComponent(decodeURIComponent(decodeURIComponent(window.location.href)));
-      return currUrl.indexOf(urlPart) > -1;
-    }, urlPart, { timeout: waitTimeout }).catch(async (e) => {
-      const currUrl = await this._getPageUrl(); // Required because the waitForFunction can't return data.
-      if (/Timeout/i.test(e.message)) {
-        throw new Error(`expected url to be ${urlPart}, but found ${currUrl}`);
-      } else {
-        throw e;
-      }
-    });
-  }
-
-  /**
-   * Waits for a text to appear (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * Narrow down search results by providing context.
-   * 
-   * ```js
-   * I.waitForText('Thank you, form has been submitted');
-   * I.waitForText('Thank you, form has been submitted', 5, '#modal');
-   * ```
-   * 
-   * @param {string }text to wait for.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @param {string | object} [context] (optional) element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForText(text, sec = null, context = null) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    const errorMessage = `Text "${text}" was not found on page after ${waitTimeout / 1000} sec.`;
-    let waiter;
-
-    const contextObject = await this._getContext();
-
-    if (context) {
-      const locator = new Locator(context, 'css');
-      if (!locator.isXPath()) {
-        try {
-          await contextObject.locator(`${locator.isCustom() ? `${locator.type}=${locator.value}` : locator.simplify()} >> text=${text}`).first().waitFor({ timeout: waitTimeout, state: 'visible' });
-        } catch (e) {
-          throw new Error(`${errorMessage}\n${e.message}`);
-        }
-      }
-
-      if (locator.isXPath()) {
-        try {
-          await contextObject.waitForFunction(([locator, text, $XPath]) => {
-            eval($XPath); // eslint-disable-line no-eval
-            const el = $XPath(null, locator);
-            if (!el.length) return false;
-            return el[0].innerText.indexOf(text) > -1;
-          }, [locator.value, text, $XPath.toString()], { timeout: waitTimeout });
-        } catch (e) {
-          throw new Error(`${errorMessage}\n${e.message}`);
-        }
-      }
-    } else {
-      // we have this as https://github.com/microsoft/playwright/issues/26829 is not yet implemented
-      // eslint-disable-next-line no-lonely-if
-      const _contextObject = this.frame ? this.frame : contextObject;
-      let count = 0;
-      do {
-        waiter = await _contextObject.locator(`:has-text("${text}")`).first().isVisible();
-        if (waiter) break;
-        await this.wait(1);
-        count += 1000;
-      } while (count <= waitTimeout);
-
-      if (!waiter) throw new Error(`${errorMessage}`);
-    }
-  }
-
-  /**
-   * Waits for a network request.
-   *
-   * ```js
-   * I.waitForRequest('http://example.com/resource');
-   * I.waitForRequest(request => request.url() === 'http://example.com' && request.method() === 'GET');
-   * ```
-   *
-   * @param {string|function} urlOrPredicate
-   * @param {?number} [sec=null] seconds to wait
-   */
-  async waitForRequest(urlOrPredicate, sec = null) {
-    const timeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    return this.page.waitForRequest(urlOrPredicate, { timeout });
-  }
-
-  /**
-   * Waits for a network response.
-   *
-   * ```js
-   * I.waitForResponse('http://example.com/resource');
-   * I.waitForResponse(response => response.url() === 'https://example.com' && response.status() === 200);
-   * ```
-   *
-   * @param {string|function} urlOrPredicate
-   * @param {?number} [sec=null] number of seconds to wait
-   */
-  async waitForResponse(urlOrPredicate, sec = null) {
-    const timeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    return this.page.waitForResponse(urlOrPredicate, { timeout });
-  }
-
-  /**
-   * Switches frame or in case of null locator reverts to parent.
-   * 
-   * ```js
-   * I.switchTo('iframe'); // switch to first iframe
-   * I.switchTo(); // switch back to main page
-   * ```
-   * 
-   * @param {?string | object} [locator=null] (optional, `null` by default) element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async switchTo(locator) {
-    if (Number.isInteger(locator)) {
-      // Select by frame index of current context
-
-      let childFrames = null;
-      if (this.context && typeof this.context.childFrames === 'function') {
-        childFrames = this.context.childFrames();
-      } else {
-        childFrames = this.page.mainFrame().childFrames();
-      }
-
-      if (locator >= 0 && locator < childFrames.length) {
-        this.context = await this.page.frameLocator('iframe').nth(locator);
-        this.contextLocator = locator;
-      } else {
-        throw new Error('Element #invalidIframeSelector was not found by text|CSS|XPath');
-      }
-      return;
-    }
-
-    if (!locator) {
-      this.context = this.page;
-      this.contextLocator = null;
-      this.frame = null;
-      return;
-    }
-
-    // iframe by selector
-    locator = buildLocatorString(new Locator(locator, 'css'));
-    const frame = await this._locateElement(locator);
-
-    if (!frame) {
-      throw new Error(`Frame ${JSON.stringify(locator)} was not found by text|CSS|XPath`);
-    }
-
-    if (this.frame) {
-      this.frame = await this.frame.frameLocator(locator);
-    } else {
-      this.frame = await this.page.frameLocator(locator);
-    }
-
-    const contentFrame = this.frame;
-
-    if (contentFrame) {
-      this.context = contentFrame;
-      this.contextLocator = null;
-    } else {
-      this.context = this.page.frame(this.page.frames()[1].name());
-      this.contextLocator = locator;
-    }
-  }
-
-  /**
-   * Waits for a function to return true (waits for 1 sec by default).
-   * Running in browser context.
-   * 
-   * ```js
-   * I.waitForFunction(fn[, [args[, timeout]])
-   * ```
-   * 
-   * ```js
-   * I.waitForFunction(() => window.requests == 0);
-   * I.waitForFunction(() => window.requests == 0, 5); // waits for 5 sec
-   * I.waitForFunction((count) => window.requests == count, [3], 5) // pass args and wait for 5 sec
-   * ```
-   * 
-   * @param {string|function} fn to be executed in browser context.
-   * @param {any[]|number} [argsOrSec] (optional, `1` by default) arguments for function or seconds.
-   * @param {number} [sec] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForFunction(fn, argsOrSec = null, sec = null) {
-    let args = [];
-    if (argsOrSec) {
-      if (Array.isArray(argsOrSec)) {
-        args = argsOrSec;
-      } else if (typeof argsOrSec === 'number') {
-        sec = argsOrSec;
-      }
-    }
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    const context = await this._getContext();
-    return context.waitForFunction(fn, args, { timeout: waitTimeout });
-  }
-
-  /**
-   * Waits for navigation to finish. By default, it takes configured `waitForNavigation` option.
-   *
-   * See [Playwright's reference](https://playwright.dev/docs/api/class-page?_highlight=waitfornavi#pagewaitfornavigationoptions)
-   *
-   * @param {*} options
-   */
-  async waitForNavigation(options = {}) {
-    console.log(`waitForNavigation deprecated:
-    * This method is inherently racy, please use 'waitForURL' instead.`);
-    options = {
-      timeout: this.options.getPageTimeout,
-      waitUntil: this.options.waitForNavigation,
-      ...options,
-    };
-    return this.page.waitForNavigation(options);
-  }
-
-  /**
-   * Waits for page navigates to a new URL or reloads. By default, it takes configured `waitForNavigation` option.
-   *
-   * See [Playwright's reference](https://playwright.dev/docs/api/class-page#page-wait-for-url)
-   *
-   * @param {string|RegExp} url - A glob pattern, regex pattern or predicate receiving URL to match while waiting for the navigation. Note that if the parameter is a string without wildcard characters, the method will wait for navigation to URL that is exactly equal to the string.
-   * @param {*} options
-   */
-  async waitForURL(url, options = {}) {
-    options = {
-      timeout: this.options.getPageTimeout,
-      waitUntil: this.options.waitForNavigation,
-      ...options,
-    };
-    return this.page.waitForURL(url, options);
-  }
-
-  async waitUntilExists(locator, sec) {
-    console.log(`waitUntilExists deprecated:
-    * use 'waitForElement' to wait for element to be attached
-    * use 'waitForDetached to wait for element to be removed'`);
-    return this.waitForDetached(locator, sec);
-  }
-
-  /**
-   * Waits for an element to become not attached to the DOM on a page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForDetached('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForDetached(locator, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    locator = new Locator(locator, 'css');
-
-    let waiter;
-    const context = await this._getContext();
-    if (!locator.isXPath()) {
-      try {
-        await context.locator(`${locator.isCustom() ? `${locator.type}=${locator.value}` : locator.simplify()}`).first().waitFor({ timeout: waitTimeout, state: 'detached' });
-      } catch (e) {
-        throw new Error(`element (${locator.toString()}) still on page after ${waitTimeout / 1000} sec\n${e.message}`);
-      }
-    } else {
-      const visibleFn = function ([locator, $XPath]) {
-        eval($XPath); // eslint-disable-line no-eval
-        return $XPath(null, locator).length === 0;
-      };
-      waiter = context.waitForFunction(visibleFn, [locator.value, $XPath.toString()], { timeout: waitTimeout });
-      return waiter.catch((err) => {
-        throw new Error(`element (${locator.toString()}) still on page after ${waitTimeout / 1000} sec\n${err.message}`);
-      });
-    }
-  }
-
-  /**
-   * Waits for the specified cookie in the cookies.
-   * 
-   * ```js
-   * I.waitForCookie("token");
-   * ```
-   * 
-   * @param {string} name expected cookie name.
-   * @param {number} [sec=3] (optional, `3` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForCookie(name, sec) {
-    // by default, we will retry 3 times
-    let retries = 3;
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-
-    if (sec) {
-      retries = sec;
-    } else {
-      retries = Math.ceil(waitTimeout / 1000) - 1;
-    }
-
-    return promiseRetry(async (retry, number) => {
-      const _grabCookie = async (name) => {
-        const cookies = await this.browserContext.cookies();
-        const cookie = cookies.filter(c => c.name === name);
-        if (cookie.length === 0) throw Error(`Cookie ${name} is not found after ${retries}s`);
-      };
-
-      this.debugSection('Wait for cookie: ', name);
-      if (number > 1) this.debugSection('Retrying... Attempt #', number);
-
-      try {
-        await _grabCookie(name);
-      } catch (e) {
-        retry(e);
-      }
-    }, { retries, maxTimeout: 1000 });
-  }
-
-  async _waitForAction() {
-    return this.wait(this.options.waitForAction / 1000);
-  }
-
-  /**
-   * Grab the data from performance timing using Navigation Timing API.
-   * The returned data will contain following things in ms:
-   * - responseEnd,
-   * - domInteractive,
-   * - domContentLoadedEventEnd,
-   * - loadEventEnd
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * 
-   * ```js
-   * await I.amOnPage('https://example.com');
-   * let data = await I.grabDataFromPerformanceTiming();
-   * //Returned data
-   * { // all results are in [ms]
-   *   responseEnd: 23,
-   *   domInteractive: 44,
-   *   domContentLoadedEventEnd: 196,
-   *   loadEventEnd: 241
-   * }
-   * ```
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async grabDataFromPerformanceTiming() {
-    return perfTiming;
-  }
-
-  /**
-   * Grab the width, height, location of given locator.
-   * Provide `width` or `height`as second param to get your desired prop.
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * 
-   * Returns an object with `x`, `y`, `width`, `height` keys.
-   * 
-   * ```js
-   * const value = await I.grabElementBoundingRect('h3');
-   * // value is like { x: 226.5, y: 89, width: 527, height: 220 }
-   * ```
-   * 
-   * To get only one metric use second parameter:
-   * 
-   * ```js
-   * const width = await I.grabElementBoundingRect('h3', 'width');
-   * // width == 527
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string=} elementSize x, y, width or height of the given element.
-   * @returns {Promise<DOMRect>|Promise<number>} Element bounding rectangle
-   * 
-   */
-  async grabElementBoundingRect(locator, prop) {
-    const el = await this._locateElement(locator);
-    assertElementExists(el, locator);
-    const rect = await el.boundingBox();
-    if (prop) return rect[prop];
-    return rect;
-  }
-
-  /**
-   * Mocks network request using [`browserContext.route`](https://playwright.dev/docs/api/class-browsercontext#browser-context-route) of Playwright
-   *
-   * ```js
-   * I.mockRoute(/(\.png$)|(\.jpg$)/, route => route.abort());
-   * ```
-   * This method allows intercepting and mocking requests & responses. [Learn more about it](https://playwright.dev/docs/network#handle-requests)
-   *
-   * @param {string|RegExp} [url] URL, regex or pattern for to match URL
-   * @param {function} [handler] a function to process reques
-   */
-  async mockRoute(url, handler) {
-    return this.browserContext.route(...arguments);
-  }
-
-  /**
-   * Stops network mocking created by `mockRoute`.
-   *
-   * ```js
-   * I.stopMockingRoute(/(\.png$)|(\.jpg$)/);
-   * I.stopMockingRoute(/(\.png$)|(\.jpg$)/, previouslySetHandler);
-   * ```
-   * If no handler is passed, all mock requests for the rote are disabled.
-   *
-   * @param {string|RegExp} [url] URL, regex or pattern for to match URL
-   * @param {function} [handler] a function to process reques
-   */
-  async stopMockingRoute(url, handler) {
-    return this.browserContext.unroute(...arguments);
-  }
-
-  /**
-   * Resets all recorded network requests.
-   * 
-   * ```js
-   * I.flushNetworkTraffics();
-   * ```
-   * 
-   *
-   */
-  startRecordingTraffic() {
-    this.flushNetworkTraffics();
-    this.recording = true;
-    this.recordedAtLeastOnce = true;
-
-    this.page.on('requestfinished', async (request) => {
-      const information = {
-        url: request.url(),
-        method: request.method(),
-        requestHeaders: request.headers(),
-        requestPostData: request.postData(),
-        response: request.response(),
-      };
-
-      this.debugSection('REQUEST: ', JSON.stringify(information));
-
-      if (typeof information.requestPostData === 'object') {
-        information.requestPostData = JSON.parse(information.requestPostData);
-      }
-
-      this.requests.push(information);
-    });
-  }
-
-  /**
-   * Grab the recording network traffics
-   * 
-   * ```js
-   * const traffics = await I.grabRecordedNetworkTraffics();
-   * expect(traffics[0].url).to.equal('https://reqres.in/api/comments/1');
-   * expect(traffics[0].response.status).to.equal(200);
-   * expect(traffics[0].response.body).to.contain({ name: 'this was mocked' });
-   * ```
-   * 
-   * @return { Array } recorded network traffics
-   * 
-   */
-  async grabRecordedNetworkTraffics() {
-    if (!this.recording || !this.recordedAtLeastOnce) {
-      throw new Error('Failure in test automation. You use "I.grabRecordedNetworkTraffics", but "I.startRecordingTraffic" was never called before.');
-    }
-
-    const promises = this.requests.map(async (request) => {
-      const resp = await request.response;
-      let body;
-      try {
-        // There's no 'body' for some requests (redirect etc...)
-        body = JSON.parse((await resp.body()).toString());
-      } catch (e) {
-        // only interested in JSON, not HTML responses.
-      }
-
-      return {
-        url: resp.url(),
-        response: {
-          status: resp.status(),
-          statusText: resp.statusText(),
-          body,
-        },
-      };
-    });
-
-    return Promise.all(promises);
-  }
-
-  /**
-   * Blocks traffic of a given URL or a list of URLs.
-   *
-   * Examples:
-   *
-   * ```js
-   * I.blockTraffic('http://example.com/css/style.css');
-   * I.blockTraffic('http://example.com/css/*.css');
-   * I.blockTraffic('http://example.com/**');
-   * I.blockTraffic(/\.css$/);
-   * ```
-   *
-   * ```js
-   * I.blockTraffic(['http://example.com/css/style.css', 'http://example.com/css/*.css']);
-   * ```
-   *
-   * @param {string|Array|RegExp} urls URL or a list of URLs to block . URL can contain * for wildcards. Example: https://www.example.com** to block all traffic for that domain. Regexp are also supported.
-   */
-  blockTraffic(urls) {
-    if (Array.isArray(urls)) {
-      urls.forEach(url => {
-        this.page.route(url, (route) => {
-          route
-            .abort()
-            // Sometimes it happens that browser has been closed in the meantime. It is ok to ignore error then.
-            .catch((e) => {});
-        });
-      });
-    } else {
-      this.page.route(urls, (route) => {
-        route
-          .abort()
-          // Sometimes it happens that browser has been closed in the meantime. It is ok to ignore error then.
-          .catch((e) => {});
-      });
-    }
-  }
-
-  /**
-   * Mocks traffic for URL(s).
-   * This is a powerful feature to manipulate network traffic. Can be used e.g. to stabilize your tests, speed up your tests or as a last resort to make some test scenarios even possible.
-   *
-   * Examples:
-   *
-   * ```js
-   * I.mockTraffic('/api/users/1', '{ id: 1, name: 'John Doe' }');
-   * I.mockTraffic('/api/users/*', JSON.stringify({ id: 1, name: 'John Doe' }));
-   * I.mockTraffic([/^https://api.example.com/v1/, 'https://api.example.com/v2/**'], 'Internal Server Error', 'text/html');
-   * ```
-   *
-   * @param urls string|Array These are the URL(s) to mock, e.g. "/fooapi/*" or "['/fooapi_1/*', '/barapi_2/*']". Regular expressions are also supported.
-   * @param responseString string The string to return in fake response's body.
-   * @param contentType Content type of fake response. If not specified default value 'application/json' is used.
-   */
-  mockTraffic(urls, responseString, contentType = 'application/json') {
-    // Required to mock cross-domain requests
-    const headers = { 'access-control-allow-origin': '*' };
-
-    if (typeof urls === 'string') {
-      urls = [urls];
-    }
-
-    urls.forEach((url) => {
-      this.page.route(url, (route) => {
-        if (this.page.isClosed()) {
-          // Sometimes it happens that browser has been closed in the meantime.
-          // In this case we just don't fulfill to prevent error in test scenario.
-          return;
-        }
-        route.fulfill({
-          contentType,
-          headers,
-          body: responseString,
-        });
-      });
-    });
-  }
-
-  /**
-   * Resets all recorded network requests.
-   * 
-   * ```js
-   * I.flushNetworkTraffics();
-   * ```
-   * 
-   */
-  flushNetworkTraffics() {
-    this.requests = [];
-  }
-
-  /**
-   * Stops recording of network traffic. Recorded traffic is not flashed.
-   * 
-   * ```js
-   * I.stopRecordingTraffic();
-   * ```
-   * 
-   */
-  stopRecordingTraffic() {
-    this.page.removeAllListeners('request');
-    this.recording = false;
-  }
-
-  /**
-   * Verifies that a certain request is part of network traffic.
-   * 
-   * ```js
-   * // checking the request url contains certain query strings
-   * I.amOnPage('https://openai.com/blog/chatgpt');
-   * I.startRecordingTraffic();
-   * await I.seeTraffic({
-   *     name: 'sentry event',
-   *     url: 'https://images.openai.com/blob/cf717bdb-0c8c-428a-b82b-3c3add87a600',
-   *     parameters: {
-   *     width: '1919',
-   *     height: '1138',
-   *     },
-   *   });
-   * ```
-   * 
-   * ```js
-   * // checking the request url contains certain post data
-   * I.amOnPage('https://openai.com/blog/chatgpt');
-   * I.startRecordingTraffic();
-   * await I.seeTraffic({
-   *     name: 'event',
-   *     url: 'https://cloudflareinsights.com/cdn-cgi/rum',
-   *     requestPostData: {
-   *     st: 2,
-   *     },
-   *   });
-   * ```
-   * 
-   * @param {Object} opts - options when checking the traffic network.
-   * @param {string} opts.name A name of that request. Can be any value. Only relevant to have a more meaningful error message in case of fail.
-   * @param {string} opts.url Expected URL of request in network traffic
-   * @param {Object} [opts.parameters] Expected parameters of that request in network traffic
-   * @param {Object} [opts.requestPostData] Expected that request contains post data in network traffic
-   * @param {number} [opts.timeout] Timeout to wait for request in seconds. Default is 10 seconds.
-   * @return {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeTraffic({
-    name, url, parameters, requestPostData, timeout = 10,
-  }) {
-    if (!name) {
-      throw new Error('Missing required key "name" in object given to "I.seeTraffic".');
-    }
-
-    if (!url) {
-      throw new Error('Missing required key "url" in object given to "I.seeTraffic".');
-    }
-
-    if (!this.recording || !this.recordedAtLeastOnce) {
-      throw new Error('Failure in test automation. You use "I.seeTraffic", but "I.startRecordingTraffic" was never called before.');
-    }
-
-    for (let i = 0; i <= timeout * 2; i++) {
-      const found = this._isInTraffic(url, parameters);
-      if (found) {
-        return true;
-      }
-      await new Promise((done) => {
-        setTimeout(done, 1000);
-      });
-    }
-
-    // check request post data
-    if (requestPostData && this._isInTraffic(url)) {
-      const advancedTestResults = createAdvancedTestResults(url, requestPostData, this.requests);
-
-      assert.equal(advancedTestResults, true, `Traffic named "${name}" found correct URL ${url}, BUT the post data did not match:\n ${advancedTestResults}`);
-    } else if (parameters && this._isInTraffic(url)) {
-      const advancedTestResults = createAdvancedTestResults(url, parameters, this.requests);
-
-      assert.fail(
-        `Traffic named "${name}" found correct URL ${url}, BUT the query parameters did not match:\n`
-        + `${advancedTestResults}`,
-      );
-    } else {
-      assert.fail(
-        `Traffic named "${name}" not found in recorded traffic within ${timeout} seconds.\n`
-        + `Expected url: ${url}.\n`
-        + `Recorded traffic:\n${this._getTrafficDump()}`,
-      );
-    }
-  }
-
-  /**
-   * Returns full URL of request matching parameter "urlMatch".
-   *
-   * @param {string|RegExp} urlMatch Expected URL of request in network traffic. Can be a string or a regular expression.
-   *
-   * Examples:
-   *
-   * ```js
-   * I.grabTrafficUrl('https://api.example.com/session');
-   * I.grabTrafficUrl(/session.*start/);
-   * ```
-   *
-   * @return {Promise<*>}
-   */
-  grabTrafficUrl(urlMatch) {
-    if (!this.recordedAtLeastOnce) {
-      throw new Error('Failure in test automation. You use "I.grabTrafficUrl", but "I.startRecordingTraffic" was never called before.');
-    }
-
-    for (const i in this.requests) {
-      // eslint-disable-next-line no-prototype-builtins
-      if (this.requests.hasOwnProperty(i)) {
-        const request = this.requests[i];
-
-        if (request.url && request.url.match(new RegExp(urlMatch))) {
-          return request.url;
-        }
-      }
-    }
-
-    assert.fail(`Method "getTrafficUrl" failed: No request found in traffic that matches ${urlMatch}`);
-  }
-
-  /**
-   * Verifies that a certain request is not part of network traffic.
-   * 
-   * Examples:
-   * 
-   * ```js
-   * I.dontSeeTraffic({ name: 'Unexpected API Call', url: 'https://api.example.com' });
-   * I.dontSeeTraffic({ name: 'Unexpected API Call of "user" endpoint', url: /api.example.com.*user/ });
-   * ```
-   * 
-   * @param {Object} opts - options when checking the traffic network.
-   * @param {string} opts.name A name of that request. Can be any value. Only relevant to have a more meaningful error message in case of fail.
-   * @param {string|RegExp} opts.url Expected URL of request in network traffic. Can be a string or a regular expression.
-   * @return {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  dontSeeTraffic({ name, url }) {
-    if (!this.recordedAtLeastOnce) {
-      throw new Error('Failure in test automation. You use "I.dontSeeTraffic", but "I.startRecordingTraffic" was never called before.');
-    }
-
-    if (!name) {
-      throw new Error('Missing required key "name" in object given to "I.dontSeeTraffic".');
-    }
-
-    if (!url) {
-      throw new Error('Missing required key "url" in object given to "I.dontSeeTraffic".');
-    }
-
-    if (this._isInTraffic(url)) {
-      assert.fail(`Traffic with name "${name}" (URL: "${url}') found, but was not expected to be found.`);
-    }
-  }
-
-  /**
-   * Checks if URL with parameters is part of network traffic. Returns true or false. Internal method for this helper.
-   *
-   * @param url URL to look for.
-   * @param [parameters] Parameters that this URL needs to contain
-   * @return {boolean} Whether or not URL with parameters is part of network traffic.
-   * @private
-   */
-  _isInTraffic(url, parameters) {
-    let isInTraffic = false;
-    this.requests.forEach((request) => {
-      if (isInTraffic) {
-        return; // We already found traffic. Continue with next request
-      }
-
-      if (!request.url.match(new RegExp(url))) {
-        return; // url not found in this request. continue with next request
-      }
-
-      // URL has matched. Now we check the parameters
-
-      if (parameters) {
-        const advancedReport = allParameterValuePairsMatchExtreme(extractQueryObjects(request.url), parameters);
-        if (advancedReport === true) {
-          isInTraffic = true;
-        }
-      } else {
-        isInTraffic = true;
-      }
-    });
-
-    return isInTraffic;
-  }
-
-  /**
-   * Returns all URLs of all network requests recorded so far during execution of test scenario.
-   *
-   * @return {string} List of URLs recorded as a string, separated by new lines after each URL
-   * @private
-   */
-  _getTrafficDump() {
-    let dumpedTraffic = '';
-    this.requests.forEach((request) => {
-      dumpedTraffic += `${request.method} - ${request.url}\n`;
-    });
-    return dumpedTraffic;
-  }
-
-  /**
-   * Starts recording of websocket messages.
-   * This also resets recorded websocket messages.
-   *
-   * ```js
-   * await I.startRecordingWebSocketMessages();
-   * ```
-   *
-   */
-  async startRecordingWebSocketMessages() {
-    this.flushWebSocketMessages();
-    this.recordingWebSocketMessages = true;
-    this.recordedWebSocketMessagesAtLeastOnce = true;
-
-    this.cdpSession = await this.getNewCDPSession();
-    await this.cdpSession.send('Network.enable');
-    await this.cdpSession.send('Page.enable');
-
-    this.cdpSession.on(
-      'Network.webSocketFrameReceived',
-      (payload) => {
-        this._logWebsocketMessages(this._getWebSocketLog('RECEIVED', payload));
-      },
-    );
-
-    this.cdpSession.on(
-      'Network.webSocketFrameSent',
-      (payload) => {
-        this._logWebsocketMessages(this._getWebSocketLog('SENT', payload));
-      },
-    );
-
-    this.cdpSession.on(
-      'Network.webSocketFrameError',
-      (payload) => {
-        this._logWebsocketMessages(this._getWebSocketLog('ERROR', payload));
-      },
-    );
-  }
-
-  /**
-   * Stops recording WS messages. Recorded WS messages is not flashed.
-   *
-   * ```js
-   * await I.stopRecordingWebSocketMessages();
-   * ```
-   */
-  async stopRecordingWebSocketMessages() {
-    await this.cdpSession.send('Network.disable');
-    await this.cdpSession.send('Page.disable');
-    this.page.removeAllListeners('Network');
-    this.recordingWebSocketMessages = false;
-  }
-
-  /**
-   *  Grab the recording WS messages
-   *
-   * @return { Array<any> }
-   *
-   */
-  grabWebSocketMessages() {
-    if (!this.recordingWebSocketMessages) {
-      if (!this.recordedWebSocketMessagesAtLeastOnce) {
-        throw new Error('Failure in test automation. You use "I.grabWebSocketMessages", but "I.startRecordingWebSocketMessages" was never called before.');
-      }
-    }
-    return this.webSocketMessages;
-  }
-
-  /**
-   * Resets all recorded WS messages.
-   */
-  flushWebSocketMessages() {
-    this.webSocketMessages = [];
-  }
-
-  /**
-   * Return a performance metric from the chrome cdp session.
-   * Note: Chrome-only
-   *
-   * Examples:
-   *
-   * ```js
-   * const metrics = await I.grabMetrics();
-   *
-   * // returned metrics
-   *
-   * [
-   *   { name: 'Timestamp', value: 1584904.203473 },
-   *   { name: 'AudioHandlers', value: 0 },
-   *   { name: 'AudioWorkletProcessors', value: 0 },
-   *   { name: 'Documents', value: 22 },
-   *   { name: 'Frames', value: 10 },
-   *   { name: 'JSEventListeners', value: 366 },
-   *   { name: 'LayoutObjects', value: 1240 },
-   *   { name: 'MediaKeySessions', value: 0 },
-   *   { name: 'MediaKeys', value: 0 },
-   *   { name: 'Nodes', value: 4505 },
-   *   { name: 'Resources', value: 141 },
-   *   { name: 'ContextLifecycleStateObservers', value: 34 },
-   *   { name: 'V8PerContextDatas', value: 4 },
-   *   { name: 'WorkerGlobalScopes', value: 0 },
-   *   { name: 'UACSSResources', value: 0 },
-   *   { name: 'RTCPeerConnections', value: 0 },
-   *   { name: 'ResourceFetchers', value: 22 },
-   *   { name: 'AdSubframes', value: 0 },
-   *   { name: 'DetachedScriptStates', value: 2 },
-   *   { name: 'ArrayBufferContents', value: 1 },
-   *   { name: 'LayoutCount', value: 0 },
-   *   { name: 'RecalcStyleCount', value: 0 },
-   *   { name: 'LayoutDuration', value: 0 },
-   *   { name: 'RecalcStyleDuration', value: 0 },
-   *   { name: 'DevToolsCommandDuration', value: 0.000013 },
-   *   { name: 'ScriptDuration', value: 0 },
-   *   { name: 'V8CompileDuration', value: 0 },
-   *   { name: 'TaskDuration', value: 0.000014 },
-   *   { name: 'TaskOtherDuration', value: 0.000001 },
-   *   { name: 'ThreadTime', value: 0.000046 },
-   *   { name: 'ProcessTime', value: 0.616852 },
-   *   { name: 'JSHeapUsedSize', value: 19004908 },
-   *   { name: 'JSHeapTotalSize', value: 26820608 },
-   *   { name: 'FirstMeaningfulPaint', value: 0 },
-   *   { name: 'DomContentLoaded', value: 1584903.690491 },
-   *   { name: 'NavigationStart', value: 1584902.841845 }
-   * ]
-   *
-   * ```
-   *
-   * @return {Promise<Array<Object>>}
-   */
-  async grabMetrics() {
-    const client = await this.page.context().newCDPSession(this.page);
-    await client.send('Performance.enable');
-    const perfMetricObject = await client.send('Performance.getMetrics');
-    return perfMetricObject?.metrics;
-  }
-
-  _getWebSocketMessage(payload) {
-    if (payload.errorMessage) {
-      return payload.errorMessage;
-    }
-
-    return payload.response.payloadData;
-  }
-
-  _getWebSocketLog(prefix, payload) {
-    return `${prefix} ID: ${payload.requestId} TIMESTAMP: ${payload.timestamp} (${new Date().toISOString()})\n\n${this._getWebSocketMessage(payload)}\n\n`;
-  }
-
-  async getNewCDPSession() {
-    return this.page.context().newCDPSession(this.page);
-  }
-
-  _logWebsocketMessages(message) {
-    this.webSocketMessages += message;
-  }
-}
-
-module.exports = Playwright;
-
-function buildLocatorString(locator) {
-  if (locator.isCustom()) {
-    return `${locator.type}=${locator.value}`;
-  } if (locator.isXPath()) {
-    return `xpath=${locator.value}`;
-  }
-  return locator.simplify();
-}
-
-async function findElements(matcher, locator) {
-  if (locator.react) return findReact(matcher, locator);
-  if (locator.vue) return findVue(matcher, locator);
-  locator = new Locator(locator, 'css');
-
-  return matcher.locator(buildLocatorString(locator)).all();
-}
-
-async function findElement(matcher, locator) {
-  if (locator.react) return findReact(matcher, locator);
-  locator = new Locator(locator, 'css');
-
-  return matcher.locator(buildLocatorString(locator)).first();
-}
-
-async function getVisibleElements(elements) {
-  const visibleElements = [];
-  for (const element of elements) {
-    if (await element.isVisible()) {
-      visibleElements.push(element);
-    }
-  }
-  if (visibleElements.length === 0) {
-    return elements;
-  }
-  return visibleElements;
-}
-
-async function proceedClick(locator, context = null, options = {}) {
-  let matcher = await this._getContext();
-  if (context) {
-    const els = await this._locate(context);
-    assertElementExists(els, context);
-    matcher = els[0];
-  }
-  const els = await findClickable.call(this, matcher, locator);
-  if (context) {
-    assertElementExists(els, locator, 'Clickable element', `was not found inside element ${new Locator(context).toString()}`);
-  } else {
-    assertElementExists(els, locator, 'Clickable element');
-  }
-
-  await highlightActiveElement.call(this, els[0]);
-
-  /*
-    using the force true options itself but instead dispatching a click
-  */
-  if (options.force) {
-    await els[0].dispatchEvent('click');
-  } else {
-    const element = els.length > 1 ? (await getVisibleElements(els))[0] : els[0];
-    await element.click(options);
-  }
-  const promises = [];
-  if (options.waitForNavigation) {
-    promises.push(this.waitForURL(/.*/, { waitUntil: options.waitForNavigation }));
-  }
-  promises.push(this._waitForAction());
-
-  return Promise.all(promises);
-}
-
-async function findClickable(matcher, locator) {
-  if (locator.react) return findReact(matcher, locator);
-  if (locator.vue) return findVue(matcher, locator);
-
-  locator = new Locator(locator);
-  if (!locator.isFuzzy()) return findElements.call(this, matcher, locator);
-
-  let els;
-  const literal = xpathLocator.literal(locator.value);
-
-  els = await findElements.call(this, matcher, Locator.clickable.narrow(literal));
-  if (els.length) return els;
-
-  els = await findElements.call(this, matcher, Locator.clickable.wide(literal));
-  if (els.length) return els;
-
-  try {
-    els = await findElements.call(this, matcher, Locator.clickable.self(literal));
-    if (els.length) return els;
-  } catch (err) {
-    // Do nothing
-  }
-
-  return findElements.call(this, matcher, locator.value); // by css or xpath
-}
-
-async function proceedSee(assertType, text, context, strict = false) {
-  let description;
-  let allText;
-
-  if (!context) {
-    const el = await this.context;
-
-    allText = el.constructor.name !== 'Locator' ? [await el.locator('body').innerText()] : [await el.innerText()];
-
-    description = 'web application';
-  } else {
-    const locator = new Locator(context, 'css');
-    description = `element ${locator.toString()}`;
-    const els = await this._locate(locator);
-    assertElementExists(els, locator.toString());
-    allText = await Promise.all(els.map(el => el.innerText()));
-  }
-
-  if (strict) {
-    return allText.map(elText => equals(description)[assertType](text, elText));
-  }
-  return stringIncludes(description)[assertType](normalizeSpacesInString(text), normalizeSpacesInString(allText.join(' | ')));
-}
-
-async function findCheckable(locator, context) {
-  let contextEl = await this.context;
-  if (typeof context === 'string') {
-    contextEl = await findElements.call(this, contextEl, (new Locator(context, 'css')).simplify());
-    contextEl = contextEl[0];
-  }
-
-  const matchedLocator = new Locator(locator);
-  if (!matchedLocator.isFuzzy()) {
-    return findElements.call(this, contextEl, matchedLocator.simplify());
-  }
-
-  const literal = xpathLocator.literal(locator);
-  let els = await findElements.call(this, contextEl, Locator.checkable.byText(literal));
-  if (els.length) {
-    return els;
-  }
-  els = await findElements.call(this, contextEl, Locator.checkable.byName(literal));
-  if (els.length) {
-    return els;
-  }
-  return findElements.call(this, contextEl, locator);
-}
-
-async function proceedIsChecked(assertType, option) {
-  let els = await findCheckable.call(this, option);
-  assertElementExists(els, option, 'Checkable');
-  els = await Promise.all(els.map(el => el.isChecked()));
-  const selected = els.reduce((prev, cur) => prev || cur);
-  return truth(`checkable ${option}`, 'to be checked')[assertType](selected);
-}
-
-async function findFields(locator) {
-  const matchedLocator = new Locator(locator);
-  if (!matchedLocator.isFuzzy()) {
-    return this._locate(matchedLocator);
-  }
-  const literal = xpathLocator.literal(locator);
-
-  let els = await this._locate({ xpath: Locator.field.labelEquals(literal) });
-  if (els.length) {
-    return els;
-  }
-
-  els = await this._locate({ xpath: Locator.field.labelContains(literal) });
-  if (els.length) {
-    return els;
-  }
-  els = await this._locate({ xpath: Locator.field.byName(literal) });
-  if (els.length) {
-    return els;
-  }
-  return this._locate({ css: locator });
-}
-
-async function proceedSeeInField(assertType, field, value) {
-  const els = await findFields.call(this, field);
-  assertElementExists(els, field, 'Field');
-  const el = els[0];
-  const tag = await el.evaluate(e => e.tagName);
-  const fieldType = await el.getAttribute('type');
-
-  const proceedMultiple = async (elements) => {
-    const fields = Array.isArray(elements) ? elements : [elements];
-
-    const elementValues = [];
-    for (const element of fields) {
-      elementValues.push(await element.inputValue());
-    }
-
-    if (typeof value === 'boolean') {
-      equals(`no. of items matching > 0: ${field}`)[assertType](value, !!elementValues.length);
-    } else {
-      if (assertType === 'assert') {
-        equals(`select option by ${field}`)[assertType](true, elementValues.length > 0);
-      }
-      elementValues.forEach(val => stringIncludes(`fields by ${field}`)[assertType](value, val));
-    }
-  };
-
-  if (tag === 'SELECT') {
-    if (await el.getAttribute('multiple')) {
-      const selectedOptions = await el.all('option:checked');
-      if (!selectedOptions.length) return null;
-
-      const options = await filterFieldsByValue(selectedOptions, value, true);
-      return proceedMultiple(options);
-    }
-
-    return el.inputValue();
-  }
-
-  if (tag === 'INPUT') {
-    if (fieldType === 'checkbox' || fieldType === 'radio') {
-      if (typeof value === 'boolean') {
-        // Filter by values
-        const options = await filterFieldsBySelectionState(els, true);
-        return proceedMultiple(options);
-      }
-
-      const options = await filterFieldsByValue(els, value, true);
-      return proceedMultiple(options);
-    }
-    return proceedMultiple(els[0]);
-  }
-
-  let fieldVal;
-
-  try {
-    fieldVal = await el.inputValue();
-  } catch (e) {
-    if (e.message.includes('Error: Node is not an <input>, <textarea> or <select> element')) {
-      fieldVal = await el.innerText();
-    }
-  }
-
-  return stringIncludes(`fields by ${field}`)[assertType](value, fieldVal);
-}
-
-async function filterFieldsByValue(elements, value, onlySelected) {
-  const matches = [];
-  for (const element of elements) {
-    const val = await element.getAttribute('value');
-    let isSelected = true;
-    if (onlySelected) {
-      isSelected = await elementSelected(element);
-    }
-    if ((value == null || val.indexOf(value) > -1) && isSelected) {
-      matches.push(element);
-    }
-  }
-  return matches;
-}
-
-async function filterFieldsBySelectionState(elements, state) {
-  const matches = [];
-  for (const element of elements) {
-    const isSelected = await elementSelected(element);
-    if (isSelected === state) {
-      matches.push(element);
-    }
-  }
-  return matches;
-}
-
-async function elementSelected(element) {
-  const type = await element.getAttribute('type');
-
-  if (type === 'checkbox' || type === 'radio') {
-    return element.isChecked();
-  }
-  return element.getAttribute('selected');
-}
-
-function isFrameLocator(locator) {
-  locator = new Locator(locator);
-  if (locator.isFrame()) {
-    return locator.value;
-  }
-  return false;
-}
-
-function assertElementExists(res, locator, prefix, suffix) {
-  if (!res || res.length === 0) {
-    throw new ElementNotFound(locator, prefix, suffix);
-  }
-}
-
-function $XPath(element, selector) {
-  const found = document.evaluate(selector, element || document.body, null, 5, null);
-  const res = [];
-  let current = null;
-  while (current = found.iterateNext()) {
-    res.push(current);
-  }
-  return res;
-}
-
-async function targetCreatedHandler(page) {
-  if (!page) return;
-  this.withinLocator = null;
-  page.on('load', () => {
-    page.$('body')
-      .catch(() => null)
-      .then(async () => {
-        if (this.context && this.context._type === 'Frame') {
-          // we are inside iframe?
-          const frameEl = await this.context.frameElement();
-          this.context = await frameEl.contentFrame();
-          this.contextLocator = null;
-          return;
-        }
-        // if context element was in iframe - keep it
-        // if (await this.context.ownerFrame()) return;
-        this.context = page;
-        this.contextLocator = null;
-      });
-  });
-  page.on('console', (msg) => {
-    if (!consoleLogStore.includes(msg) && this.options.ignoreLog && !this.options.ignoreLog.includes(msg.type())) {
-      this.debugSection(`Browser:${ucfirst(msg.type())}`, (msg.text && msg.text() || msg._text || '') + msg.args().join(' '));
-    }
-    consoleLogStore.add(msg);
-  });
-
-  if (this.options.windowSize && this.options.windowSize.indexOf('x') > 0 && this._getType() === 'Browser') {
-    try {
-      await page.setViewportSize(parseWindowSize(this.options.windowSize));
-    } catch (err) {
-      this.debug('Target can be already closed, ignoring...');
-    }
-  }
-}
-
-function parseWindowSize(windowSize) {
-  if (!windowSize) return { width: 800, height: 600 };
-  const dimensions = windowSize.split('x');
-  if (dimensions.length < 2 || windowSize === 'maximize') {
-    console.log('Invalid window size, setting window to default values');
-    return { width: 800, height: 600 }; // invalid size
-  }
-  const width = parseInt(dimensions[0], 10);
-  const height = parseInt(dimensions[1], 10);
-  return { width, height };
-}
-
-// List of key values to key definitions
-// https://github.com/puppeteer/puppeteer/blob/v1.20.0/lib/USKeyboardLayout.js
-const keyDefinitionMap = {
-  /* eslint-disable quote-props */
-  '0': 'Digit0',
-  '1': 'Digit1',
-  '2': 'Digit2',
-  '3': 'Digit3',
-  '4': 'Digit4',
-  '5': 'Digit5',
-  '6': 'Digit6',
-  '7': 'Digit7',
-  '8': 'Digit8',
-  '9': 'Digit9',
-  'a': 'KeyA',
-  'b': 'KeyB',
-  'c': 'KeyC',
-  'd': 'KeyD',
-  'e': 'KeyE',
-  'f': 'KeyF',
-  'g': 'KeyG',
-  'h': 'KeyH',
-  'i': 'KeyI',
-  'j': 'KeyJ',
-  'k': 'KeyK',
-  'l': 'KeyL',
-  'm': 'KeyM',
-  'n': 'KeyN',
-  'o': 'KeyO',
-  'p': 'KeyP',
-  'q': 'KeyQ',
-  'r': 'KeyR',
-  's': 'KeyS',
-  't': 'KeyT',
-  'u': 'KeyU',
-  'v': 'KeyV',
-  'w': 'KeyW',
-  'x': 'KeyX',
-  'y': 'KeyY',
-  'z': 'KeyZ',
-  ';': 'Semicolon',
-  '=': 'Equal',
-  ',': 'Comma',
-  '-': 'Minus',
-  '.': 'Period',
-  '/': 'Slash',
-  '`': 'Backquote',
-  '[': 'BracketLeft',
-  '\\': 'Backslash',
-  ']': 'BracketRight',
-  '\'': 'Quote',
-  /* eslint-enable quote-props */
-};
-
-function getNormalizedKey(key) {
-  const normalizedKey = getNormalizedKeyAttributeValue(key);
-  if (key !== normalizedKey) {
-    this.debugSection('Input', `Mapping key '${key}' to '${normalizedKey}'`);
-  }
-  // Use key definition to ensure correct key is displayed when Shift modifier is active
-  if (Object.prototype.hasOwnProperty.call(keyDefinitionMap, normalizedKey)) {
-    return keyDefinitionMap[normalizedKey];
-  }
-  return normalizedKey;
-}
-
-async function clickablePoint(el) {
-  const rect = await el.boundingBox();
-  if (!rect) throw new ElementNotFound(el);
-  const {
-    x, y, width, height,
-  } = rect;
-  return { x: x + width / 2, y: y + height / 2 };
-}
-
-async function refreshContextSession() {
-  // close other sessions
-  try {
-    const contexts = await this.browser.contexts();
-    contexts.shift();
-
-    await Promise.all(contexts.map(c => c.close()));
-  } catch (e) {
-    console.log(e);
-  }
-
-  if (this.page) {
-    const existingPages = await this.browserContext.pages();
-    await this._setPage(existingPages[0]);
-  }
-
-  if (this.options.keepBrowserState) return;
-
-  if (!this.options.keepCookies) {
-    this.debugSection('Session', 'cleaning cookies and localStorage');
-    await this.clearCookie();
-  }
-  const currentUrl = await this.grabCurrentUrl();
-
-  if (currentUrl.startsWith('http')) {
-    await this.executeScript('localStorage.clear();').catch((err) => {
-      if (!(err.message.indexOf("Storage is disabled inside 'data:' URLs.") > -1)) throw err;
-    });
-    await this.executeScript('sessionStorage.clear();').catch((err) => {
-      if (!(err.message.indexOf("Storage is disabled inside 'data:' URLs.") > -1)) throw err;
-    });
-  }
-}
-
-async function saveVideoForPage(page, name) {
-  if (!page.video()) return null;
-  const fileName = `${`${global.output_dir}${pathSeparator}videos${pathSeparator}${uuidv4()}_${clearString(name)}`.slice(0, 245)}.webm`;
-  page.video().saveAs(fileName).then(() => {
-    if (!page) return;
-    page.video().delete().catch(e => {});
-  });
-  return fileName;
-}
-
-async function saveTraceForContext(context, name) {
-  if (!context) return;
-  if (!context.tracing) return;
-  const fileName = `${`${global.output_dir}${pathSeparator}trace${pathSeparator}${uuidv4()}_${clearString(name)}`.slice(0, 245)}.zip`;
-  await context.tracing.stop({ path: fileName });
-  return fileName;
-}
-
-async function highlightActiveElement(element) {
-  if (this.options.highlightElement && global.debugMode) {
-    await element.evaluate(el => {
-      const prevStyle = el.style.boxShadow;
-      el.style.boxShadow = '0px 0px 4px 3px rgba(255, 0, 0, 0.7)';
-      setTimeout(() => el.style.boxShadow = prevStyle, 2000);
-    });
-  }
-}
diff --git a/docs/build/Protractor.js b/docs/build/Protractor.js
deleted file mode 100644
index 2f0cd7600..000000000
--- a/docs/build/Protractor.js
+++ /dev/null
@@ -1,2706 +0,0 @@
-let EC;
-let Key;
-let Button;
-let ProtractorBy;
-let ProtractorExpectedConditions;
-
-const path = require('path');
-
-const Helper = require('@codeceptjs/helper');
-const stringIncludes = require('../assert/include').includes;
-const { urlEquals, equals } = require('../assert/equal');
-const { empty } = require('../assert/empty');
-const { truth } = require('../assert/truth');
-const {
-  xpathLocator,
-  fileExists,
-  convertCssPropertiesToCamelCase,
-  screenshotOutputFolder,
-} = require('../utils');
-const {
-  isColorProperty,
-  convertColorToRGBA,
-} = require('../colorUtils');
-const ElementNotFound = require('./errors/ElementNotFound');
-const ConnectionRefused = require('./errors/ConnectionRefused');
-const Locator = require('../locator');
-
-let withinStore = {};
-let Runner;
-
-/**
- * Protractor helper is based on [Protractor library](http://www.protractortest.org) and used for testing web applications.
- *
- * Protractor requires [Selenium Server and ChromeDriver/GeckoDriver to be installed](http://codecept.io/quickstart/#prepare-selenium-server).
- * To test non-Angular applications please make sure you have `angular: false` in configuration file.
- *
- * ### Configuration
- *
- * This helper should be configured in codecept.conf.ts or codecept.conf.js
- *
- * * `url` - base url of website to be tested
- * * `browser` - browser in which perform testing
- * * `angular` (optional, default: true): disable this option to run tests for non-Angular applications.
- * * `driver` - which protractor driver to use (local, direct, session, hosted, sauce, browserstack). By default set to 'hosted' which requires selenium server to be started.
- * * `restart` (optional, default: true) - restart browser between tests.
- * * `smartWait`: (optional) **enables [SmartWait](http://codecept.io/acceptance/#smartwait)**; wait for additional milliseconds for element to appear. Enable for 5 secs: "smartWait": 5000
- * * `disableScreenshots` (optional, default: false)  - don't save screenshot on failure
- * * `fullPageScreenshots` (optional, default: false) - make full page screenshots on failure.
- * * `uniqueScreenshotNames` (optional, default: false)  - option to prevent screenshot override if you have scenarios with the same name in different suites
- * * `keepBrowserState` (optional, default: false)  - keep browser state between tests when `restart` set to false.
- * * `seleniumAddress` - Selenium address to connect (default: http://localhost:4444/wd/hub)
- * * `rootElement` - Root element of AngularJS application (default: body)
- * * `getPageTimeout` (optional) sets default timeout for a page to be loaded. 10000 by default.
- * * `waitForTimeout`: (optional) sets default wait time in _ms_ for all `wait*` functions. 1000 by default.
- * * `scriptsTimeout`: (optional) timeout in milliseconds for each script run on the browser, 10000 by default.
- * * `windowSize`: (optional) default window size. Set to `maximize` or a dimension in the format `640x480`.
- * * `manualStart` (optional, default: false) - do not start browser before a test, start it manually inside a helper with `this.helpers.WebDriver._startBrowser()`
- * * `capabilities`: {} - list of [Desired Capabilities](https://github.com/SeleniumHQ/selenium/wiki/DesiredCapabilities)
- * * `proxy`: set proxy settings
- *
- * other options are the same as in [Protractor config](https://github.com/angular/protractor/blob/master/docs/referenceConf.js).
- *
- * #### Sample Config
- *
- * ```json
- * {
- *    "helpers": {
- *      "Protractor" : {
- *        "url": "http://localhost",
- *        "browser": "chrome",
- *        "smartWait": 5000,
- *        "restart": false
- *      }
- *    }
- * }
- * ```
- *
- * #### Config for Non-Angular application:
- *
- * ```json
- * {
- *    "helpers": {
- *      "Protractor" : {
- *        "url": "http://localhost",
- *        "browser": "chrome",
- *        "angular": false
- *      }
- *    }
- * }
- * ```
- *
- * #### Config for Headless Chrome
- *
- * ```json
- * {
- *    "helpers": {
- *      "Protractor" : {
- *        "url": "http://localhost",
- *        "browser": "chrome",
- *        "capabilities": {
- *          "chromeOptions": {
- *            "args": [ "--headless", "--disable-gpu", "--no-sandbox" ]
- *          }
- *        }
- *      }
- *    }
- * }
- * ```
- *
- * ## Access From Helpers
- *
- * Receive a WebDriverIO client from a custom helper by accessing `browser` property:
- *
- * ```js
- * this.helpers['Protractor'].browser
- * ```
- *
- * ## Methods
- */
-class Protractor extends Helper {
-  constructor(config) {
-    // process.env.SELENIUM_PROMISE_MANAGER = false; // eslint-disable-line
-    super(config);
-
-    this.isRunning = false;
-    this._setConfig(config);
-
-    console.log('Protractor helper is deprecated as well as Protractor itself.\nThis helper will be removed in next major release');
-  }
-
-  _validateConfig(config) {
-    const defaults = {
-      browser: 'chrome',
-      url: 'http://localhost',
-      seleniumAddress: 'http://localhost:4444/wd/hub',
-      fullPageScreenshots: false,
-      rootElement: 'body',
-      allScriptsTimeout: 10000,
-      scriptTimeout: 10000,
-      waitForTimeout: 1000, // ms
-      windowSize: null,
-      getPageTimeout: 10000,
-      driver: 'hosted',
-      capabilities: {},
-      angular: true,
-      restart: true,
-    };
-
-    config = Object.assign(defaults, config);
-
-    if (!config.allScriptsTimeout) config.allScriptsTimeout = config.scriptsTimeout;
-    if (!config.scriptTimeout) config.scriptTimeout = config.scriptsTimeout;
-    if (config.proxy) config.capabilities.proxy = config.proxy;
-    if (config.browser) config.capabilities.browserName = config.browser;
-
-    config.waitForTimeoutInSeconds = config.waitForTimeout / 1000; // convert to seconds
-    return config;
-  }
-
-  async _init() {
-    process.on('unhandledRejection', (reason) => {
-      if (reason.message.indexOf('ECONNREFUSED') > 0) {
-        this.browser = null;
-      }
-    });
-
-    Runner = require('protractor/built/runner').Runner;
-    ProtractorBy = require('protractor').ProtractorBy;
-    Key = require('protractor').Key;
-    Button = require('protractor').Button;
-    ProtractorExpectedConditions = require('protractor').ProtractorExpectedConditions;
-
-    return Promise.resolve();
-  }
-
-  static _checkRequirements() {
-    try {
-      require('protractor');
-      require('assert').ok(require('protractor/built/runner').Runner);
-    } catch (e) {
-      return ['protractor@^5.3.0'];
-    }
-  }
-
-  static _config() {
-    return [
-      { name: 'url', message: 'Base url of site to be tested', default: 'http://localhost' },
-      { name: 'driver', message: 'Protractor driver (local, direct, session, hosted, sauce, browserstack)', default: 'hosted' },
-      { name: 'browser', message: 'Browser in which testing will be performed', default: 'chrome' },
-      { name: 'rootElement', message: 'Root element of AngularJS application', default: 'body' },
-      {
-        name: 'angular', message: 'Enable AngularJS synchronization', default: false, type: 'confirm',
-      },
-
-    ];
-  }
-
-  async _beforeStep() {
-    if (!this.insideAngular) {
-      return this.amOutsideAngularApp();
-    }
-  }
-
-  async _beforeSuite() {
-    if (!this.options.restart && !this.options.manualStart && !this.isRunning) {
-      this.debugSection('Session', 'Starting singleton browser session');
-      return this._startBrowser();
-    }
-  }
-
-  async _startBrowser() {
-    try {
-      const runner = new Runner(this.options);
-      this.browser = runner.createBrowser();
-      await this.browser.ready;
-    } catch (err) {
-      if (err.toString().indexOf('ECONNREFUSED')) {
-        throw new ConnectionRefused(err);
-      }
-      throw err;
-    }
-    if (this.options.angular) {
-      await this.amInsideAngularApp();
-    } else {
-      await this.amOutsideAngularApp();
-    }
-
-    loadGlobals(this.browser);
-
-    if (this.options.windowSize === 'maximize') {
-      await this.resizeWindow(this.options.windowSize);
-    } else if (this.options.windowSize) {
-      const size = this.options.windowSize.split('x');
-      await this.resizeWindow(parseInt(size[0], 10), parseInt(size[1], 10));
-    }
-    this.context = this.options.rootElement;
-    this.isRunning = true;
-    return this.browser.ready;
-  }
-
-  async _before() {
-    if (this.options.restart && !this.options.manualStart) return this._startBrowser();
-    if (!this.isRunning && !this.options.manualStart) return this._startBrowser();
-  }
-
-  async _after() {
-    if (!this.browser) return;
-    if (!this.isRunning) return;
-    if (this.options.restart) {
-      this.isRunning = false;
-      return this.browser.quit();
-    }
-    if (this.options.keepBrowserState) return;
-
-    const dialog = await this.grabPopupText();
-    if (dialog) {
-      await this.cancelPopup();
-    }
-    if (!this.options.keepCookies) {
-      await this.browser.manage().deleteAllCookies();
-    }
-    let url;
-    try {
-      url = await this.browser.getCurrentUrl();
-    } catch (err) {
-      // Ignore, as above will throw if no webpage has been loaded
-    }
-    if (url && !/data:,/i.test(url)) {
-      await this.browser.executeScript('localStorage.clear();');
-    }
-    return this.closeOtherTabs();
-  }
-
-  async _failed() {
-    await this._withinEnd();
-  }
-
-  async _finishTest() {
-    if (!this.options.restart && this.isRunning) return this.browser.quit();
-  }
-
-  async _withinBegin(locator) {
-    withinStore.elFn = this.browser.findElement;
-    withinStore.elsFn = this.browser.findElements;
-
-    const frame = isFrameLocator(locator);
-
-    if (frame) {
-      if (Array.isArray(frame)) {
-        withinStore.frame = frame.join('>');
-        return this.switchTo(null)
-          .then(() => frame.reduce((p, frameLocator) => p.then(() => this.switchTo(frameLocator)), Promise.resolve()));
-      }
-      withinStore.frame = frame;
-      return this.switchTo(locator);
-    }
-
-    this.context = locator;
-    const context = await global.element(guessLocator(locator) || global.by.css(locator));
-    if (!context) throw new ElementNotFound(locator);
-
-    this.browser.findElement = l => (l ? context.element(l).getWebElement() : context.getWebElement());
-    this.browser.findElements = l => context.all(l).getWebElements();
-    return context;
-  }
-
-  async _withinEnd() {
-    if (!isWithin()) return;
-    if (withinStore.frame) {
-      withinStore = {};
-      return this.switchTo(null);
-    }
-    this.browser.findElement = withinStore.elFn;
-    this.browser.findElements = withinStore.elsFn;
-    withinStore = {};
-    this.context = this.options.rootElement;
-  }
-
-  _session() {
-    const defaultSession = this.browser;
-    return {
-      start: async (opts) => {
-        opts = this._validateConfig(Object.assign(this.options, opts));
-        this.debugSection('New Browser', JSON.stringify(opts));
-        const runner = new Runner(opts);
-        const res = await this.browser.executeScript('return [window.outerWidth, window.outerHeight]');
-        const browser = runner.createBrowser(null, this.browser);
-        await browser.ready;
-        await browser.waitForAngularEnabled(this.insideAngular);
-        await browser.manage().window().setSize(parseInt(res[0], 10), parseInt(res[1], 10));
-        return browser.ready;
-      },
-      stop: async (browser) => {
-        return browser.close();
-      },
-      loadVars: async (browser) => {
-        if (isWithin()) throw new Error('Can\'t start session inside within block');
-        this.browser = browser;
-        loadGlobals(this.browser);
-      },
-      restoreVars: async () => {
-        if (isWithin()) await this._withinEnd();
-        this.browser = defaultSession;
-        loadGlobals(this.browser);
-      },
-    };
-  }
-
-  /**
-   * Use [Protractor](https://www.protractortest.org/#/api) API inside a test.
-   *
-   * First argument is a description of an action.
-   * Second argument is async function that gets this helper as parameter.
-   *
-   * { [`browser`](https://www.protractortest.org/#/api?view=ProtractorBrowser)) } object from Protractor API is available.
-   *
-   * ```js
-   * I.useProtractorTo('change url via in-page navigation', async ({ browser }) {
-   *    await browser.setLocation('api');
-   * });
-   * ```
-   *
-   * @param {string} description used to show in logs.
-   * @param {function} fn async functuion that executed with Protractor helper as argument
-   */
-  useProtractorTo(description, fn) {
-    return this._useTo(...arguments);
-  }
-
-  /**
-   * Switch to non-Angular mode,
-   * start using WebDriver instead of Protractor in this session
-   */
-  async amOutsideAngularApp() {
-    if (!this.browser) return;
-    await this.browser.waitForAngularEnabled(false);
-    return Promise.resolve(this.insideAngular = false);
-  }
-
-  /**
-   * Enters Angular mode (switched on by default)
-   * Should be used after "amOutsideAngularApp"
-   */
-  async amInsideAngularApp() {
-    await this.browser.waitForAngularEnabled(true);
-    return Promise.resolve(this.insideAngular = true);
-  }
-
-  /**
-   * Get elements by different locator types, including strict locator
-   * Should be used in custom helpers:
-   *
-   * ```js
-   * this.helpers['Protractor']._locate({name: 'password'}).then //...
-   * ```
-   * To use SmartWait and wait for element to appear on a page, add `true` as second arg:
-   *
-   * ```js
-   * this.helpers['Protractor']._locate({name: 'password'}, true).then //...
-   * ```
-   *
-   */
-  async _locate(locator, smartWait = false) {
-    return this._smartWait(() => this.browser.findElements(guessLocator(locator) || global.by.css(locator)), smartWait);
-  }
-
-  async _smartWait(fn, enabled = true) {
-    if (!this.options.smartWait || !enabled) return fn();
-    await this.browser.manage().timeouts().implicitlyWait(this.options.smartWait);
-    const res = await fn();
-    await this.browser.manage().timeouts().implicitlyWait(0);
-    return res;
-  }
-
-  /**
-   * Find a checkbox by providing human readable text:
-   *
-   * ```js
-   * this.helpers['Protractor']._locateCheckable('I agree with terms and conditions').then // ...
-   * ```
-   */
-  async _locateCheckable(locator) {
-    return findCheckable.call(this, this.browser, locator);
-  }
-
-  /**
-   * Find a clickable element by providing human readable text:
-   *
-   * ```js
-   * this.helpers['Protractor']._locateClickable('Next page').then // ...
-   * ```
-   */
-  async _locateClickable(locator) {
-    return findClickable.call(this, this.browser, locator);
-  }
-
-  /**
-   * Find field elements by providing human readable text:
-   *
-   * ```js
-   * this.helpers['Protractor']._locateFields('Your email').then // ...
-   * ```
-   */
-  async _locateFields(locator) {
-    return findFields.call(this, this.browser, locator);
-  }
-
-  /**
-   * Opens a web page in a browser. Requires relative or absolute url.
-   * If url starts with `/`, opens a web page of a site defined in `url` config parameter.
-   * 
-   * ```js
-   * I.amOnPage('/'); // opens main page of website
-   * I.amOnPage('https://github.com'); // opens github
-   * I.amOnPage('/login'); // opens a login page
-   * ```
-   * 
-   * @param {string} url url path or global url.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async amOnPage(url) {
-    if (!(/^\w+\:\/\//.test(url))) {
-      url = this.options.url + url;
-    }
-    const res = await this.browser.get(url);
-    this.debug(`Visited ${url}`);
-    return res;
-  }
-
-  /**
-   * Perform a click on a link or a button, given by a locator.
-   * If a fuzzy locator is given, the page will be searched for a button, link, or image matching the locator string.
-   * For buttons, the "value" attribute, "name" attribute, and inner text are searched. For links, the link text is searched.
-   * For images, the "alt" attribute and inner text of any parent links are searched.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * // simple link
-   * I.click('Logout');
-   * // button of form
-   * I.click('Submit');
-   * // CSS button
-   * I.click('#form input[type=submit]');
-   * // XPath
-   * I.click('//form/*[@type=submit]');
-   * // link in context
-   * I.click('Logout', '#nav');
-   * // using strict locator
-   * I.click({css: 'nav a.login'});
-   * ```
-   * 
-   * @param {string | object} locator clickable link or button located by text, or any element located by CSS|XPath|strict locator.
-   * @param {?string | object | null} [context=null] (optional, `null` by default) element to search in CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async click(locator, context = null) {
-    let matcher = this.browser;
-    if (context) {
-      const els = await this._locate(context, true);
-      assertElementExists(els, context);
-      matcher = els[0];
-    }
-    const el = await findClickable.call(this, matcher, locator);
-    return el.click();
-  }
-
-  /**
-   * Performs a double-click on an element matched by link|button|label|CSS or XPath.
-   * Context can be specified as second parameter to narrow search.
-   * 
-   * ```js
-   * I.doubleClick('Edit');
-   * I.doubleClick('Edit', '.actions');
-   * I.doubleClick({css: 'button.accept'});
-   * I.doubleClick('.btn.edit');
-   * ```
-   * 
-   * @param {string | object} locator clickable link or button located by text, or any element located by CSS|XPath|strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element to search in CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async doubleClick(locator, context = null) {
-    let matcher = this.browser;
-    if (context) {
-      const els = await this._locate(context, true);
-      assertElementExists(els, context);
-      matcher = els[0];
-    }
-    const el = await findClickable.call(this, matcher, locator);
-    return this.browser.actions().doubleClick(el).perform();
-  }
-
-  /**
-   * Performs right click on a clickable element matched by semantic locator, CSS or XPath.
-   * 
-   * ```js
-   * // right click element with id el
-   * I.rightClick('#el');
-   * // right click link or button with text "Click me"
-   * I.rightClick('Click me');
-   * // right click button with text "Click me" inside .context
-   * I.rightClick('Click me', '.context');
-   * ```
-   * 
-   * @param {string | object} locator clickable element located by CSS|XPath|strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async rightClick(locator, context = null) {
-    /**
-     * just press button if no selector is given
-     */
-    if (locator === undefined) {
-      return this.browser.actions().click(Button.RIGHT).perform();
-    }
-    let matcher = this.browser;
-    if (context) {
-      const els = await this._locate(context, true);
-      assertElementExists(els, context);
-      matcher = els[0];
-    }
-    const el = await findClickable.call(this, matcher, locator);
-
-    await this.browser.actions().mouseMove(el).perform();
-    return this.browser.actions().click(Button.RIGHT).perform();
-  }
-
-  /**
-   * Moves cursor to element matched by locator.
-   * Extra shift can be set with offsetX and offsetY options.
-   * 
-   * ```js
-   * I.moveCursorTo('.tooltip');
-   * I.moveCursorTo('#submit', 5,5);
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @param {number} [offsetX=0] (optional, `0` by default) X-axis offset.
-   * @param {number} [offsetY=0] (optional, `0` by default) Y-axis offset.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async moveCursorTo(locator, offsetX = null, offsetY = null) {
-    let offset = null;
-    if (offsetX !== null || offsetY !== null) {
-      offset = { x: offsetX, y: offsetY };
-    }
-    const els = await this._locate(locator, true);
-    assertElementExists(els, locator);
-    return this.browser.actions().mouseMove(els[0], offset).perform();
-  }
-
-  /**
-   * Checks that a page contains a visible text.
-   * Use context parameter to narrow down the search.
-   * 
-   * ```js
-   * I.see('Welcome'); // text welcome on a page
-   * I.see('Welcome', '.content'); // text inside .content div
-   * I.see('Register', {css: 'form.register'}); // use strict locator
-   * ```
-   * @param {string} text expected on page.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS|Xpath|strict locator in which to search for text.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async see(text, context = null) {
-    return proceedSee.call(this, 'assert', text, context);
-  }
-
-  /**
-   * Checks that text is equal to provided one.
-   * 
-   * ```js
-   * I.seeTextEquals('text', 'h1');
-   * ```
-   * 
-   * @param {string} text element value to check.
-   * @param {(string | object)?} [context=null]  element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeTextEquals(text, context = null) {
-    return proceedSee.call(this, 'assert', text, context, true);
-  }
-
-  /**
-   * Opposite to `see`. Checks that a text is not present on a page.
-   * Use context parameter to narrow down the search.
-   * 
-   * ```js
-   * I.dontSee('Login'); // assume we are already logged in.
-   * I.dontSee('Login', '.nav'); // no login inside .nav element
-   * ```
-   * 
-   * @param {string} text which is not present.
-   * @param {string | object} [context] (optional) element located by CSS|XPath|strict locator in which to perfrom search.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  dontSee(text, context = null) {
-    return proceedSee.call(this, 'negate', text, context);
-  }
-
-  /**
-   * Get JS log from browser. Log buffer is reset after each request.
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * 
-   * ```js
-   * let logs = await I.grabBrowserLogs();
-   * console.log(JSON.stringify(logs))
-   * ```
-   * 
-   * @returns {Promise<object[]>|undefined} all browser logs
-   * 
-   */
-  async grabBrowserLogs() {
-    return this.browser.manage().logs().get('browser');
-  }
-
-  /**
-   * Get current URL from browser.
-   * Resumes test execution, so should be used inside an async function.
-   * 
-   * ```js
-   * let url = await I.grabCurrentUrl();
-   * console.log(`Current URL is [${url}]`);
-   * ```
-   * 
-   * @returns {Promise<string>} current URL
-   */
-  async grabCurrentUrl() {
-    return this.browser.getCurrentUrl();
-  }
-
-  /**
-   * Selects an option in a drop-down select.
-   * Field is searched by label | name | CSS | XPath.
-   * Option is selected by visible text or by value.
-   * 
-   * ```js
-   * I.selectOption('Choose Plan', 'Monthly'); // select by label
-   * I.selectOption('subscription', 'Monthly'); // match option by text
-   * I.selectOption('subscription', '0'); // or by value
-   * I.selectOption('//form/select[@name=account]','Premium');
-   * I.selectOption('form select[name=account]', 'Premium');
-   * I.selectOption({css: 'form select[name=account]'}, 'Premium');
-   * ```
-   * 
-   * Provide an array for the second argument to select multiple options.
-   * 
-   * ```js
-   * I.selectOption('Which OS do you use?', ['Android', 'iOS']);
-   * ```
-   * @param {string | object} select field located by label|name|CSS|XPath|strict locator.
-   * @param {string|Array<*>} option visible text or value of option.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async selectOption(select, option) {
-    const fields = await findFields(this.browser, select);
-    assertElementExists(fields, select, 'Selectable field');
-    if (!Array.isArray(option)) {
-      option = [option];
-    }
-    const field = fields[0];
-    const promises = [];
-    for (const key in option) {
-      const opt = xpathLocator.literal(option[key]);
-      let els = await field.findElements(global.by.xpath(Locator.select.byVisibleText(opt)));
-      if (!els.length) {
-        els = await field.findElements(global.by.xpath(Locator.select.byValue(opt)));
-      }
-      els.forEach(el => promises.push(el.click()));
-    }
-
-    return Promise.all(promises);
-  }
-
-  /**
-   * Fills a text field or textarea, after clearing its value, with the given string.
-   * Field is located by name, label, CSS, or XPath.
-   * 
-   * ```js
-   * // by label
-   * I.fillField('Email', 'hello@world.com');
-   * // by name
-   * I.fillField('password', secret('123456'));
-   * // by CSS
-   * I.fillField('form#login input[name=username]', 'John');
-   * // or by strict locator
-   * I.fillField({css: 'form#login input[name=username]'}, 'John');
-   * ```
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @param {string | object} value text value to fill.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async fillField(field, value) {
-    const els = await findFields(this.browser, field);
-    await els[0].clear();
-    return els[0].sendKeys(value.toString());
-  }
-
-  /**
-   * Presses a key on a focused element.
-   * Special keys like 'Enter', 'Control', [etc](https://code.google.com/p/selenium/wiki/JsonWireProtocol#/session/:sessionId/element/:id/value)
-   * will be replaced with corresponding unicode.
-   * If modifier key is used (Control, Command, Alt, Shift) in array, it will be released afterwards.
-   * 
-   * ```js
-   * I.pressKey('Enter');
-   * I.pressKey(['Control','a']);
-   * ```
-   * 
-   * @param {string|string[]} key key or array of keys to press.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   * {{ keys }}
-   */
-  async pressKey(key) {
-    let modifier;
-    if (Array.isArray(key) && ~['Control', 'Command', 'Shift', 'Alt'].indexOf(key[0])) { // eslint-disable-line no-bitwise
-      modifier = Key[key[0].toUpperCase()];
-      key = key[1];
-    }
-
-    // guess special key in Selenium Webdriver list
-    if (Key[key.toUpperCase()]) {
-      key = Key[key.toUpperCase()];
-    }
-
-    const action = this.browser.actions();
-    if (modifier) action.keyDown(modifier);
-    action.sendKeys(key);
-    if (modifier) action.keyUp(modifier);
-    return action.perform();
-  }
-
-  /**
-   * Attaches a file to element located by label, name, CSS or XPath
-   * Path to file is relative current codecept directory (where codecept.conf.ts or codecept.conf.js is located).
-   * File will be uploaded to remote system (if tests are running remotely).
-   * 
-   * ```js
-   * I.attachFile('Avatar', 'data/avatar.jpg');
-   * I.attachFile('form input[name=avatar]', 'data/avatar.jpg');
-   * ```
-   * 
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @param {string} pathToFile local file path relative to codecept.conf.ts or codecept.conf.js config file.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async attachFile(locator, pathToFile) {
-    const file = path.join(global.codecept_dir, pathToFile);
-    if (!fileExists(file)) {
-      throw new Error(`File at ${file} can not be found on local system`);
-    }
-    const els = await findFields(this.browser, locator);
-    assertElementExists(els, locator, 'Field');
-    if (this.options.browser !== 'phantomjs') {
-      const remote = require('selenium-webdriver/remote');
-      this.browser.setFileDetector(new remote.FileDetector());
-    }
-    return els[0].sendKeys(file);
-  }
-
-  /**
-   * Checks that the given input field or textarea equals to given value.
-   * For fuzzy locators, fields are matched by label text, the "name" attribute, CSS, and XPath.
-   * 
-   * ```js
-   * I.seeInField('Username', 'davert');
-   * I.seeInField({css: 'form textarea'},'Type your comment here');
-   * I.seeInField('form input[type=hidden]','hidden_value');
-   * I.seeInField('#searchform input','Search');
-   * ```
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @param {string | object} value value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInField(field, value) {
-    const _value = (typeof value === 'boolean') ? value : value.toString();
-    return proceedSeeInField.call(this, 'assert', field, _value);
-  }
-
-  /**
-   * Checks that value of input field or textarea doesn't equal to given value
-   * Opposite to `seeInField`.
-   * 
-   * ```js
-   * I.dontSeeInField('email', 'user@user.com'); // field by name
-   * I.dontSeeInField({ css: 'form input.email' }, 'user@user.com'); // field by CSS
-   * ```
-   * 
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @param {string | object} value value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeInField(field, value) {
-    const _value = (typeof value === 'boolean') ? value : value.toString();
-    return proceedSeeInField.call(this, 'negate', field, _value);
-  }
-
-  /**
-   * Appends text to a input field or textarea.
-   * Field is located by name, label, CSS or XPath
-   * 
-   * ```js
-   * I.appendField('#myTextField', 'appended');
-   * // typing secret
-   * I.appendField('password', secret('123456'));
-   * ```
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator
-   * @param {string} value text value to append.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async appendField(field, value) {
-    const els = await findFields(this.browser, field);
-    assertElementExists(els, field, 'Field');
-    return els[0].sendKeys(value.toString());
-  }
-
-  /**
-   * Clears a `<textarea>` or text `<input>` element's value.
-   * 
-   * ```js
-   * I.clearField('Email');
-   * I.clearField('user[email]');
-   * I.clearField('#email');
-   * ```
-   * @param {string | object} editable field located by label|name|CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder.
-   * 
-   */
-  async clearField(field) {
-    const els = await findFields(this.browser, field);
-    assertElementExists(els, field, 'Field');
-    return els[0].clear();
-  }
-
-  /**
-   * Selects a checkbox or radio button.
-   * Element is located by label or name or CSS or XPath.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * I.checkOption('#agree');
-   * I.checkOption('I Agree to Terms and Conditions');
-   * I.checkOption('agree', '//form');
-   * ```
-   * @param {string | object} field checkbox located by label | name | CSS | XPath | strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS | XPath | strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async checkOption(field, context = null) {
-    let matcher = this.browser;
-    if (context) {
-      const els = await this._locate(context, true);
-      assertElementExists(els, context);
-      matcher = els[0];
-    }
-    const els = await findCheckable(matcher, field);
-    assertElementExists(els, field, 'Checkbox or radio');
-    const isSelected = await els[0].isSelected();
-    if (!isSelected) return els[0].click();
-  }
-
-  /**
-   * Unselects a checkbox or radio button.
-   * Element is located by label or name or CSS or XPath.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * I.uncheckOption('#agree');
-   * I.uncheckOption('I Agree to Terms and Conditions');
-   * I.uncheckOption('agree', '//form');
-   * ```
-   * @param {string | object} field checkbox located by label | name | CSS | XPath | strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS | XPath | strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async uncheckOption(field, context = null) {
-    let matcher = this.browser;
-    if (context) {
-      const els = await this._locate(context, true);
-      assertElementExists(els, context);
-      matcher = els[0];
-    }
-    const els = await findCheckable(matcher, field);
-    assertElementExists(els, field, 'Checkbox or radio');
-    const isSelected = await els[0].isSelected();
-    if (isSelected) return els[0].click();
-  }
-
-  /**
-   * Verifies that the specified checkbox is checked.
-   * 
-   * ```js
-   * I.seeCheckboxIsChecked('Agree');
-   * I.seeCheckboxIsChecked('#agree'); // I suppose user agreed to terms
-   * I.seeCheckboxIsChecked({css: '#signup_form input[type=checkbox]'});
-   * ```
-   * 
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeCheckboxIsChecked(field) {
-    return proceedIsChecked.call(this, 'assert', field);
-  }
-
-  /**
-   * Verifies that the specified checkbox is not checked.
-   * 
-   * ```js
-   * I.dontSeeCheckboxIsChecked('#agree'); // located by ID
-   * I.dontSeeCheckboxIsChecked('I agree to terms'); // located by label
-   * I.dontSeeCheckboxIsChecked('agree'); // located by name
-   * ```
-   * 
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeCheckboxIsChecked(field) {
-    return proceedIsChecked.call(this, 'negate', field);
-  }
-
-  /**
-   * Retrieves all texts from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let pins = await I.grabTextFromAll('#pin li');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {Promise<string[]>} attribute value
-   * 
-   */
-  async grabTextFromAll(locator) {
-    const els = await this._locate(locator);
-    const texts = [];
-    for (const el of els) {
-      texts.push(await el.getText());
-    }
-    return texts;
-  }
-
-  /**
-   * Retrieves a text from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let pin = await I.grabTextFrom('#pin');
-   * ```
-   * If multiple elements found returns first element.
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {Promise<string>} attribute value
-   * 
-   */
-  async grabTextFrom(locator) {
-    const texts = await this.grabTextFromAll(locator);
-    assertElementExists(texts, locator);
-    if (texts.length > 1) {
-      this.debugSection('GrabText', `Using first element out of ${texts.length}`);
-    }
-
-    return texts[0];
-  }
-
-  /**
-   * Retrieves all the innerHTML from elements located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let postHTMLs = await I.grabHTMLFromAll('.post');
-   * ```
-   * 
-   * @param {string | object} element located by CSS|XPath|strict locator.
-   * @returns {Promise<string[]>} HTML code for an element
-   * 
-   */
-  async grabHTMLFromAll(locator) {
-    const els = await this._locate(locator);
-
-    const html = await Promise.all(els.map((el) => {
-      return this.browser.executeScript('return arguments[0].innerHTML;', el);
-    }));
-
-    return html;
-  }
-
-  /**
-   * Retrieves the innerHTML from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * If more than one element is found - HTML of first element is returned.
-   * 
-   * ```js
-   * let postHTML = await I.grabHTMLFrom('#post');
-   * ```
-   * 
-   * @param {string | object} element located by CSS|XPath|strict locator.
-   * @returns {Promise<string>} HTML code for an element
-   * 
-   */
-  async grabHTMLFrom(locator) {
-    const html = await this.grabHTMLFromAll(locator);
-    assertElementExists(html, locator);
-    if (html.length > 1) {
-      this.debugSection('GrabHTMl', `Using first element out of ${html.length}`);
-    }
-
-    return html[0];
-  }
-
-  /**
-   * Retrieves an array of value from a form located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let inputs = await I.grabValueFromAll('//form/input');
-   * ```
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @returns {Promise<string[]>} attribute value
-   * 
-   */
-  async grabValueFromAll(locator) {
-    const els = await findFields(this.browser, locator);
-    const values = await Promise.all(els.map(el => el.getAttribute('value')));
-
-    return values;
-  }
-
-  /**
-   * Retrieves a value from a form element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * If more than one element is found - value of first element is returned.
-   * 
-   * ```js
-   * let email = await I.grabValueFrom('input[name=email]');
-   * ```
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @returns {Promise<string>} attribute value
-   * 
-   */
-  async grabValueFrom(locator) {
-    const values = await this.grabValueFromAll(locator);
-    assertElementExists(values, locator, 'Field');
-    if (values.length > 1) {
-      this.debugSection('GrabValue', `Using first element out of ${values.length}`);
-    }
-
-    return values[0];
-  }
-
-  /**
-   * Grab array of CSS properties for given locator
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * 
-   * ```js
-   * const values = await I.grabCssPropertyFromAll('h3', 'font-weight');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} cssProperty CSS property name.
-   * @returns {Promise<string[]>} CSS value
-   * 
-   */
-  async grabCssPropertyFromAll(locator, cssProperty) {
-    const els = await this._locate(locator, true);
-    const values = await Promise.all(els.map(el => el.getCssValue(cssProperty)));
-
-    return values;
-  }
-
-  /**
-   * Grab CSS property for given locator
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * If more than one element is found - value of first element is returned.
-   * 
-   * ```js
-   * const value = await I.grabCssPropertyFrom('h3', 'font-weight');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} cssProperty CSS property name.
-   * @returns {Promise<string>} CSS value
-   * 
-   */
-  async grabCssPropertyFrom(locator, cssProperty) {
-    const cssValues = await this.grabCssPropertyFromAll(locator, cssProperty);
-    assertElementExists(cssValues, locator);
-
-    if (cssValues.length > 1) {
-      this.debugSection('GrabCSS', `Using first element out of ${cssValues.length}`);
-    }
-
-    return cssValues[0];
-  }
-
-  /**
-   * Retrieves an array of attributes from elements located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let hints = await I.grabAttributeFromAll('.tooltip', 'title');
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} attr attribute name.
-   * @returns {Promise<string[]>} attribute value
-   * 
-   */
-  async grabAttributeFromAll(locator, attr) {
-    const els = await this._locate(locator);
-    const array = [];
-
-    for (let index = 0; index < els.length; index++) {
-      const el = els[index];
-      array.push(await el.getAttribute(attr));
-    }
-    return array;
-  }
-
-  /**
-   * Retrieves an attribute from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * If more than one element is found - attribute of first element is returned.
-   * 
-   * ```js
-   * let hint = await I.grabAttributeFrom('#tooltip', 'title');
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} attr attribute name.
-   * @returns {Promise<string>} attribute value
-   * 
-   */
-  async grabAttributeFrom(locator, attr) {
-    const attrs = await this.grabAttributeFromAll(locator, attr);
-    assertElementExists(attrs, locator);
-    if (attrs.length > 1) {
-      this.debugSection('GrabAttribute', `Using first element out of ${attrs.length}`);
-    }
-
-    return attrs[0];
-  }
-
-  /**
-   * Checks that title contains text.
-   * 
-   * ```js
-   * I.seeInTitle('Home Page');
-   * ```
-   * 
-   * @param {string} text text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInTitle(text) {
-    return this.browser.getTitle().then(title => stringIncludes('web page title').assert(text, title));
-  }
-
-  /**
-   * Checks that title is equal to provided one.
-   * 
-   * ```js
-   * I.seeTitleEquals('Test title.');
-   * ```
-   * 
-   * @param {string} text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeTitleEquals(text) {
-    const title = await this.browser.getTitle();
-    return equals('web page title').assert(title, text);
-  }
-
-  /**
-   * Checks that title does not contain text.
-   * 
-   * ```js
-   * I.dontSeeInTitle('Error');
-   * ```
-   * 
-   * @param {string} text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeInTitle(text) {
-    return this.browser.getTitle().then(title => stringIncludes('web page title').negate(text, title));
-  }
-
-  /**
-   * Retrieves a page title and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let title = await I.grabTitle();
-   * ```
-   * 
-   * @returns {Promise<string>} title
-   */
-  async grabTitle() {
-    return this.browser.getTitle().then((title) => {
-      this.debugSection('Title', title);
-      return title;
-    });
-  }
-
-  /**
-   * Checks that a given Element is visible
-   * Element is located by CSS or XPath.
-   * 
-   * ```js
-   * I.seeElement('#modal');
-   * ```
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeElement(locator) {
-    let els = await this._locate(locator, true);
-    els = await Promise.all(els.map(el => el.isDisplayed()));
-    return empty('elements').negate(els.filter(v => v).fill('ELEMENT'));
-  }
-
-  /**
-   * Opposite to `seeElement`. Checks that element is not visible (or in DOM)
-   * 
-   * ```js
-   * I.dontSeeElement('.modal'); // modal is not shown
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeElement(locator) {
-    let els = await this._locate(locator, false);
-    els = await Promise.all(els.map(el => el.isDisplayed()));
-    return empty('elements').assert(els.filter(v => v).fill('ELEMENT'));
-  }
-
-  /**
-   * Checks that a given Element is present in the DOM
-   * Element is located by CSS or XPath.
-   * 
-   * ```js
-   * I.seeElementInDOM('#modal');
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeElementInDOM(locator) {
-    return this.browser.findElements(guessLocator(locator) || global.by.css(locator)).then(els => empty('elements').negate(els.fill('ELEMENT')));
-  }
-
-  /**
-   * Opposite to `seeElementInDOM`. Checks that element is not on page.
-   * 
-   * ```js
-   * I.dontSeeElementInDOM('.nav'); // checks that element is not on page visible or not
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeElementInDOM(locator) {
-    return this.browser.findElements(guessLocator(locator) || global.by.css(locator)).then(els => empty('elements').assert(els.fill('ELEMENT')));
-  }
-
-  /**
-   * Checks that the current page contains the given string in its raw source code.
-   * 
-   * ```js
-   * I.seeInSource('<h1>Green eggs &amp; ham</h1>');
-   * ```
-   * @param {string} text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInSource(text) {
-    return this.browser.getPageSource().then(source => stringIncludes('HTML source of a page').assert(text, source));
-  }
-
-  /**
-   * Retrieves page source and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let pageSource = await I.grabSource();
-   * ```
-   * 
-   * @returns {Promise<string>} source code
-   */
-  async grabSource() {
-    return this.browser.getPageSource();
-  }
-
-  /**
-   * Checks that the current page does not contains the given string in its raw source code.
-   * 
-   * ```js
-   * I.dontSeeInSource('<!--'); // no comments in source
-   * ```
-   * 
-   * @param {string} value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeInSource(text) {
-    return this.browser.getPageSource().then(source => stringIncludes('HTML source of a page').negate(text, source));
-  }
-
-  /**
-   * Asserts that an element appears a given number of times in the DOM.
-   * Element is located by label or name or CSS or XPath.
-   * 
-   * 
-   * ```js
-   * I.seeNumberOfElements('#submitBtn', 1);
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} num number of elements.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeNumberOfElements(locator, num) {
-    const elements = await this._locate(locator);
-    return equals(`expected number of elements (${(new Locator(locator))}) is ${num}, but found ${elements.length}`).assert(elements.length, num);
-  }
-
-  /**
-   * Asserts that an element is visible a given number of times.
-   * Element is located by CSS or XPath.
-   * 
-   * ```js
-   * I.seeNumberOfVisibleElements('.buttons', 3);
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} num number of elements.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeNumberOfVisibleElements(locator, num) {
-    const res = await this.grabNumberOfVisibleElements(locator);
-    return equals(`expected number of visible elements (${(new Locator(locator))}) is ${num}, but found ${res}`).assert(res, num);
-  }
-
-  /**
-   * Grab number of visible elements by locator.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let numOfElements = await I.grabNumberOfVisibleElements('p');
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @returns {Promise<number>} number of visible elements
-   */
-  async grabNumberOfVisibleElements(locator) {
-    let els = await this._locate(locator);
-    els = await Promise.all(els.map(el => el.isDisplayed()));
-    return els.length;
-  }
-
-  /**
-   * Checks that all elements with given locator have given CSS properties.
-   * 
-   * ```js
-   * I.seeCssPropertiesOnElements('h3', { 'font-weight': "bold"});
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @param {object} cssProperties object with CSS properties and their values to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeCssPropertiesOnElements(locator, cssProperties) {
-    const els = await this._locate(locator);
-    assertElementExists(els, locator);
-
-    const cssPropertiesCamelCase = convertCssPropertiesToCamelCase(cssProperties);
-
-    const attributeNames = Object.keys(cssPropertiesCamelCase);
-    const expectedValues = attributeNames.map(name => cssPropertiesCamelCase[name]);
-    const missingAttributes = [];
-
-    for (const el of els) {
-      const attributeValues = await Promise.all(attributeNames.map(attr => el.getCssValue(attr)));
-
-      const missing = attributeValues.filter((actual, i) => {
-        const prop = attributeNames[i];
-        let propValue = actual;
-        if (isColorProperty(prop) && propValue) {
-          propValue = convertColorToRGBA(propValue);
-        }
-        return propValue !== expectedValues[i];
-      });
-      if (missing.length) {
-        missingAttributes.push(...missing);
-      }
-    }
-    return equals(`all elements (${(new Locator(locator))}) to have CSS property ${JSON.stringify(cssProperties)}`).assert(missingAttributes.length, 0);
-  }
-
-  /**
-   * Checks that all elements with given locator have given attributes.
-   * 
-   * ```js
-   * I.seeAttributesOnElements('//form', { method: "post"});
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @param {object} attributes attributes and their values to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeAttributesOnElements(locator, attributes) {
-    const els = await this._locate(locator);
-    assertElementExists(els, locator);
-
-    const attributeNames = Object.keys(attributes);
-    const expectedValues = attributeNames.map(name => attributes[name]);
-    const missingAttributes = [];
-
-    for (const el of els) {
-      const attributeValues = await Promise.all(attributeNames.map(attr => el.getAttribute(attr)));
-      const missing = attributeValues.filter((actual, i) => {
-        if (expectedValues[i] instanceof RegExp) {
-          return expectedValues[i].test(actual);
-        }
-        return actual !== expectedValues[i];
-      });
-      if (missing.length) {
-        missingAttributes.push(...missing);
-      }
-    }
-
-    return equals(`all elements (${(new Locator(locator))}) to have attributes ${JSON.stringify(attributes)}`).assert(missingAttributes.length, 0);
-  }
-
-  /**
-   * Executes sync script on a page.
-   * Pass arguments to function as additional parameters.
-   * Will return execution result to a test.
-   * In this case you should use async function and await to receive results.
-   * 
-   * Example with jQuery DatePicker:
-   * 
-   * ```js
-   * // change date of jQuery DatePicker
-   * I.executeScript(function() {
-   *   // now we are inside browser context
-   *   $('date').datetimepicker('setDate', new Date());
-   * });
-   * ```
-   * Can return values. Don't forget to use `await` to get them.
-   * 
-   * ```js
-   * let date = await I.executeScript(function(el) {
-   *   // only basic types can be returned
-   *   return $(el).datetimepicker('getDate').toString();
-   * }, '#date'); // passing jquery selector
-   * ```
-   * 
-   * @param {string|function} fn function to be executed in browser context.
-   * @param {...any} args to be passed to function.
-   * @returns {Promise<any>} script return value
-   * 
-   */
-  async executeScript() {
-    return this.browser.executeScript.apply(this.browser, arguments);
-  }
-
-  /**
-   * Executes async script on page.
-   * Provided function should execute a passed callback (as first argument) to signal it is finished.
-   * 
-   * Example: In Vue.js to make components completely rendered we are waiting for [nextTick](https://vuejs.org/v2/api/#Vue-nextTick).
-   * 
-   * ```js
-   * I.executeAsyncScript(function(done) {
-   *   Vue.nextTick(done); // waiting for next tick
-   * });
-   * ```
-   * 
-   * By passing value to `done()` function you can return values.
-   * Additional arguments can be passed as well, while `done` function is always last parameter in arguments list.
-   * 
-   * ```js
-   * let val = await I.executeAsyncScript(function(url, done) {
-   *   // in browser context
-   *   $.ajax(url, { success: (data) => done(data); }
-   * }, 'http://ajax.callback.url/');
-   * ```
-   * 
-   * @param {string|function} fn function to be executed in browser context.
-   * @param {...any} args to be passed to function.
-   * @returns {Promise<any>} script return value
-   * 
-   */
-  async executeAsyncScript() {
-    this.browser.manage().timeouts().setScriptTimeout(this.options.scriptTimeout);
-    return this.browser.executeAsyncScript.apply(this.browser, arguments);
-  }
-
-  /**
-   * Checks that current url contains a provided fragment.
-   * 
-   * ```js
-   * I.seeInCurrentUrl('/register'); // we are on registration page
-   * ```
-   * 
-   * @param {string} url a fragment to check
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInCurrentUrl(url) {
-    return this.browser.getCurrentUrl().then(currentUrl => stringIncludes('url').assert(url, currentUrl));
-  }
-
-  /**
-   * Checks that current url does not contain a provided fragment.
-   * 
-   * @param {string} url value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeInCurrentUrl(url) {
-    return this.browser.getCurrentUrl().then(currentUrl => stringIncludes('url').negate(url, currentUrl));
-  }
-
-  /**
-   * Checks that current url is equal to provided one.
-   * If a relative url provided, a configured url will be prepended to it.
-   * So both examples will work:
-   * 
-   * ```js
-   * I.seeCurrentUrlEquals('/register');
-   * I.seeCurrentUrlEquals('http://my.site.com/register');
-   * ```
-   * 
-   * @param {string} url value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeCurrentUrlEquals(url) {
-    return this.browser.getCurrentUrl().then(currentUrl => urlEquals(this.options.url).assert(url, currentUrl));
-  }
-
-  /**
-   * Checks that current url is not equal to provided one.
-   * If a relative url provided, a configured url will be prepended to it.
-   * 
-   * ```js
-   * I.dontSeeCurrentUrlEquals('/login'); // relative url are ok
-   * I.dontSeeCurrentUrlEquals('http://mysite.com/login'); // absolute urls are also ok
-   * ```
-   * 
-   * @param {string} url value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeCurrentUrlEquals(url) {
-    return this.browser.getCurrentUrl().then(currentUrl => urlEquals(this.options.url).negate(url, currentUrl));
-  }
-
-  /**
-   * Saves screenshot of the specified locator to ouput folder (set in codecept.conf.ts or codecept.conf.js).
-   * Filename is relative to output folder.
-   * 
-   * ```js
-   * I.saveElementScreenshot(`#submit`,'debug.png');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} fileName file name to save.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async saveElementScreenshot(locator, fileName) {
-    const outputFile = screenshotOutputFolder(fileName);
-
-    const writeFile = (png, outputFile) => {
-      const fs = require('fs');
-      const stream = fs.createWriteStream(outputFile);
-      stream.write(Buffer.from(png, 'base64'));
-      stream.end();
-      return new Promise(resolve => stream.on('finish', resolve)); // eslint-disable-line no-promise-executor-return
-    };
-
-    const res = await this._locate(locator);
-    assertElementExists(res, locator);
-    if (res.length > 1) this.debug(`[Elements] Using first element out of ${res.length}`);
-    const elem = res[0];
-    this.debug(`Screenshot of ${(new Locator(locator))} element has been saved to ${outputFile}`);
-    const png = await elem.takeScreenshot();
-    return writeFile(png, outputFile);
-  }
-
-  /**
-   * Saves a screenshot to ouput folder (set in codecept.conf.ts or codecept.conf.js).
-   * Filename is relative to output folder.
-   * Optionally resize the window to the full available page `scrollHeight` and `scrollWidth` to capture the entire page by passing `true` in as the second argument.
-   * 
-   * ```js
-   * I.saveScreenshot('debug.png');
-   * I.saveScreenshot('debug.png', true) //resizes to available scrollHeight and scrollWidth before taking screenshot
-   * ```
-   * 
-   * @param {string} fileName file name to save.
-   * @param {boolean} [fullPage=false] (optional, `false` by default) flag to enable fullscreen screenshot mode.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async saveScreenshot(fileName, fullPage = false) {
-    const outputFile = screenshotOutputFolder(fileName);
-
-    const writeFile = (png, outputFile) => {
-      const fs = require('fs');
-      const stream = fs.createWriteStream(outputFile);
-      stream.write(Buffer.from(png, 'base64'));
-      stream.end();
-      return new Promise(resolve => stream.on('finish', resolve)); // eslint-disable-line no-promise-executor-return
-    };
-
-    if (!fullPage) {
-      this.debug(`Screenshot has been saved to ${outputFile}`);
-      const png = await this.browser.takeScreenshot();
-      return writeFile(png, outputFile);
-    }
-
-    let { width, height } = await this.browser.executeScript(() => ({ // eslint-disable-line
-      height: document.body.scrollHeight,
-      width: document.body.scrollWidth,
-    }));
-
-    if (height < 100) height = 500;
-
-    await this.browser.manage().window().setSize(width, height);
-    this.debug(`Screenshot has been saved to ${outputFile}, size: ${width}x${height}`);
-    const png = await this.browser.takeScreenshot();
-    return writeFile(png, outputFile);
-  }
-
-  /**
-   * Clears a cookie by name,
-   * if none provided clears all cookies.
-   * 
-   * ```js
-   * I.clearCookie();
-   * I.clearCookie('test'); // Playwright currently doesn't support clear a particular cookie name
-   * ```
-   * 
-   * @param {?string} [cookie=null] (optional, `null` by default) cookie name
-   * 
-   */
-  async clearCookie(cookie = null) {
-    if (!cookie) {
-      return this.browser.manage().deleteAllCookies();
-    }
-    return this.browser.manage().deleteCookie(cookie);
-  }
-
-  /**
-   * Checks that cookie with given name exists.
-   * 
-   * ```js
-   * I.seeCookie('Auth');
-   * ```
-   * 
-   * @param {string} name cookie name.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeCookie(name) {
-    return this.browser.manage().getCookie(name).then(res => truth(`cookie ${name}`, 'to be set').assert(res));
-  }
-
-  /**
-   * Checks that cookie with given name does not exist.
-   * 
-   * ```js
-   * I.dontSeeCookie('auth'); // no auth cookie
-   * ```
-   * 
-   * @param {string} name cookie name.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeCookie(name) {
-    return this.browser.manage().getCookie(name).then(res => truth(`cookie ${name}`, 'to be set').negate(res));
-  }
-
-  /**
-   * Gets a cookie object by name.
-   * If none provided gets all cookies.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let cookie = await I.grabCookie('auth');
-   * assert(cookie.value, '123456');
-   * ```
-   * 
-   * @param {?string} [name=null] cookie name.
-   * @returns {any} attribute value
-   * 
-   *
-   * Returns cookie in JSON [format](https://code.google.com/p/selenium/wiki/JsonWireProtocol#Cookie_JSON_Object).
-   */
-  async grabCookie(name) {
-    if (!name) return this.browser.manage().getCookies();
-    return this.browser.manage().getCookie(name);
-  }
-
-  /**
-   * Accepts the active JavaScript native popup window, as created by window.alert|window.confirm|window.prompt.
-   * Don't confuse popups with modal windows, as created by [various
-   * libraries](http://jster.net/category/windows-modals-popups). Appium: support only web testing
-   */
-  async acceptPopup() {
-    return this.browser.switchTo().alert().accept();
-  }
-
-  /**
-   * Dismisses the active JavaScript popup, as created by window.alert|window.confirm|window.prompt.
-   */
-  async cancelPopup() {
-    return this.browser.switchTo().alert().dismiss();
-  }
-
-  /**
-   * Checks that the active JavaScript popup, as created by `window.alert|window.confirm|window.prompt`, contains the
-   * given string.
-   * 
-   * ```js
-   * I.seeInPopup('Popup text');
-   * ```
-   * @param {string} text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInPopup(text) {
-    const popupAlert = await this.browser.switchTo().alert();
-    const res = await popupAlert.getText();
-    if (res === null) {
-      throw new Error('Popup is not opened');
-    }
-    stringIncludes('text in popup').assert(text, res);
-  }
-
-  /**
-   * Grab the text within the popup. If no popup is visible then it will return null
-   *
-   * ```js
-   * await I.grabPopupText();
-   * ```
-   */
-  async grabPopupText() {
-    try {
-      const dialog = await this.browser.switchTo().alert();
-
-      if (dialog) {
-        return dialog.getText();
-      }
-    } catch (e) {
-      if (e.message.match(/no.*?(alert|modal)/i)) {
-        // Don't throw an error
-        return null;
-      }
-      throw e;
-    }
-  }
-
-  /**
-   * Resize the current window to provided width and height.
-   * First parameter can be set to `maximize`.
-   * 
-   * @param {number} width width in pixels or `maximize`.
-   * @param {number} height height in pixels.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async resizeWindow(width, height) {
-    if (width === 'maximize') {
-      const res = await this.browser.executeScript('return [screen.width, screen.height]');
-      return this.browser.manage().window().setSize(parseInt(res[0], 10), parseInt(res[1], 10));
-    }
-    return this.browser.manage().window().setSize(parseInt(width, 10), parseInt(height, 10));
-  }
-
-  /**
-   * Drag an item to a destination element.
-   * 
-   * ```js
-   * I.dragAndDrop('#dragHandle', '#container');
-   * ```
-   * 
-   * @param {string | object} srcElement located by CSS|XPath|strict locator.
-   * @param {string | object} destElement located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dragAndDrop(srcElement, destElement) {
-    const srcEl = await this._locate(srcElement, true);
-    const destEl = await this._locate(destElement, true);
-    assertElementExists(srcEl, srcElement);
-    assertElementExists(destEl, destElement);
-    return this.browser
-      .actions()
-      .dragAndDrop(srcEl[0], destEl[0])
-      .perform();
-  }
-
-  /**
-   * Close all tabs except for the current one.
-   *
-   * ```js
-   * I.closeOtherTabs();
-   * ```
-   */
-  async closeOtherTabs() {
-    const client = this.browser;
-
-    const handles = await client.getAllWindowHandles();
-    const currentHandle = await client.getWindowHandle();
-    const otherHandles = handles.filter(handle => handle !== currentHandle);
-
-    if (!otherHandles || !otherHandles.length) return;
-    let p = Promise.resolve();
-    otherHandles.forEach((handle) => {
-      p = p.then(() => client.switchTo().window(handle).then(() => client.close()));
-    });
-    p = p.then(() => client.switchTo().window(currentHandle));
-    return p;
-  }
-
-  /**
-   * Close current tab
-   *
-   * ```js
-   * I.closeCurrentTab();
-   * ```
-   */
-  async closeCurrentTab() {
-    const client = this.browser;
-
-    const currentHandle = await client.getWindowHandle();
-    const nextHandle = await this._getWindowHandle(-1);
-
-    await client.switchTo().window(currentHandle);
-    await client.close();
-    return client.switchTo().window(nextHandle);
-  }
-
-  /**
-   * Get the window handle relative to the current handle. i.e. the next handle or the previous.
-   * @param {Number} offset Offset from current handle index. i.e. offset < 0 will go to the previous handle and positive number will go to the next window handle in sequence.
-   */
-  async _getWindowHandle(offset = 0) {
-    const client = this.browser;
-    const handles = await client.getAllWindowHandles();
-    const index = handles.indexOf(await client.getWindowHandle());
-    const nextIndex = index + offset;
-
-    return handles[nextIndex];
-    // return handles[(index + offset) % handles.length];
-  }
-
-  /**
-   * Open new tab and switch to it
-   *
-   * ```js
-   * I.openNewTab();
-   * ```
-   */
-  async openNewTab() {
-    const client = this.browser;
-    await this.executeScript('window.open("about:blank")');
-    const handles = await client.getAllWindowHandles();
-    await client.switchTo().window(handles[handles.length - 1]);
-  }
-
-  /**
-   * Switch focus to a particular tab by its number. It waits tabs loading and then switch tab
-   *
-   * ```js
-   * I.switchToNextTab();
-   * I.switchToNextTab(2);
-   * ```
-   */
-  async switchToNextTab(num = 1) {
-    const client = this.browser;
-    const newHandle = await this._getWindowHandle(num);
-
-    if (!newHandle) {
-      throw new Error(`There is no ability to switch to next tab with offset ${num}`);
-    }
-    return client.switchTo().window(newHandle);
-  }
-
-  /**
-   * Switch focus to a particular tab by its number. It waits tabs loading and then switch tab
-   *
-   * ```js
-   * I.switchToPreviousTab();
-   * I.switchToPreviousTab(2);
-   * ```
-   */
-  async switchToPreviousTab(num = 1) {
-    const client = this.browser;
-    const newHandle = await this._getWindowHandle(-1 * num);
-
-    if (!newHandle) {
-      throw new Error(`There is no ability to switch to previous tab with offset ${num}`);
-    }
-    return client.switchTo().window(newHandle);
-  }
-
-  /**
-   * Grab number of open tabs.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let tabs = await I.grabNumberOfOpenTabs();
-   * ```
-   * 
-   * @returns {Promise<number>} number of open tabs
-   * 
-   */
-  async grabNumberOfOpenTabs() {
-    const pages = await this.browser.getAllWindowHandles();
-    return pages.length;
-  }
-
-  /**
-   * Switches frame or in case of null locator reverts to parent.
-   * 
-   * ```js
-   * I.switchTo('iframe'); // switch to first iframe
-   * I.switchTo(); // switch back to main page
-   * ```
-   * 
-   * @param {?string | object} [locator=null] (optional, `null` by default) element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async switchTo(locator) {
-    if (Number.isInteger(locator)) {
-      return this.browser.switchTo().frame(locator);
-    }
-    if (!locator) {
-      return this.browser.switchTo().frame(null);
-    }
-
-    const els = await this._locate(withStrictLocator.call(this, locator), true);
-    assertElementExists(els, locator);
-    return this.browser.switchTo().frame(els[0]);
-  }
-
-  /**
-   * Pauses execution for a number of seconds.
-   * 
-   * ```js
-   * I.wait(2); // wait 2 secs
-   * ```
-   * 
-   * @param {number} sec number of second to wait.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  wait(sec) {
-    return this.browser.sleep(sec * 1000);
-  }
-
-  /**
-   * Waits for element to be present on page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForElement('.btn.continue');
-   * I.waitForElement('.btn.continue', 5); // wait for 5 secs
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForElement(locator, sec = null) {
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-    const el = global.element(guessLocator(locator) || global.by.css(locator));
-    return this.browser.wait(EC.presenceOf(el), aSec * 1000);
-  }
-
-  async waitUntilExists(locator, sec = null) {
-    console.log(`waitUntilExists deprecated:
-    * use 'waitForElement' to wait for element to be attached
-    * use 'waitForDetached to wait for element to be removed'`);
-    return this.waitForDetached(locator, sec);
-  }
-
-  /**
-   * Waits for an element to become not attached to the DOM on a page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForDetached('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForDetached(locator, sec = null) {
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-    const el = global.element(guessLocator(locator) || global.by.css(locator));
-    return this.browser.wait(EC.not(EC.presenceOf(el)), aSec * 1000).catch((err) => {
-      if (err.message && err.message.indexOf('Wait timed out after') > -1) {
-        throw new Error(`element (${JSON.stringify(locator)}) still on page after ${sec} sec`);
-      } else throw err;
-    });
-  }
-
-  /**
-   * Waits for element to become clickable for number of seconds.
-   *
-   * ```js
-   * I.waitForClickable('#link');
-   * ```
-   */
-  async waitForClickable(locator, sec = null) {
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-    const el = global.element(guessLocator(locator) || global.by.css(locator));
-    return this.browser.wait(EC.elementToBeClickable(el), aSec * 1000);
-  }
-
-  /**
-   * Waits for an element to become visible on a page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForVisible('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForVisible(locator, sec = null) {
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-    const el = global.element(guessLocator(locator) || global.by.css(locator));
-    return this.browser.wait(EC.visibilityOf(el), aSec * 1000);
-  }
-
-  /**
-   * Waits for an element to hide (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitToHide('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitToHide(locator, sec = null) {
-    return this.waitForInvisible(locator, sec);
-  }
-
-  /**
-   * Waits for an element to be removed or become invisible on a page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForInvisible('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForInvisible(locator, sec = null) {
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-    const el = global.element(guessLocator(locator) || global.by.css(locator));
-    return this.browser.wait(EC.invisibilityOf(el), aSec * 1000);
-  }
-
-  async waitForStalenessOf(locator, sec = null) {
-    console.log(`waitForStalenessOf deprecated.
-    * Use waitForDetached to wait for element to be removed from page
-    * Use waitForInvisible to wait for element to be hidden on page`);
-    return this.waitForInvisible(locator, sec);
-  }
-
-  /**
-   * Waits for a specified number of elements on the page.
-   * 
-   * ```js
-   * I.waitNumberOfVisibleElements('a', 3);
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} num number of elements.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitNumberOfVisibleElements(locator, num, sec = null) {
-    function visibilityCountOf(loc, expectedCount) {
-      return function () {
-        return global.element.all(loc)
-          .filter(el => el.isDisplayed())
-          .count()
-          .then(count => count === expectedCount);
-      };
-    }
-
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-    const guessLoc = guessLocator(locator) || global.by.css(locator);
-
-    return this.browser.wait(visibilityCountOf(guessLoc, num), aSec * 1000)
-      .catch(() => {
-        throw Error(`The number of elements (${(new Locator(locator))}) is not ${num} after ${aSec} sec`);
-      });
-  }
-
-  /**
-   * Waits for element to become enabled (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional) time in seconds to wait, 1 by default.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForEnabled(locator, sec = null) {
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-    const el = global.element(guessLocator(locator) || global.by.css(locator));
-
-    return this.browser.wait(EC.elementToBeClickable(el), aSec * 1000)
-      .catch(() => {
-        throw Error(`element (${(new Locator(locator))}) still not enabled after ${aSec} sec`);
-      });
-  }
-
-  /**
-   * Waits for the specified value to be in value attribute.
-   * 
-   * ```js
-   * I.waitForValue('//input', "GoodValue");
-   * ```
-   * 
-   * @param {string | object} field input field.
-   * @param {string }value expected value.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForValue(field, value, sec = null) {
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-
-    const valueToBeInElementValue = (loc) => {
-      return async () => {
-        const els = await findFields(this.browser, loc);
-
-        if (!els) {
-          return false;
-        }
-        const values = await Promise.all(els.map(el => el.getAttribute('value')));
-        return values.filter(part => part.indexOf(value) >= 0).length > 0;
-      };
-    };
-
-    return this.browser.wait(valueToBeInElementValue(field, value), aSec * 1000)
-      .catch(() => {
-        throw Error(`element (${field}) is not in DOM or there is no element(${field}) with value "${value}" after ${aSec} sec`);
-      });
-  }
-
-  /**
-   * Waits for a function to return true (waits for 1 sec by default).
-   * Running in browser context.
-   * 
-   * ```js
-   * I.waitForFunction(fn[, [args[, timeout]])
-   * ```
-   * 
-   * ```js
-   * I.waitForFunction(() => window.requests == 0);
-   * I.waitForFunction(() => window.requests == 0, 5); // waits for 5 sec
-   * I.waitForFunction((count) => window.requests == count, [3], 5) // pass args and wait for 5 sec
-   * ```
-   * 
-   * @param {string|function} fn to be executed in browser context.
-   * @param {any[]|number} [argsOrSec] (optional, `1` by default) arguments for function or seconds.
-   * @param {number} [sec] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForFunction(fn, argsOrSec = null, sec = null) {
-    let args = [];
-    if (argsOrSec) {
-      if (Array.isArray(argsOrSec)) {
-        args = argsOrSec;
-      } else if (typeof argsOrSec === 'number') {
-        sec = argsOrSec;
-      }
-    }
-
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-    return this.browser.wait(() => this.browser.executeScript.call(this.browser, fn, ...args), aSec * 1000);
-  }
-
-  /**
-   * Waiting for the part of the URL to match the expected. Useful for SPA to understand that page was changed.
-   * 
-   * ```js
-   * I.waitInUrl('/info', 2);
-   * ```
-   * 
-   * @param {string} urlPart value to check.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitInUrl(urlPart, sec = null) {
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-    const waitTimeout = aSec * 1000;
-
-    return this.browser.wait(EC.urlContains(urlPart), waitTimeout)
-      .catch(async (e) => {
-        const currUrl = await this.browser.getCurrentUrl();
-        if (/wait timed out after/i.test(e.message)) {
-          throw new Error(`expected url to include ${urlPart}, but found ${currUrl}`);
-        } else {
-          throw e;
-        }
-      });
-  }
-
-  /**
-   * Waits for the entire URL to match the expected
-   * 
-   * ```js
-   * I.waitUrlEquals('/info', 2);
-   * I.waitUrlEquals('http://127.0.0.1:8000/info');
-   * ```
-   * 
-   * @param {string} urlPart value to check.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitUrlEquals(urlPart, sec = null) {
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-    const waitTimeout = aSec * 1000;
-    const baseUrl = this.options.url;
-    if (urlPart.indexOf('http') < 0) {
-      urlPart = baseUrl + urlPart;
-    }
-
-    return this.browser.wait(EC.urlIs(urlPart), waitTimeout)
-      .catch(async (e) => {
-        const currUrl = await this.browser.getCurrentUrl();
-        if (/wait timed out after/i.test(e.message)) {
-          throw new Error(`expected url to be ${urlPart}, but found ${currUrl}`);
-        } else {
-          throw e;
-        }
-      });
-  }
-
-  /**
-   * Waits for a text to appear (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * Narrow down search results by providing context.
-   * 
-   * ```js
-   * I.waitForText('Thank you, form has been submitted');
-   * I.waitForText('Thank you, form has been submitted', 5, '#modal');
-   * ```
-   * 
-   * @param {string }text to wait for.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @param {string | object} [context] (optional) element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForText(text, sec = null, context = null) {
-    if (!context) {
-      context = this.context;
-    }
-    const el = global.element(guessLocator(context) || global.by.css(context));
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-    return this.browser.wait(EC.textToBePresentInElement(el, text), aSec * 1000);
-  }
-
-  // ANGULAR SPECIFIC
-
-  /**
-   * Moves to url
-   */
-  moveTo(path) {
-    return this.browser.setLocation(path);
-  }
-
-  /**
-   * Reload the current page.
-   * 
-   * ```js
-   * I.refreshPage();
-   * ```
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  refreshPage() {
-    return this.browser.refresh();
-  }
-
-  /**
-   * Reloads page
-   */
-  refresh() {
-    console.log('Deprecated in favor of refreshPage');
-    return this.browser.refresh();
-  }
-
-  /**
-   * Scrolls to element matched by locator.
-   * Extra shift can be set with offsetX and offsetY options.
-   * 
-   * ```js
-   * I.scrollTo('footer');
-   * I.scrollTo('#submit', 5, 5);
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @param {number} [offsetX=0] (optional, `0` by default) X-axis offset.
-   * @param {number} [offsetY=0] (optional, `0` by default) Y-axis offset.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async scrollTo(locator, offsetX = 0, offsetY = 0) {
-    if (typeof locator === 'number' && typeof offsetX === 'number') {
-      offsetY = offsetX;
-      offsetX = locator;
-      locator = null;
-    }
-
-    if (locator) {
-      const res = await this._locate(locator, true);
-      if (!res || res.length === 0) {
-        return truth(`elements of ${(new Locator(locator))}`, 'to be seen').assert(false);
-      }
-      const elem = res[0];
-      const location = await elem.getLocation();
-      /* eslint-disable prefer-arrow-callback */
-      return this.executeScript(function (x, y) { return window.scrollTo(x, y); }, location.x + offsetX, location.y + offsetY);
-      /* eslint-enable */
-    }
-
-    /* eslint-disable prefer-arrow-callback, comma-dangle */
-    return this.executeScript(function (x, y) { return window.scrollTo(x, y); }, offsetX, offsetY);
-    /* eslint-enable */
-  }
-
-  /**
-   * Scroll page to the top.
-   * 
-   * ```js
-   * I.scrollPageToTop();
-   * ```
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async scrollPageToTop() {
-    return this.executeScript('window.scrollTo(0, 0);');
-  }
-
-  /**
-   * Scroll page to the bottom.
-   * 
-   * ```js
-   * I.scrollPageToBottom();
-   * ```
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async scrollPageToBottom() {
-    /* eslint-disable prefer-arrow-callback, comma-dangle */
-    return this.executeScript(function () {
-      const body = document.body;
-      const html = document.documentElement;
-      window.scrollTo(0, Math.max(
-        body.scrollHeight,
-        body.offsetHeight,
-        html.clientHeight,
-        html.scrollHeight,
-        html.offsetHeight
-      ));
-    });
-    /* eslint-enable */
-  }
-
-  /**
-   * Retrieves a page scroll position and returns it to test.
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * 
-   * ```js
-   * let { x, y } = await I.grabPageScrollPosition();
-   * ```
-   * 
-   * @returns {Promise<PageScrollPosition>} scroll position
-   * 
-   */
-  async grabPageScrollPosition() {
-    /* eslint-disable comma-dangle */
-    function getScrollPosition() {
-      return {
-        x: window.pageXOffset,
-        y: window.pageYOffset
-      };
-    }
-    /* eslint-enable comma-dangle */
-    return this.executeScript(getScrollPosition);
-  }
-
-  /**
-   * Injects Angular module.
-   *
-   * ```js
-   * I.haveModule('modName', function() {
-   *   angular.module('modName', []).value('foo', 'bar');
-   * });
-   * ```
-   */
-  haveModule(modName, fn) {
-    return this.browser.addMockModule(modName, fn);
-  }
-
-  /**
-   * Removes mocked Angular module. If modName not specified - clears all mock modules.
-   *
-   * ```js
-   * I.resetModule(); // clears all
-   * I.resetModule('modName');
-   * ```
-   */
-  resetModule(modName) {
-    if (!modName) {
-      return this.browser.clearMockModules();
-    }
-    return this.browser.removeMockModule(modName);
-  }
-
-  /**
-   * Sets cookie(s).
-   * 
-   * Can be a single cookie object or an array of cookies:
-   * 
-   * ```js
-   * I.setCookie({name: 'auth', value: true});
-   * 
-   * // as array
-   * I.setCookie([
-   *   {name: 'auth', value: true},
-   *   {name: 'agree', value: true}
-   * ]);
-   * ```
-   * 
-   * @param {Cookie|Array<Cookie>} cookie a cookie object or array of cookie objects.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  setCookie(cookie) {
-    return this.browser.manage().addCookie(cookie);
-  }
-}
-
-module.exports = Protractor;
-
-async function findCheckable(client, locator) {
-  const matchedLocator = guessLocator(locator);
-  if (matchedLocator) {
-    return client.findElements(matchedLocator);
-  }
-  const literal = xpathLocator.literal(locator);
-  let els = await client.findElements(global.by.xpath(Locator.checkable.byText(literal)));
-  if (els.length) {
-    return els;
-  }
-  els = await client.findElements(global.by.xpath(Locator.checkable.byName(literal)));
-  if (els.length) {
-    return els;
-  }
-  return client.findElements(global.by.css(locator));
-}
-
-function withStrictLocator(locator) {
-  locator = new Locator(locator);
-  if (locator.isAccessibilityId()) return withAccessiblitiyLocator.call(this, locator.value);
-  return locator.simplify();
-}
-
-function withAccessiblitiyLocator(locator) {
-  if (this.isWeb === false) {
-    return `accessibility id:${locator.slice(1)}`;
-  }
-  return `[aria-label="${locator.slice(1)}"]`;
-  // hook before webdriverio supports native ~ locators in web
-}
-
-async function findFields(client, locator) {
-  const matchedLocator = guessLocator(locator);
-  if (matchedLocator) {
-    return client.findElements(matchedLocator);
-  }
-  const literal = xpathLocator.literal(locator);
-
-  let els = await client.findElements(global.by.xpath(Locator.field.labelEquals(literal)));
-  if (els.length) {
-    return els;
-  }
-
-  els = await client.findElements(global.by.xpath(Locator.field.labelContains(literal)));
-  if (els.length) {
-    return els;
-  }
-  els = await client.findElements(global.by.xpath(Locator.field.byName(literal)));
-  if (els.length) {
-    return els;
-  }
-  return client.findElements(global.by.css(locator));
-}
-
-async function proceedSee(assertType, text, context) {
-  let description;
-  let locator;
-  if (!context) {
-    if (this.context === this.options.rootElement) {
-      locator = guessLocator(this.context) || global.by.css(this.context);
-      description = 'web application';
-    } else {
-      // inside within block
-      locator = global.by.xpath('.//*');
-      description = `current context ${(new Locator(context)).toString()}`;
-    }
-  } else {
-    locator = guessLocator(context) || global.by.css(context);
-    description = `element ${(new Locator(context)).toString()}`;
-  }
-  const enableSmartWait = !!this.context && assertType === 'assert';
-  const els = await this._smartWait(() => this.browser.findElements(locator), enableSmartWait);
-  const promises = [];
-  let source = '';
-  els.forEach(el => promises.push(el.getText().then(elText => source += `| ${elText}`)));
-  await Promise.all(promises);
-  return stringIncludes(description)[assertType](text, source);
-}
-
-async function proceedSeeInField(assertType, field, value) {
-  const els = await findFields(this.browser, field);
-  assertElementExists(els, field, 'Field');
-  const el = els[0];
-  const tag = await el.getTagName();
-  const fieldVal = await el.getAttribute('value');
-  if (tag === 'select') {
-    // locate option by values and check them
-    const literal = xpathLocator.literal(fieldVal);
-    const textEl = await el.findElement(global.by.xpath(Locator.select.byValue(literal)));
-    const text = await textEl.getText();
-    return equals(`select option by ${field}`)[assertType](value, text);
-  }
-  return stringIncludes(`field by ${field}`)[assertType](value, fieldVal);
-}
-
-async function proceedIsChecked(assertType, option) {
-  const els = await findCheckable(this.browser, option);
-  assertElementExists(els, option, 'Option');
-  const elsSelected = [];
-  els.forEach(el => elsSelected.push(el.isSelected()));
-  const values = await Promise.all(elsSelected);
-  const selected = values.reduce((prev, cur) => prev || cur);
-  return truth(`checkable ${option}`, 'to be checked')[assertType](selected);
-}
-
-async function findClickable(matcher, locator) {
-  locator = new Locator(locator);
-  if (!locator.isFuzzy()) {
-    const els = await this._locate(locator, true);
-    assertElementExists(els, locator.value);
-    return els[0];
-  }
-  const literal = xpathLocator.literal(locator.value);
-  const narrowLocator = Locator.clickable.narrow(literal);
-  let els = await matcher.findElements(global.by.xpath(narrowLocator));
-  if (els.length) {
-    return els[0];
-  }
-
-  els = await matcher.findElements(global.by.xpath(Locator.clickable.wide(literal)));
-  if (els.length) {
-    return els[0];
-  }
-  return matcher.findElement(global.by.css(locator.value));
-}
-
-function guessLocator(locator) {
-  const l = new Locator(locator);
-  if (l.isFuzzy()) return false;
-  if (l.type) return global.by[l.type](l.value);
-  return false;
-}
-
-function assertElementExists(res, locator, prefix, suffix) {
-  if (!res.length) {
-    throw new ElementNotFound(locator, prefix, suffix);
-  }
-}
-
-function isFrameLocator(locator) {
-  locator = new Locator(locator);
-  if (locator.isFrame()) return locator.value;
-  return false;
-}
-
-function isWithin() {
-  return Object.keys(withinStore).length !== 0;
-}
-
-function loadGlobals(browser) {
-  global.browser = browser;
-  global.$ = browser.$;
-  global.$$ = browser.$$;
-  global.element = browser.element;
-  global.by = global.By = new ProtractorBy();
-  global.ExpectedConditions = EC = new ProtractorExpectedConditions(browser);
-}
diff --git a/docs/build/Puppeteer.js b/docs/build/Puppeteer.js
deleted file mode 100644
index 596a3c348..000000000
--- a/docs/build/Puppeteer.js
+++ /dev/null
@@ -1,4028 +0,0 @@
-const axios = require('axios');
-const fs = require('fs');
-const fsExtra = require('fs-extra');
-const path = require('path');
-
-const Helper = require('@codeceptjs/helper');
-const { v4: uuidv4 } = require('uuid');
-const promiseRetry = require('promise-retry');
-const Locator = require('../locator');
-const recorder = require('../recorder');
-const store = require('../store');
-const stringIncludes = require('../assert/include').includes;
-const { urlEquals } = require('../assert/equal');
-const { equals } = require('../assert/equal');
-const { empty } = require('../assert/empty');
-const { truth } = require('../assert/truth');
-const isElementClickable = require('./scripts/isElementClickable');
-const {
-  xpathLocator,
-  ucfirst,
-  fileExists,
-  chunkArray,
-  toCamelCase,
-  clearString,
-  convertCssPropertiesToCamelCase,
-  screenshotOutputFolder,
-  getNormalizedKeyAttributeValue,
-  isModifierKey,
-  requireWithFallback, normalizeSpacesInString,
-} = require('../utils');
-const {
-  isColorProperty,
-  convertColorToRGBA,
-} = require('../colorUtils');
-const ElementNotFound = require('./errors/ElementNotFound');
-const RemoteBrowserConnectionRefused = require('./errors/RemoteBrowserConnectionRefused');
-const Popup = require('./extras/Popup');
-const Console = require('./extras/Console');
-const findReact = require('./extras/React');
-const { highlightElement } = require('./scripts/highlightElement');
-const { blurElement } = require('./scripts/blurElement');
-const { focusElement } = require('./scripts/focusElement');
-const {
-  dontSeeElementError, seeElementError, dontSeeElementInDOMError, seeElementInDOMError,
-} = require('./errors/ElementAssertion');
-
-let puppeteer;
-let perfTiming;
-const popupStore = new Popup();
-const consoleLogStore = new Console();
-
-/**
- * ## Configuration
- *
- * This helper should be configured in codecept.conf.js
- *
- * @typedef PuppeteerConfig
- * @type {object}
- * @prop {string} url - base url of website to be tested
- * @prop {object} [basicAuth] (optional) the basic authentication to pass to base url. Example: {username: 'username', password: 'password'}
- * @prop {boolean} [show] - show Google Chrome window for debug.
- * @prop {boolean} [restart=true] - restart browser between tests.
- * @prop {boolean} [disableScreenshots=false]  - don't save screenshot on failure.
- * @prop {boolean} [fullPageScreenshots=false] - make full page screenshots on failure.
- * @prop {boolean} [uniqueScreenshotNames=false]  - option to prevent screenshot override if you have scenarios with the same name in different suites.
- * @prop {boolean} [trace=false] - record [tracing information](https://pptr.dev/api/puppeteer.tracing) with screenshots.
- * @prop {boolean} [keepTraceForPassedTests=false] - save trace for passed tests.
- * @prop {boolean} [keepBrowserState=false] - keep browser state between tests when `restart` is set to false.
- * @prop {boolean} [keepCookies=false] - keep cookies between tests when `restart` is set to false.
- * @prop {number} [waitForAction=100] - how long to wait after click, doubleClick or PressKey actions in ms. Default: 100.
- * @prop {string} [waitForNavigation=load] - when to consider navigation succeeded. Possible options: `load`, `domcontentloaded`, `networkidle0`, `networkidle2`. See [Puppeteer API](https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pagewaitfornavigationoptions). Array values are accepted as well.
- * @prop {number} [pressKeyDelay=10] - delay between key presses in ms. Used when calling Puppeteers page.type(...) in fillField/appendField
- * @prop {number} [getPageTimeout=30000] - config option to set maximum navigation time in milliseconds. If the timeout is set to 0, then timeout will be disabled.
- * @prop {number} [waitForTimeout=1000] - default wait* timeout in ms.
- * @prop {string} [windowSize] - default window size. Set a dimension in format WIDTHxHEIGHT like `640x480`.
- * @prop {string} [userAgent] - user-agent string.
- * @prop {boolean} [manualStart=false] - do not start browser before a test, start it manually inside a helper with `this.helpers["Puppeteer"]._startBrowser()`.
- * @prop {string} [browser=chrome] - can be changed to `firefox` when using [puppeteer-firefox](https://codecept.io/helpers/Puppeteer-firefox).
- * @prop {object} [chrome] - pass additional [Puppeteer run options](https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#puppeteerlaunchoptions).
- * @prop {boolean} [highlightElement] - highlight the interacting elements. Default: false. Note: only activate under verbose mode (--verbose).
- */
-const config = {};
-
-/**
- * Uses [Google Chrome's Puppeteer](https://github.com/GoogleChrome/puppeteer) library to run tests inside headless Chrome.
- * Browser control is executed via DevTools Protocol (instead of Selenium).
- * This helper works with a browser out of the box with no additional tools required to install.
- *
- * Requires `puppeteer` or `puppeteer-core` package to be installed.
- * ```
- * npm i puppeteer --save
- * ```
- * or
- * ```
- * npm i puppeteer-core --save
- * ```
- * Using `puppeteer-core` package, will prevent the download of browser binaries and allow connecting to an existing browser installation or for connecting to a remote one.
- *
- * > Experimental Firefox support [can be activated](https://codecept.io/helpers/Puppeteer-firefox).
- *
- * <!-- configuration -->
- *
- * #### Trace Recording Customization
- *
- * Trace recording provides complete information on test execution and includes screenshots, and network requests logged during run.
- * Traces will be saved to `output/trace`
- *
- * * `trace`: enables trace recording for failed tests; trace are saved into `output/trace` folder
- * * `keepTraceForPassedTests`: - save trace for passed tests
- *
- * #### Example #1: Wait for 0 network connections.
- *
- * ```js
- * {
- *    helpers: {
- *      Puppeteer : {
- *        url: "http://localhost",
- *        restart: false,
- *        waitForNavigation: "networkidle0",
- *        waitForAction: 500
- *      }
- *    }
- * }
- * ```
- *
- * #### Example #2: Wait for DOMContentLoaded event and 0 network connections
- *
- * ```js
- * {
- *    helpers: {
- *      Puppeteer : {
- *        url: "http://localhost",
- *        restart: false,
- *        waitForNavigation: [ "domcontentloaded", "networkidle0" ],
- *        waitForAction: 500
- *      }
- *    }
- * }
- * ```
- *
- * #### Example #3: Debug in window mode
- *
- * ```js
- * {
- *    helpers: {
- *      Puppeteer : {
- *        url: "http://localhost",
- *        show: true
- *      }
- *    }
- * }
- * ```
- *
- * #### Example #4: Connect to remote browser by specifying [websocket endpoint](https://chromedevtools.github.io/devtools-protocol/#how-do-i-access-the-browser-target)
- *
- * ```js
- * {
- *    helpers: {
- *      Puppeteer: {
- *        url: "http://localhost",
- *        chrome: {
- *          browserWSEndpoint: "ws://localhost:9222/devtools/browser/c5aa6160-b5bc-4d53-bb49-6ecb36cd2e0a"
- *        }
- *      }
- *    }
- * }
- * ```
- * > Note: When connecting to remote browser `show` and specific `chrome` options (e.g. `headless` or `devtools`) are ignored.
- *
- * #### Example #5: Target URL with provided basic authentication
- *
- * ```js
- * {
- *    helpers: {
- *      Puppeteer : {
- *        url: 'http://localhost',
- *        basicAuth: {username: 'username', password: 'password'},
- *        show: true
- *      }
- *    }
- * }
- * ```
- * #### Troubleshooting
- *
- * Error Message:  `No usable sandbox!`
- *
- * When running Puppeteer on CI try to disable sandbox if you see that message
- *
- * ```
- * helpers: {
- *  Puppeteer: {
- *     url: 'http://localhost',
- *     show: false,
- *     chrome: {
- *       args: ['--no-sandbox', '--disable-setuid-sandbox']
- *     }
- *   },
- * }
- * ```
- *
- *
- *
- * ## Access From Helpers
- *
- * Receive Puppeteer client from a custom helper by accessing `browser` for the Browser object or `page` for the current Page object:
- *
- * ```js
- * const { browser } = this.helpers.Puppeteer;
- * await browser.pages(); // List of pages in the browser
- *
- * const { page } = this.helpers.Puppeteer;
- * await page.url(); // Get the url of the current page
- * ```
- *
- * ## Methods
- */
-class Puppeteer extends Helper {
-  constructor(config) {
-    super(config);
-
-    puppeteer = requireWithFallback('puppeteer', 'puppeteer-core');
-    // set defaults
-    this.isRemoteBrowser = false;
-    this.isRunning = false;
-    this.isAuthenticated = false;
-    this.sessionPages = {};
-    this.activeSessionName = '';
-
-    // override defaults with config
-    this._setConfig(config);
-  }
-
-  _validateConfig(config) {
-    const defaults = {
-      browser: 'chrome',
-      waitForAction: 100,
-      waitForTimeout: 1000,
-      pressKeyDelay: 10,
-      fullPageScreenshots: false,
-      disableScreenshots: false,
-      uniqueScreenshotNames: false,
-      manualStart: false,
-      getPageTimeout: 30000,
-      waitForNavigation: 'load',
-      restart: true,
-      keepCookies: false,
-      keepBrowserState: false,
-      show: false,
-      defaultPopupAction: 'accept',
-      highlightElement: false,
-    };
-
-    return Object.assign(defaults, config);
-  }
-
-  _getOptions(config) {
-    return config.browser === 'firefox' ? Object.assign(this.options.firefox, { product: 'firefox' }) : this.options.chrome;
-  }
-
-  _setConfig(config) {
-    this.options = this._validateConfig(config);
-    this.puppeteerOptions = {
-      headless: !this.options.show,
-      ...this._getOptions(config),
-    };
-    if (this.puppeteerOptions.headless) this.puppeteerOptions.headless = 'new';
-    this.isRemoteBrowser = !!this.puppeteerOptions.browserWSEndpoint;
-    popupStore.defaultAction = this.options.defaultPopupAction;
-  }
-
-  static _config() {
-    return [
-      { name: 'url', message: 'Base url of site to be tested', default: 'http://localhost' },
-      {
-        name: 'show', message: 'Show browser window', default: true, type: 'confirm',
-      },
-      {
-        name: 'windowSize', message: 'Browser viewport size', default: '1200x900',
-      },
-    ];
-  }
-
-  static _checkRequirements() {
-    try {
-      requireWithFallback('puppeteer', 'puppeteer-core');
-    } catch (e) {
-      return ['puppeteer'];
-    }
-  }
-
-  _init() {
-  }
-
-  _beforeSuite() {
-    if (!this.options.restart && !this.options.manualStart && !this.isRunning) {
-      this.debugSection('Session', 'Starting singleton browser session');
-      return this._startBrowser();
-    }
-  }
-
-  async _before(test) {
-    this.sessionPages = {};
-    this.currentRunningTest = test;
-    recorder.retry({
-      retries: process.env.FAILED_STEP_RETRIES || 3,
-      when: err => {
-        if (!err || typeof (err.message) !== 'string') {
-          return false;
-        }
-        // ignore context errors
-        return err.message.includes('context');
-      },
-    });
-    if (this.options.restart && !this.options.manualStart) return this._startBrowser();
-    if (!this.isRunning && !this.options.manualStart) return this._startBrowser();
-    return this.browser;
-  }
-
-  async _after() {
-    if (!this.isRunning) return;
-
-    // close other sessions
-    const contexts = this.browser.browserContexts();
-    const defaultCtx = contexts.shift();
-
-    await Promise.all(contexts.map(c => c.close()));
-
-    if (this.options.restart) {
-      this.isRunning = false;
-      return this._stopBrowser();
-    }
-
-    // ensure this.page is from default context
-    if (this.page) {
-      const existingPages = defaultCtx.targets().filter(t => t.type() === 'page');
-      await this._setPage(await existingPages[0].page());
-    }
-
-    if (this.options.keepBrowserState) return;
-
-    if (!this.options.keepCookies) {
-      this.debugSection('Session', 'cleaning cookies and localStorage');
-      await this.clearCookie();
-    }
-    const currentUrl = await this.grabCurrentUrl();
-
-    if (currentUrl.startsWith('http')) {
-      await this.executeScript('localStorage.clear();').catch((err) => {
-        if (!(err.message.indexOf("Storage is disabled inside 'data:' URLs.") > -1)) throw err;
-      });
-      await this.executeScript('sessionStorage.clear();').catch((err) => {
-        if (!(err.message.indexOf("Storage is disabled inside 'data:' URLs.") > -1)) throw err;
-      });
-    }
-    await this.closeOtherTabs();
-    return this.browser;
-  }
-
-  _afterSuite() {
-  }
-
-  _finishTest() {
-    if (!this.options.restart && this.isRunning) return this._stopBrowser();
-  }
-
-  _session() {
-    return {
-      start: async (name = '') => {
-        this.debugSection('Incognito Tab', 'opened');
-        this.activeSessionName = name;
-
-        const bc = await this.browser.createBrowserContext();
-        await bc.newPage();
-
-        // Create a new page inside context.
-        return bc;
-      },
-      stop: async () => {
-        // is closed by _after
-      },
-      loadVars: async (context) => {
-        const existingPages = context.targets().filter(t => t.type() === 'page');
-        this.sessionPages[this.activeSessionName] = await existingPages[0].page();
-        return this._setPage(this.sessionPages[this.activeSessionName]);
-      },
-      restoreVars: async (session) => {
-        this.withinLocator = null;
-
-        if (!session) {
-          this.activeSessionName = '';
-        } else {
-          this.activeSessionName = session;
-        }
-        const defaultCtx = this.browser.defaultBrowserContext();
-        const existingPages = defaultCtx.targets().filter(t => t.type() === 'page');
-        await this._setPage(await existingPages[0].page());
-
-        return this._waitForAction();
-      },
-    };
-  }
-
-  /**
-   * Use Puppeteer API inside a test.
-   *
-   * First argument is a description of an action.
-   * Second argument is async function that gets this helper as parameter.
-   *
-   * { [`page`](https://github.com/puppeteer/puppeteer/blob/master/docs/api.md#class-page), [`browser`](https://github.com/puppeteer/puppeteer/blob/master/docs/api.md#class-browser) } from Puppeteer API are available.
-   *
-   * ```js
-   * I.usePuppeteerTo('emulate offline mode', async ({ page }) {
-   *   await page.setOfflineMode(true);
-   * });
-   * ```
-   *
-   * @param {string} description used to show in logs.
-   * @param {function} fn async function that is executed with Puppeteer as argument
-   */
-  usePuppeteerTo(description, fn) {
-    return this._useTo(...arguments);
-  }
-
-  /**
-   * Set the automatic popup response to Accept.
-   * This must be set before a popup is triggered.
-   *
-   * ```js
-   * I.amAcceptingPopups();
-   * I.click('#triggerPopup');
-   * I.acceptPopup();
-   * ```
-   */
-  amAcceptingPopups() {
-    popupStore.actionType = 'accept';
-  }
-
-  /**
-   * Accepts the active JavaScript native popup window, as created by window.alert|window.confirm|window.prompt.
-   * Don't confuse popups with modal windows, as created by [various
-   * libraries](http://jster.net/category/windows-modals-popups).
-   */
-  acceptPopup() {
-    popupStore.assertPopupActionType('accept');
-  }
-
-  /**
-   * Set the automatic popup response to Cancel/Dismiss.
-   * This must be set before a popup is triggered.
-   *
-   * ```js
-   * I.amCancellingPopups();
-   * I.click('#triggerPopup');
-   * I.cancelPopup();
-   * ```
-   */
-  amCancellingPopups() {
-    popupStore.actionType = 'cancel';
-  }
-
-  /**
-   * Dismisses the active JavaScript popup, as created by window.alert|window.confirm|window.prompt.
-   */
-  cancelPopup() {
-    popupStore.assertPopupActionType('cancel');
-  }
-
-  /**
-   * Checks that the active JavaScript popup, as created by `window.alert|window.confirm|window.prompt`, contains the
-   * given string.
-   * 
-   * ```js
-   * I.seeInPopup('Popup text');
-   * ```
-   * @param {string} text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInPopup(text) {
-    popupStore.assertPopupVisible();
-    const popupText = await popupStore.popup.message();
-    stringIncludes('text in popup').assert(text, popupText);
-  }
-
-  /**
-   * Set current page
-   * @param {object} page page to set
-   */
-  async _setPage(page) {
-    page = await page;
-    this._addPopupListener(page);
-    this._addErrorListener(page);
-    this.page = page;
-    if (!page) return;
-    page.setDefaultNavigationTimeout(this.options.getPageTimeout);
-    this.context = await this.page.$('body');
-    if (this.options.browser === 'chrome') {
-      await page.bringToFront();
-    }
-  }
-
-  async _addErrorListener(page) {
-    if (!page) {
-      return;
-    }
-    page.on('error', async (error) => {
-      console.error('Puppeteer page error', error);
-    });
-  }
-
-  /**
-   * Add the 'dialog' event listener to a page
-   * @page {Puppeteer.Page}
-   *
-   * The popup listener handles the dialog with the predefined action when it appears on the page.
-   * It also saves a reference to the object which is used in seeInPopup.
-   */
-  _addPopupListener(page) {
-    if (!page) {
-      return;
-    }
-    page.on('dialog', async (dialog) => {
-      popupStore.popup = dialog;
-      const action = popupStore.actionType || this.options.defaultPopupAction;
-      await this._waitForAction();
-
-      switch (action) {
-        case 'accept':
-          return dialog.accept();
-
-        case 'cancel':
-          return dialog.dismiss();
-
-        default: {
-          throw new Error('Unknown popup action type. Only "accept" or "cancel" are accepted');
-        }
-      }
-    });
-  }
-
-  /**
-   * Gets page URL including hash.
-   */
-  async _getPageUrl() {
-    return this.executeScript(() => window.location.href);
-  }
-
-  /**
-   * Grab the text within the popup. If no popup is visible then it will return null
-   *
-   * ```js
-   * await I.grabPopupText();
-   * ```
-   * @return {Promise<string | null>}
-   */
-  async grabPopupText() {
-    if (popupStore.popup) {
-      return popupStore.popup.message();
-    }
-    return null;
-  }
-
-  async _startBrowser() {
-    if (this.isRemoteBrowser) {
-      try {
-        this.browser = await puppeteer.connect(this.puppeteerOptions);
-      } catch (err) {
-        if (err.toString().indexOf('ECONNREFUSED')) {
-          throw new RemoteBrowserConnectionRefused(err);
-        }
-        throw err;
-      }
-    } else {
-      this.browser = await puppeteer.launch(this.puppeteerOptions);
-    }
-
-    this.browser.on('targetcreated', target => target.page().then(page => targetCreatedHandler.call(this, page)).catch((e) => {
-      console.error('Puppeteer page error', e);
-    }));
-    this.browser.on('targetchanged', (target) => {
-      this.debugSection('Url', target.url());
-    });
-
-    const existingPages = await this.browser.pages();
-    const mainPage = existingPages[0] || await this.browser.newPage();
-
-    if (existingPages.length) {
-      // Run the handler as it will not be triggered if the page already exists
-      targetCreatedHandler.call(this, mainPage);
-    }
-    await this._setPage(mainPage);
-    await this.closeOtherTabs();
-
-    this.isRunning = true;
-  }
-
-  async _stopBrowser() {
-    this.withinLocator = null;
-    this._setPage(null);
-    this.context = null;
-    popupStore.clear();
-    this.isAuthenticated = false;
-    await this.browser.close();
-    if (this.isRemoteBrowser) {
-      await this.browser.disconnect();
-    }
-  }
-
-  async _evaluateHandeInContext(...args) {
-    const context = await this._getContext();
-    return context.evaluateHandle(...args);
-  }
-
-  async _withinBegin(locator) {
-    if (this.withinLocator) {
-      throw new Error('Can\'t start within block inside another within block');
-    }
-
-    const frame = isFrameLocator(locator);
-
-    if (frame) {
-      if (Array.isArray(frame)) {
-        return this.switchTo(null)
-          .then(() => frame.reduce((p, frameLocator) => p.then(() => this.switchTo(frameLocator)), Promise.resolve()));
-      }
-      await this.switchTo(frame);
-      this.withinLocator = new Locator(frame);
-      return;
-    }
-
-    const els = await this._locate(locator);
-    assertElementExists(els, locator);
-    this.context = els[0];
-
-    this.withinLocator = new Locator(locator);
-  }
-
-  async _withinEnd() {
-    this.withinLocator = null;
-    this.context = await this.page.mainFrame().$('body');
-  }
-
-  _extractDataFromPerformanceTiming(timing, ...dataNames) {
-    const navigationStart = timing.navigationStart;
-
-    const extractedData = {};
-    dataNames.forEach((name) => {
-      extractedData[name] = timing[name] - navigationStart;
-    });
-
-    return extractedData;
-  }
-
-  /**
-   * Opens a web page in a browser. Requires relative or absolute url.
-   * If url starts with `/`, opens a web page of a site defined in `url` config parameter.
-   * 
-   * ```js
-   * I.amOnPage('/'); // opens main page of website
-   * I.amOnPage('https://github.com'); // opens github
-   * I.amOnPage('/login'); // opens a login page
-   * ```
-   * 
-   * @param {string} url url path or global url.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async amOnPage(url) {
-    if (!(/^\w+\:\/\//.test(url))) {
-      url = this.options.url + url;
-    }
-
-    if (this.options.basicAuth && (this.isAuthenticated !== true)) {
-      if (url.includes(this.options.url)) {
-        await this.page.authenticate(this.options.basicAuth);
-        this.isAuthenticated = true;
-      }
-    }
-
-    if (this.options.trace) {
-      const fileName = `${`${global.output_dir}${path.sep}trace${path.sep}${uuidv4()}_${clearString(this.currentRunningTest.title)}`.slice(0, 245)}.json`;
-      const dir = path.dirname(fileName);
-      if (!fileExists(dir)) fs.mkdirSync(dir);
-      await this.page.tracing.start({ screenshots: true, path: fileName });
-      this.currentRunningTest.artifacts.trace = fileName;
-    }
-
-    await this.page.goto(url, { waitUntil: this.options.waitForNavigation });
-
-    const performanceTiming = JSON.parse(await this.page.evaluate(() => JSON.stringify(window.performance.timing)));
-
-    perfTiming = this._extractDataFromPerformanceTiming(
-      performanceTiming,
-      'responseEnd',
-      'domInteractive',
-      'domContentLoadedEventEnd',
-      'loadEventEnd',
-    );
-
-    return this._waitForAction();
-  }
-
-  /**
-   *
-   * Unlike other drivers Puppeteer changes the size of a viewport, not the window!
-   * Puppeteer does not control the window of a browser, so it can't adjust its real size.
-   * It also can't maximize a window.
-   *
-   * Resize the current window to provided width and height.
-   * First parameter can be set to `maximize`.
-   * 
-   * @param {number} width width in pixels or `maximize`.
-   * @param {number} height height in pixels.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async resizeWindow(width, height) {
-    if (width === 'maximize') {
-      throw new Error('Puppeteer can\'t control windows, so it can\'t maximize it');
-    }
-
-    await this.page.setViewport({ width, height });
-    return this._waitForAction();
-  }
-
-  /**
-   * Set headers for all next requests
-   *
-   * ```js
-   * I.setPuppeteerRequestHeaders({
-   *    'X-Sent-By': 'CodeceptJS',
-   * });
-   * ```
-   *
-   * @param {object} customHeaders headers to set
-   */
-  async setPuppeteerRequestHeaders(customHeaders) {
-    if (!customHeaders) {
-      throw new Error('Cannot send empty headers.');
-    }
-    return this.page.setExtraHTTPHeaders(customHeaders);
-  }
-
-  /**
-   * Moves cursor to element matched by locator.
-   * Extra shift can be set with offsetX and offsetY options.
-   * 
-   * ```js
-   * I.moveCursorTo('.tooltip');
-   * I.moveCursorTo('#submit', 5,5);
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @param {number} [offsetX=0] (optional, `0` by default) X-axis offset.
-   * @param {number} [offsetY=0] (optional, `0` by default) Y-axis offset.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   * {{ react }}
-   */
-  async moveCursorTo(locator, offsetX = 0, offsetY = 0) {
-    const els = await this._locate(locator);
-    assertElementExists(els, locator);
-
-    // Use manual mouse.move instead of .hover() so the offset can be added to the coordinates
-    const { x, y } = await getClickablePoint(els[0]);
-    await this.page.mouse.move(x + offsetX, y + offsetY);
-    return this._waitForAction();
-  }
-
-  /**
-   * Calls [focus](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus) on the matching element.
-   * 
-   * Examples:
-   * 
-   * ```js
-   * I.dontSee('#add-to-cart-btn');
-   * I.focus('#product-tile')
-   * I.see('#add-to-cart-bnt');
-   * ```
-   * 
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @param {any} [options] Playwright only: [Additional options](https://playwright.dev/docs/api/class-locator#locator-focus) for available options object as 2nd argument.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async focus(locator) {
-    const els = await this._locate(locator);
-    assertElementExists(els, locator, 'Element to focus');
-    const el = els[0];
-
-    await el.click();
-    await el.focus();
-    return this._waitForAction();
-  }
-
-  /**
-   * Remove focus from a text input, button, etc.
-   * Calls [blur](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus) on the element.
-   * 
-   * Examples:
-   * 
-   * ```js
-   * I.blur('.text-area')
-   * ```
-   * ```js
-   * //element `#product-tile` is focused
-   * I.see('#add-to-cart-btn');
-   * I.blur('#product-tile')
-   * I.dontSee('#add-to-cart-btn');
-   * ```
-   * 
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @param {any} [options] Playwright only: [Additional options](https://playwright.dev/docs/api/class-locator#locator-blur) for available options object as 2nd argument.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async blur(locator) {
-    const els = await this._locate(locator);
-    assertElementExists(els, locator, 'Element to blur');
-
-    await blurElement(els[0], this.page);
-    return this._waitForAction();
-  }
-
-  /**
-   * Drag an item to a destination element.
-   * 
-   * ```js
-   * I.dragAndDrop('#dragHandle', '#container');
-   * ```
-   * 
-   * @param {string | object} srcElement located by CSS|XPath|strict locator.
-   * @param {string | object} destElement located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dragAndDrop(srcElement, destElement) {
-    return proceedDragAndDrop.call(this, srcElement, destElement);
-  }
-
-  /**
-   * Reload the current page.
-   * 
-   * ```js
-   * I.refreshPage();
-   * ```
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async refreshPage() {
-    return this.page.reload({ timeout: this.options.getPageTimeout, waitUntil: this.options.waitForNavigation });
-  }
-
-  /**
-   * Scroll page to the top.
-   * 
-   * ```js
-   * I.scrollPageToTop();
-   * ```
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  scrollPageToTop() {
-    return this.executeScript(() => {
-      window.scrollTo(0, 0);
-    });
-  }
-
-  /**
-   * Scroll page to the bottom.
-   * 
-   * ```js
-   * I.scrollPageToBottom();
-   * ```
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  scrollPageToBottom() {
-    return this.executeScript(() => {
-      const body = document.body;
-      const html = document.documentElement;
-      window.scrollTo(0, Math.max(
-        body.scrollHeight,
-        body.offsetHeight,
-        html.clientHeight,
-        html.scrollHeight,
-        html.offsetHeight,
-      ));
-    });
-  }
-
-  /**
-   * Scrolls to element matched by locator.
-   * Extra shift can be set with offsetX and offsetY options.
-   * 
-   * ```js
-   * I.scrollTo('footer');
-   * I.scrollTo('#submit', 5, 5);
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @param {number} [offsetX=0] (optional, `0` by default) X-axis offset.
-   * @param {number} [offsetY=0] (optional, `0` by default) Y-axis offset.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async scrollTo(locator, offsetX = 0, offsetY = 0) {
-    if (typeof locator === 'number' && typeof offsetX === 'number') {
-      offsetY = offsetX;
-      offsetX = locator;
-      locator = null;
-    }
-
-    if (locator) {
-      const els = await this._locate(locator);
-      assertElementExists(els, locator, 'Element');
-      const el = els[0];
-      await el.evaluate((el) => el.scrollIntoView());
-      const elementCoordinates = await getClickablePoint(els[0]);
-      await this.executeScript((x, y) => window.scrollBy(x, y), elementCoordinates.x + offsetX, elementCoordinates.y + offsetY);
-    } else {
-      await this.executeScript((x, y) => window.scrollTo(x, y), offsetX, offsetY);
-    }
-    return this._waitForAction();
-  }
-
-  /**
-   * Checks that title contains text.
-   * 
-   * ```js
-   * I.seeInTitle('Home Page');
-   * ```
-   * 
-   * @param {string} text text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInTitle(text) {
-    const title = await this.page.title();
-    stringIncludes('web page title').assert(text, title);
-  }
-
-  /**
-   * Retrieves a page scroll position and returns it to test.
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * 
-   * ```js
-   * let { x, y } = await I.grabPageScrollPosition();
-   * ```
-   * 
-   * @returns {Promise<PageScrollPosition>} scroll position
-   * 
-   */
-  async grabPageScrollPosition() {
-    /* eslint-disable comma-dangle */
-    function getScrollPosition() {
-      return {
-        x: window.pageXOffset,
-        y: window.pageYOffset
-      };
-    }
-    /* eslint-enable comma-dangle */
-    return this.executeScript(getScrollPosition);
-  }
-
-  /**
-   * Checks that title is equal to provided one.
-   * 
-   * ```js
-   * I.seeTitleEquals('Test title.');
-   * ```
-   * 
-   * @param {string} text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeTitleEquals(text) {
-    const title = await this.page.title();
-    return equals('web page title').assert(title, text);
-  }
-
-  /**
-   * Checks that title does not contain text.
-   * 
-   * ```js
-   * I.dontSeeInTitle('Error');
-   * ```
-   * 
-   * @param {string} text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeInTitle(text) {
-    const title = await this.page.title();
-    stringIncludes('web page title').negate(text, title);
-  }
-
-  /**
-   * Retrieves a page title and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let title = await I.grabTitle();
-   * ```
-   * 
-   * @returns {Promise<string>} title
-   */
-  async grabTitle() {
-    return this.page.title();
-  }
-
-  /**
-   * Get elements by different locator types, including strict locator
-   * Should be used in custom helpers:
-   *
-   * ```js
-   * const elements = await this.helpers['Puppeteer']._locate({name: 'password'});
-   * ```
-   *
-   * {{ react }}
-   */
-  async _locate(locator) {
-    const context = await this.context;
-    return findElements.call(this, context, locator);
-  }
-
-  /**
-   * Find a checkbox by providing human-readable text:
-   * NOTE: Assumes the checkable element exists
-   *
-   * ```js
-   * this.helpers['Puppeteer']._locateCheckable('I agree with terms and conditions').then // ...
-   * ```
-   */
-  async _locateCheckable(locator, providedContext = null) {
-    const context = providedContext || await this._getContext();
-    const els = await findCheckable.call(this, locator, context);
-    assertElementExists(els[0], locator, 'Checkbox or radio');
-    return els[0];
-  }
-
-  /**
-   * Find a clickable element by providing human-readable text:
-   *
-   * ```js
-   * this.helpers['Puppeteer']._locateClickable('Next page').then // ...
-   * ```
-   */
-  async _locateClickable(locator) {
-    const context = await this.context;
-    return findClickable.call(this, context, locator);
-  }
-
-  /**
-   * Find field elements by providing human-readable text:
-   *
-   * ```js
-   * this.helpers['Puppeteer']._locateFields('Your email').then // ...
-   * ```
-   */
-  async _locateFields(locator) {
-    return findFields.call(this, locator);
-  }
-
-  /**
-   * Grab WebElements for given locator
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * 
-   * ```js
-   * const webElements = await I.grabWebElements('#button');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {Promise<*>} WebElement of being used Web helper
-   * 
-   *
-   */
-  async grabWebElements(locator) {
-    return this._locate(locator);
-  }
-
-  /**
-   * Switch focus to a particular tab by its number. It waits tabs loading and then switch tab
-   *
-   * ```js
-   * I.switchToNextTab();
-   * I.switchToNextTab(2);
-   * ```
-   *
-   * @param {number} [num=1]
-   */
-  async switchToNextTab(num = 1) {
-    const pages = await this.browser.pages();
-    const index = pages.indexOf(this.page);
-    this.withinLocator = null;
-    const page = pages[index + num];
-
-    if (!page) {
-      throw new Error(`There is no ability to switch to next tab with offset ${num}`);
-    }
-
-    await this._setPage(page);
-    return this._waitForAction();
-  }
-
-  /**
-   * Switch focus to a particular tab by its number. It waits tabs loading and then switch tab
-   *
-   * ```js
-   * I.switchToPreviousTab();
-   * I.switchToPreviousTab(2);
-   * ```
-   * @param {number} [num=1]
-   */
-  async switchToPreviousTab(num = 1) {
-    const pages = await this.browser.pages();
-    const index = pages.indexOf(this.page);
-    this.withinLocator = null;
-    const page = pages[index - num];
-
-    if (!page) {
-      throw new Error(`There is no ability to switch to previous tab with offset ${num}`);
-    }
-
-    await this._setPage(page);
-    return this._waitForAction();
-  }
-
-  /**
-   * Close current tab and switches to previous.
-   *
-   * ```js
-   * I.closeCurrentTab();
-   * ```
-   */
-  async closeCurrentTab() {
-    const oldPage = this.page;
-    await this.switchToPreviousTab();
-    await oldPage.close();
-    return this._waitForAction();
-  }
-
-  /**
-   * Close all tabs except for the current one.
-   *
-   * ```js
-   * I.closeOtherTabs();
-   * ```
-   */
-  async closeOtherTabs() {
-    const pages = await this.browser.pages();
-    const otherPages = pages.filter(page => page !== this.page);
-
-    let p = Promise.resolve();
-    otherPages.forEach((page) => {
-      p = p.then(() => page.close());
-    });
-    await p;
-    return this._waitForAction();
-  }
-
-  /**
-   * Open new tab and switch to it
-   *
-   * ```js
-   * I.openNewTab();
-   * ```
-   */
-  async openNewTab() {
-    await this._setPage(await this.browser.newPage());
-    return this._waitForAction();
-  }
-
-  /**
-   * Grab number of open tabs.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let tabs = await I.grabNumberOfOpenTabs();
-   * ```
-   * 
-   * @returns {Promise<number>} number of open tabs
-   * 
-   */
-  async grabNumberOfOpenTabs() {
-    const pages = await this.browser.pages();
-    return pages.length;
-  }
-
-  /**
-   * Checks that a given Element is visible
-   * Element is located by CSS or XPath.
-   * 
-   * ```js
-   * I.seeElement('#modal');
-   * ```
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   * {{ react }}
-   */
-  async seeElement(locator) {
-    let els = await this._locate(locator);
-    els = (await Promise.all(els.map(el => el.boundingBox() && el))).filter(v => v);
-    // Puppeteer visibility was ignored? | Remove when Puppeteer is fixed
-    els = await Promise.all(els.map(async el => (await el.evaluate(node => window.getComputedStyle(node).visibility !== 'hidden' && window.getComputedStyle(node).display !== 'none')) && el));
-    try {
-      return empty('visible elements').negate(els.filter(v => v).fill('ELEMENT'));
-    } catch (e) {
-      dontSeeElementError(locator);
-    }
-  }
-
-  /**
-   * Opposite to `seeElement`. Checks that element is not visible (or in DOM)
-   * 
-   * ```js
-   * I.dontSeeElement('.modal'); // modal is not shown
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   * {{ react }}
-   */
-  async dontSeeElement(locator) {
-    let els = await this._locate(locator);
-    els = (await Promise.all(els.map(el => el.boundingBox() && el))).filter(v => v);
-    // Puppeteer visibility was ignored? | Remove when Puppeteer is fixed
-    els = await Promise.all(els.map(async el => (await el.evaluate(node => window.getComputedStyle(node).visibility !== 'hidden' && window.getComputedStyle(node).display !== 'none')) && el));
-    try {
-      return empty('visible elements').assert(els.filter(v => v).fill('ELEMENT'));
-    } catch (e) {
-      seeElementError(locator);
-    }
-  }
-
-  /**
-   * Checks that a given Element is present in the DOM
-   * Element is located by CSS or XPath.
-   * 
-   * ```js
-   * I.seeElementInDOM('#modal');
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeElementInDOM(locator) {
-    const els = await this._locate(locator);
-    try {
-      return empty('elements on page').negate(els.filter(v => v).fill('ELEMENT'));
-    } catch (e) {
-      dontSeeElementInDOMError(locator);
-    }
-  }
-
-  /**
-   * Opposite to `seeElementInDOM`. Checks that element is not on page.
-   * 
-   * ```js
-   * I.dontSeeElementInDOM('.nav'); // checks that element is not on page visible or not
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeElementInDOM(locator) {
-    const els = await this._locate(locator);
-    try {
-      return empty('elements on a page').assert(els.filter(v => v).fill('ELEMENT'));
-    } catch (e) {
-      seeElementInDOMError(locator);
-    }
-  }
-
-  /**
-   * Perform a click on a link or a button, given by a locator.
-   * If a fuzzy locator is given, the page will be searched for a button, link, or image matching the locator string.
-   * For buttons, the "value" attribute, "name" attribute, and inner text are searched. For links, the link text is searched.
-   * For images, the "alt" attribute and inner text of any parent links are searched.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * // simple link
-   * I.click('Logout');
-   * // button of form
-   * I.click('Submit');
-   * // CSS button
-   * I.click('#form input[type=submit]');
-   * // XPath
-   * I.click('//form/*[@type=submit]');
-   * // link in context
-   * I.click('Logout', '#nav');
-   * // using strict locator
-   * I.click({css: 'nav a.login'});
-   * ```
-   * 
-   * @param {string | object} locator clickable link or button located by text, or any element located by CSS|XPath|strict locator.
-   * @param {?string | object | null} [context=null] (optional, `null` by default) element to search in CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * {{ react }}
-   */
-  async click(locator, context = null) {
-    return proceedClick.call(this, locator, context);
-  }
-
-  /**
-   * Perform an emulated click on a link or a button, given by a locator.
-   * Unlike normal click instead of sending native event, emulates a click with JavaScript.
-   * This works on hidden, animated or inactive elements as well.
-   * 
-   * If a fuzzy locator is given, the page will be searched for a button, link, or image matching the locator string.
-   * For buttons, the "value" attribute, "name" attribute, and inner text are searched. For links, the link text is searched.
-   * For images, the "alt" attribute and inner text of any parent links are searched.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * // simple link
-   * I.forceClick('Logout');
-   * // button of form
-   * I.forceClick('Submit');
-   * // CSS button
-   * I.forceClick('#form input[type=submit]');
-   * // XPath
-   * I.forceClick('//form/*[@type=submit]');
-   * // link in context
-   * I.forceClick('Logout', '#nav');
-   * // using strict locator
-   * I.forceClick({css: 'nav a.login'});
-   * ```
-   * 
-   * @param {string | object} locator clickable link or button located by text, or any element located by CSS|XPath|strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element to search in CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * {{ react }}
-   */
-  async forceClick(locator, context = null) {
-    let matcher = await this.context;
-    if (context) {
-      const els = await this._locate(context);
-      assertElementExists(els, context);
-      matcher = els[0];
-    }
-
-    const els = await findClickable.call(this, matcher, locator);
-    if (context) {
-      assertElementExists(els, locator, 'Clickable element', `was not found inside element ${new Locator(context).toString()}`);
-    } else {
-      assertElementExists(els, locator, 'Clickable element');
-    }
-    const elem = els[0];
-    return this.executeScript((el) => {
-      if (document.activeElement instanceof HTMLElement) {
-        document.activeElement.blur();
-      }
-      const event = document.createEvent('MouseEvent');
-      event.initEvent('click', true, true);
-      return el.dispatchEvent(event);
-    }, elem);
-  }
-
-  /**
-   * Performs a click on a link and waits for navigation before moving on.
-   * 
-   * ```js
-   * I.clickLink('Logout', '#nav');
-   * ```
-   * @param {string | object} locator clickable link or button located by text, or any element located by CSS|XPath|strict locator
-   * @param {?string | object} [context=null] (optional, `null` by default) element to search in CSS|XPath|Strict locator
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * {{ react }}
-   */
-  async clickLink(locator, context = null) {
-    return proceedClick.call(this, locator, context, { waitForNavigation: true });
-  }
-
-  /**
-   * Sets a directory to where save files. Allows to test file downloads.
-   * Should be used with [FileSystem helper](https://codecept.io/helpers/FileSystem) to check that file were downloaded correctly.
-   *
-   * By default, files are saved to `output/downloads`.
-   * This directory is cleaned on every `handleDownloads` call, to ensure no old files are kept.
-   *
-   * ```js
-   * I.handleDownloads();
-   * I.click('Download Avatar');
-   * I.amInPath('output/downloads');
-   * I.seeFile('avatar.jpg');
-   *
-   * ```
-   *
-   * @param {string} [downloadPath='downloads'] change this parameter to set another directory for saving
-   */
-  async handleDownloads(downloadPath = 'downloads') {
-    downloadPath = path.join(global.output_dir, downloadPath);
-    if (!fs.existsSync(downloadPath)) {
-      fs.mkdirSync(downloadPath, '0777');
-    }
-    fsExtra.emptyDirSync(downloadPath);
-
-    try {
-      return this.page._client.send('Page.setDownloadBehavior', { behavior: 'allow', downloadPath });
-    } catch (e) {
-      return this.page._client().send('Page.setDownloadBehavior', { behavior: 'allow', downloadPath });
-    }
-  }
-
-  /**
-   * This method is **deprecated**.
-   *
-   * Please use `handleDownloads()` instead.
-   */
-  async downloadFile(locator, customName) {
-    let fileName;
-    await this.page.setRequestInterception(true);
-
-    const xRequest = await new Promise((resolve) => {
-      this.page.on('request', (request) => {
-        console.log('rq', request, customName);
-        const grabbedFileName = request.url().split('/')[request.url().split('/').length - 1];
-        const fileExtension = request.url().split('/')[request.url().split('/').length - 1].split('.')[1];
-        console.log('nm', customName, fileExtension);
-        if (customName && path.extname(customName) !== fileExtension) {
-          console.log('bypassing a request');
-          request.continue();
-          return;
-        }
-        customName ? fileName = `${customName}.${fileExtension}` : fileName = grabbedFileName;
-        request.abort();
-        resolve(request);
-      });
-    });
-
-    await this.click(locator);
-
-    const options = {
-      encoding: null,
-      method: xRequest._method,
-      uri: xRequest._url,
-      body: xRequest._postData,
-      headers: xRequest._headers,
-    };
-
-    const cookies = await this.page.cookies();
-    options.headers.Cookie = cookies.map(ck => `${ck.name}=${ck.value}`).join(';');
-
-    const response = await axios({
-      method: options.method,
-      url: options.uri,
-      headers: options.headers,
-      responseType: 'arraybuffer',
-      onDownloadProgress(e) {
-        console.log('+', e);
-      },
-    });
-
-    const outputFile = path.join(`${global.output_dir}/${fileName}`);
-
-    try {
-      await new Promise((resolve, reject) => {
-        const wstream = fs.createWriteStream(outputFile);
-        console.log(response);
-        wstream.write(response.data);
-        wstream.end();
-        this.debug(`File is downloaded in ${outputFile}`);
-        wstream.on('finish', () => { resolve(fileName); });
-        wstream.on('error', reject);
-      });
-    } catch (error) {
-      throw new Error(`There is something wrong with downloaded file. ${error}`);
-    }
-  }
-
-  /**
-   * Performs a double-click on an element matched by link|button|label|CSS or XPath.
-   * Context can be specified as second parameter to narrow search.
-   * 
-   * ```js
-   * I.doubleClick('Edit');
-   * I.doubleClick('Edit', '.actions');
-   * I.doubleClick({css: 'button.accept'});
-   * I.doubleClick('.btn.edit');
-   * ```
-   * 
-   * @param {string | object} locator clickable link or button located by text, or any element located by CSS|XPath|strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element to search in CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * {{ react }}
-   */
-  async doubleClick(locator, context = null) {
-    return proceedClick.call(this, locator, context, { clickCount: 2 });
-  }
-
-  /**
-   * Performs right click on a clickable element matched by semantic locator, CSS or XPath.
-   * 
-   * ```js
-   * // right click element with id el
-   * I.rightClick('#el');
-   * // right click link or button with text "Click me"
-   * I.rightClick('Click me');
-   * // right click button with text "Click me" inside .context
-   * I.rightClick('Click me', '.context');
-   * ```
-   * 
-   * @param {string | object} locator clickable element located by CSS|XPath|strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * {{ react }}
-   */
-  async rightClick(locator, context = null) {
-    return proceedClick.call(this, locator, context, { button: 'right' });
-  }
-
-  /**
-   * Selects a checkbox or radio button.
-   * Element is located by label or name or CSS or XPath.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * I.checkOption('#agree');
-   * I.checkOption('I Agree to Terms and Conditions');
-   * I.checkOption('agree', '//form');
-   * ```
-   * @param {string | object} field checkbox located by label | name | CSS | XPath | strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS | XPath | strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async checkOption(field, context = null) {
-    const elm = await this._locateCheckable(field, context);
-    const curentlyChecked = await elm.getProperty('checked')
-      .then(checkedProperty => checkedProperty.jsonValue());
-    // Only check if NOT currently checked
-    if (!curentlyChecked) {
-      await elm.click();
-      return this._waitForAction();
-    }
-  }
-
-  /**
-   * Unselects a checkbox or radio button.
-   * Element is located by label or name or CSS or XPath.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * I.uncheckOption('#agree');
-   * I.uncheckOption('I Agree to Terms and Conditions');
-   * I.uncheckOption('agree', '//form');
-   * ```
-   * @param {string | object} field checkbox located by label | name | CSS | XPath | strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS | XPath | strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async uncheckOption(field, context = null) {
-    const elm = await this._locateCheckable(field, context);
-    const curentlyChecked = await elm.getProperty('checked')
-      .then(checkedProperty => checkedProperty.jsonValue());
-    // Only uncheck if currently checked
-    if (curentlyChecked) {
-      await elm.click();
-      return this._waitForAction();
-    }
-  }
-
-  /**
-   * Verifies that the specified checkbox is checked.
-   * 
-   * ```js
-   * I.seeCheckboxIsChecked('Agree');
-   * I.seeCheckboxIsChecked('#agree'); // I suppose user agreed to terms
-   * I.seeCheckboxIsChecked({css: '#signup_form input[type=checkbox]'});
-   * ```
-   * 
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeCheckboxIsChecked(field) {
-    return proceedIsChecked.call(this, 'assert', field);
-  }
-
-  /**
-   * Verifies that the specified checkbox is not checked.
-   * 
-   * ```js
-   * I.dontSeeCheckboxIsChecked('#agree'); // located by ID
-   * I.dontSeeCheckboxIsChecked('I agree to terms'); // located by label
-   * I.dontSeeCheckboxIsChecked('agree'); // located by name
-   * ```
-   * 
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeCheckboxIsChecked(field) {
-    return proceedIsChecked.call(this, 'negate', field);
-  }
-
-  /**
-   * Presses a key in the browser and leaves it in a down state.
-   * 
-   * To make combinations with modifier key and user operation (e.g. `'Control'` + [`click`](#click)).
-   * 
-   * ```js
-   * I.pressKeyDown('Control');
-   * I.click('#element');
-   * I.pressKeyUp('Control');
-   * ```
-   * 
-   * @param {string} key name of key to press down.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async pressKeyDown(key) {
-    key = getNormalizedKey.call(this, key);
-    await this.page.keyboard.down(key);
-    return this._waitForAction();
-  }
-
-  /**
-   * Releases a key in the browser which was previously set to a down state.
-   * 
-   * To make combinations with modifier key and user operation (e.g. `'Control'` + [`click`](#click)).
-   * 
-   * ```js
-   * I.pressKeyDown('Control');
-   * I.click('#element');
-   * I.pressKeyUp('Control');
-   * ```
-   * 
-   * @param {string} key name of key to release.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async pressKeyUp(key) {
-    key = getNormalizedKey.call(this, key);
-    await this.page.keyboard.up(key);
-    return this._waitForAction();
-  }
-
-  /**
-   * _Note:_ Shortcuts like `'Meta'` + `'A'` do not work on macOS ([GoogleChrome/puppeteer#1313](https://github.com/GoogleChrome/puppeteer/issues/1313)).
-   *
-   * Presses a key in the browser (on a focused element).
-   * 
-   * _Hint:_ For populating text field or textarea, it is recommended to use [`fillField`](#fillfield).
-   * 
-   * ```js
-   * I.pressKey('Backspace');
-   * ```
-   * 
-   * To press a key in combination with modifier keys, pass the sequence as an array. All modifier keys (`'Alt'`, `'Control'`, `'Meta'`, `'Shift'`) will be released afterwards.
-   * 
-   * ```js
-   * I.pressKey(['Control', 'Z']);
-   * ```
-   * 
-   * For specifying operation modifier key based on operating system it is suggested to use `'CommandOrControl'`.
-   * This will press `'Command'` (also known as `'Meta'`) on macOS machines and `'Control'` on non-macOS machines.
-   * 
-   * ```js
-   * I.pressKey(['CommandOrControl', 'Z']);
-   * ```
-   * 
-   * Some of the supported key names are:
-   * - `'AltLeft'` or `'Alt'`
-   * - `'AltRight'`
-   * - `'ArrowDown'`
-   * - `'ArrowLeft'`
-   * - `'ArrowRight'`
-   * - `'ArrowUp'`
-   * - `'Backspace'`
-   * - `'Clear'`
-   * - `'ControlLeft'` or `'Control'`
-   * - `'ControlRight'`
-   * - `'Command'`
-   * - `'CommandOrControl'`
-   * - `'Delete'`
-   * - `'End'`
-   * - `'Enter'`
-   * - `'Escape'`
-   * - `'F1'` to `'F12'`
-   * - `'Home'`
-   * - `'Insert'`
-   * - `'MetaLeft'` or `'Meta'`
-   * - `'MetaRight'`
-   * - `'Numpad0'` to `'Numpad9'`
-   * - `'NumpadAdd'`
-   * - `'NumpadDecimal'`
-   * - `'NumpadDivide'`
-   * - `'NumpadMultiply'`
-   * - `'NumpadSubtract'`
-   * - `'PageDown'`
-   * - `'PageUp'`
-   * - `'Pause'`
-   * - `'Return'`
-   * - `'ShiftLeft'` or `'Shift'`
-   * - `'ShiftRight'`
-   * - `'Space'`
-   * - `'Tab'`
-   * 
-   * @param {string|string[]} key key or array of keys to press.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async pressKey(key) {
-    const modifiers = [];
-    if (Array.isArray(key)) {
-      for (let k of key) {
-        k = getNormalizedKey.call(this, k);
-        if (isModifierKey(k)) {
-          modifiers.push(k);
-        } else {
-          key = k;
-          break;
-        }
-      }
-    } else {
-      key = getNormalizedKey.call(this, key);
-    }
-    for (const modifier of modifiers) {
-      await this.page.keyboard.down(modifier);
-    }
-    await this.page.keyboard.press(key);
-    for (const modifier of modifiers) {
-      await this.page.keyboard.up(modifier);
-    }
-    return this._waitForAction();
-  }
-
-  /**
-   * Types out the given text into an active field.
-   * To slow down typing use a second parameter, to set interval between key presses.
-   * _Note:_ Should be used when [`fillField`](#fillfield) is not an option.
-   * 
-   * ```js
-   * // passing in a string
-   * I.type('Type this out.');
-   * 
-   * // typing values with a 100ms interval
-   * I.type('4141555311111111', 100);
-   * 
-   * // passing in an array
-   * I.type(['T', 'E', 'X', 'T']);
-   * 
-   * // passing a secret
-   * I.type(secret('123456'));
-   * ```
-   * 
-   * @param {string|string[]} key or array of keys to type.
-   * @param {?number} [delay=null] (optional) delay in ms between key presses
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async type(keys, delay = null) {
-    if (!Array.isArray(keys)) {
-      keys = keys.toString();
-      keys = keys.split('');
-    }
-
-    for (const key of keys) {
-      await this.page.keyboard.press(key);
-      if (delay) await this.wait(delay / 1000);
-    }
-  }
-
-  /**
-   * Fills a text field or textarea, after clearing its value, with the given string.
-   * Field is located by name, label, CSS, or XPath.
-   * 
-   * ```js
-   * // by label
-   * I.fillField('Email', 'hello@world.com');
-   * // by name
-   * I.fillField('password', secret('123456'));
-   * // by CSS
-   * I.fillField('form#login input[name=username]', 'John');
-   * // or by strict locator
-   * I.fillField({css: 'form#login input[name=username]'}, 'John');
-   * ```
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @param {string | object} value text value to fill.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   * {{ react }}
-   */
-  async fillField(field, value) {
-    const els = await findVisibleFields.call(this, field);
-    assertElementExists(els, field, 'Field');
-    const el = els[0];
-    const tag = await el.getProperty('tagName').then(el => el.jsonValue());
-    const editable = await el.getProperty('contenteditable').then(el => el.jsonValue());
-    if (tag === 'INPUT' || tag === 'TEXTAREA') {
-      await this._evaluateHandeInContext(el => el.value = '', el);
-    } else if (editable) {
-      await this._evaluateHandeInContext(el => el.innerHTML = '', el);
-    }
-
-    highlightActiveElement.call(this, el, await this._getContext());
-    await el.type(value.toString(), { delay: this.options.pressKeyDelay });
-
-    return this._waitForAction();
-  }
-
-  /**
-   * Clears a `<textarea>` or text `<input>` element's value.
-   * 
-   * ```js
-   * I.clearField('Email');
-   * I.clearField('user[email]');
-   * I.clearField('#email');
-   * ```
-   * @param {string | object} editable field located by label|name|CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder.
-   * 
-   */
-  async clearField(field) {
-    return this.fillField(field, '');
-  }
-
-  /**
-   * Appends text to a input field or textarea.
-   * Field is located by name, label, CSS or XPath
-   * 
-   * ```js
-   * I.appendField('#myTextField', 'appended');
-   * // typing secret
-   * I.appendField('password', secret('123456'));
-   * ```
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator
-   * @param {string} value text value to append.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * {{ react }}
-   */
-  async appendField(field, value) {
-    const els = await findVisibleFields.call(this, field);
-    assertElementExists(els, field, 'Field');
-    highlightActiveElement.call(this, els[0], await this._getContext());
-    await els[0].press('End');
-    await els[0].type(value.toString(), { delay: this.options.pressKeyDelay });
-    return this._waitForAction();
-  }
-
-  /**
-   * Checks that the given input field or textarea equals to given value.
-   * For fuzzy locators, fields are matched by label text, the "name" attribute, CSS, and XPath.
-   * 
-   * ```js
-   * I.seeInField('Username', 'davert');
-   * I.seeInField({css: 'form textarea'},'Type your comment here');
-   * I.seeInField('form input[type=hidden]','hidden_value');
-   * I.seeInField('#searchform input','Search');
-   * ```
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @param {string | object} value value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInField(field, value) {
-    const _value = (typeof value === 'boolean') ? value : value.toString();
-    return proceedSeeInField.call(this, 'assert', field, _value);
-  }
-
-  /**
-   * Checks that value of input field or textarea doesn't equal to given value
-   * Opposite to `seeInField`.
-   * 
-   * ```js
-   * I.dontSeeInField('email', 'user@user.com'); // field by name
-   * I.dontSeeInField({ css: 'form input.email' }, 'user@user.com'); // field by CSS
-   * ```
-   * 
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @param {string | object} value value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeInField(field, value) {
-    const _value = (typeof value === 'boolean') ? value : value.toString();
-    return proceedSeeInField.call(this, 'negate', field, _value);
-  }
-
-  /**
-   * > ⚠ There is an [issue with file upload in Puppeteer 2.1.0 & 2.1.1](https://github.com/puppeteer/puppeteer/issues/5420), downgrade to 2.0.0 if you face it.
-   *
-   * Attaches a file to element located by label, name, CSS or XPath
-   * Path to file is relative current codecept directory (where codecept.conf.ts or codecept.conf.js is located).
-   * File will be uploaded to remote system (if tests are running remotely).
-   * 
-   * ```js
-   * I.attachFile('Avatar', 'data/avatar.jpg');
-   * I.attachFile('form input[name=avatar]', 'data/avatar.jpg');
-   * ```
-   * 
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @param {string} pathToFile local file path relative to codecept.conf.ts or codecept.conf.js config file.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async attachFile(locator, pathToFile) {
-    const file = path.join(global.codecept_dir, pathToFile);
-
-    if (!fileExists(file)) {
-      throw new Error(`File at ${file} can not be found on local system`);
-    }
-    const els = await findFields.call(this, locator);
-    assertElementExists(els, locator, 'Field');
-    await els[0].uploadFile(file);
-    return this._waitForAction();
-  }
-
-  /**
-   * Selects an option in a drop-down select.
-   * Field is searched by label | name | CSS | XPath.
-   * Option is selected by visible text or by value.
-   * 
-   * ```js
-   * I.selectOption('Choose Plan', 'Monthly'); // select by label
-   * I.selectOption('subscription', 'Monthly'); // match option by text
-   * I.selectOption('subscription', '0'); // or by value
-   * I.selectOption('//form/select[@name=account]','Premium');
-   * I.selectOption('form select[name=account]', 'Premium');
-   * I.selectOption({css: 'form select[name=account]'}, 'Premium');
-   * ```
-   * 
-   * Provide an array for the second argument to select multiple options.
-   * 
-   * ```js
-   * I.selectOption('Which OS do you use?', ['Android', 'iOS']);
-   * ```
-   * @param {string | object} select field located by label|name|CSS|XPath|strict locator.
-   * @param {string|Array<*>} option visible text or value of option.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async selectOption(select, option) {
-    const els = await findVisibleFields.call(this, select);
-    assertElementExists(els, select, 'Selectable field');
-    const el = els[0];
-    if (await el.getProperty('tagName').then(t => t.jsonValue()) !== 'SELECT') {
-      throw new Error('Element is not <select>');
-    }
-    highlightActiveElement.call(this, els[0], await this._getContext());
-    if (!Array.isArray(option)) option = [option];
-
-    for (const key in option) {
-      const opt = xpathLocator.literal(option[key]);
-      let optEl = await findElements.call(this, el, { xpath: Locator.select.byVisibleText(opt) });
-      if (optEl.length) {
-        this._evaluateHandeInContext(el => el.selected = true, optEl[0]);
-        continue;
-      }
-      optEl = await findElements.call(this, el, { xpath: Locator.select.byValue(opt) });
-      if (optEl.length) {
-        this._evaluateHandeInContext(el => el.selected = true, optEl[0]);
-      }
-    }
-    await this._evaluateHandeInContext((element) => {
-      element.dispatchEvent(new Event('input', { bubbles: true }));
-      element.dispatchEvent(new Event('change', { bubbles: true }));
-    }, el);
-
-    return this._waitForAction();
-  }
-
-  /**
-   * Grab number of visible elements by locator.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let numOfElements = await I.grabNumberOfVisibleElements('p');
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @returns {Promise<number>} number of visible elements
-   * {{ react }}
-   */
-  async grabNumberOfVisibleElements(locator) {
-    let els = await this._locate(locator);
-    els = (await Promise.all(els.map(el => el.boundingBox() && el))).filter(v => v);
-    // Puppeteer visibility was ignored? | Remove when Puppeteer is fixed
-    els = await Promise.all(els.map(async el => (await el.evaluate(node => window.getComputedStyle(node).visibility !== 'hidden' && window.getComputedStyle(node).display !== 'none')) && el));
-
-    return els.filter(v => v).length;
-  }
-
-  /**
-   * Checks that current url contains a provided fragment.
-   * 
-   * ```js
-   * I.seeInCurrentUrl('/register'); // we are on registration page
-   * ```
-   * 
-   * @param {string} url a fragment to check
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInCurrentUrl(url) {
-    stringIncludes('url').assert(url, await this._getPageUrl());
-  }
-
-  /**
-   * Checks that current url does not contain a provided fragment.
-   * 
-   * @param {string} url value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeInCurrentUrl(url) {
-    stringIncludes('url').negate(url, await this._getPageUrl());
-  }
-
-  /**
-   * Checks that current url is equal to provided one.
-   * If a relative url provided, a configured url will be prepended to it.
-   * So both examples will work:
-   * 
-   * ```js
-   * I.seeCurrentUrlEquals('/register');
-   * I.seeCurrentUrlEquals('http://my.site.com/register');
-   * ```
-   * 
-   * @param {string} url value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeCurrentUrlEquals(url) {
-    urlEquals(this.options.url).assert(url, await this._getPageUrl());
-  }
-
-  /**
-   * Checks that current url is not equal to provided one.
-   * If a relative url provided, a configured url will be prepended to it.
-   * 
-   * ```js
-   * I.dontSeeCurrentUrlEquals('/login'); // relative url are ok
-   * I.dontSeeCurrentUrlEquals('http://mysite.com/login'); // absolute urls are also ok
-   * ```
-   * 
-   * @param {string} url value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeCurrentUrlEquals(url) {
-    urlEquals(this.options.url).negate(url, await this._getPageUrl());
-  }
-
-  /**
-   * Checks that a page contains a visible text.
-   * Use context parameter to narrow down the search.
-   * 
-   * ```js
-   * I.see('Welcome'); // text welcome on a page
-   * I.see('Welcome', '.content'); // text inside .content div
-   * I.see('Register', {css: 'form.register'}); // use strict locator
-   * ```
-   * @param {string} text expected on page.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS|Xpath|strict locator in which to search for text.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * {{ react }}
-   */
-  async see(text, context = null) {
-    return proceedSee.call(this, 'assert', text, context);
-  }
-
-  /**
-   * Checks that text is equal to provided one.
-   * 
-   * ```js
-   * I.seeTextEquals('text', 'h1');
-   * ```
-   * 
-   * @param {string} text element value to check.
-   * @param {(string | object)?} [context=null]  element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeTextEquals(text, context = null) {
-    return proceedSee.call(this, 'assert', text, context, true);
-  }
-
-  /**
-   * Opposite to `see`. Checks that a text is not present on a page.
-   * Use context parameter to narrow down the search.
-   * 
-   * ```js
-   * I.dontSee('Login'); // assume we are already logged in.
-   * I.dontSee('Login', '.nav'); // no login inside .nav element
-   * ```
-   * 
-   * @param {string} text which is not present.
-   * @param {string | object} [context] (optional) element located by CSS|XPath|strict locator in which to perfrom search.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * {{ react }}
-   */
-  async dontSee(text, context = null) {
-    return proceedSee.call(this, 'negate', text, context);
-  }
-
-  /**
-   * Retrieves page source and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let pageSource = await I.grabSource();
-   * ```
-   * 
-   * @returns {Promise<string>} source code
-   */
-  async grabSource() {
-    return this.page.content();
-  }
-
-  /**
-   * Get JS log from browser.
-   *
-   * ```js
-   * let logs = await I.grabBrowserLogs();
-   * console.log(JSON.stringify(logs))
-   * ```
-   * @return {Promise<any[]>}
-   */
-  async grabBrowserLogs() {
-    const logs = consoleLogStore.entries;
-    consoleLogStore.clear();
-    return logs;
-  }
-
-  /**
-   * Get current URL from browser.
-   * Resumes test execution, so should be used inside an async function.
-   * 
-   * ```js
-   * let url = await I.grabCurrentUrl();
-   * console.log(`Current URL is [${url}]`);
-   * ```
-   * 
-   * @returns {Promise<string>} current URL
-   */
-  async grabCurrentUrl() {
-    return this._getPageUrl();
-  }
-
-  /**
-   * Checks that the current page contains the given string in its raw source code.
-   * 
-   * ```js
-   * I.seeInSource('<h1>Green eggs &amp; ham</h1>');
-   * ```
-   * @param {string} text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInSource(text) {
-    const source = await this.page.content();
-    stringIncludes('HTML source of a page').assert(text, source);
-  }
-
-  /**
-   * Checks that the current page does not contains the given string in its raw source code.
-   * 
-   * ```js
-   * I.dontSeeInSource('<!--'); // no comments in source
-   * ```
-   * 
-   * @param {string} value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeInSource(text) {
-    const source = await this.page.content();
-    stringIncludes('HTML source of a page').negate(text, source);
-  }
-
-  /**
-   * Asserts that an element appears a given number of times in the DOM.
-   * Element is located by label or name or CSS or XPath.
-   * 
-   * 
-   * ```js
-   * I.seeNumberOfElements('#submitBtn', 1);
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} num number of elements.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * {{ react }}
-   */
-  async seeNumberOfElements(locator, num) {
-    const elements = await this._locate(locator);
-    return equals(`expected number of elements (${(new Locator(locator))}) is ${num}, but found ${elements.length}`).assert(elements.length, num);
-  }
-
-  /**
-   * Asserts that an element is visible a given number of times.
-   * Element is located by CSS or XPath.
-   * 
-   * ```js
-   * I.seeNumberOfVisibleElements('.buttons', 3);
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} num number of elements.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * {{ react }}
-   */
-  async seeNumberOfVisibleElements(locator, num) {
-    const res = await this.grabNumberOfVisibleElements(locator);
-    return equals(`expected number of visible elements (${(new Locator(locator))}) is ${num}, but found ${res}`).assert(res, num);
-  }
-
-  /**
-   * Sets cookie(s).
-   * 
-   * Can be a single cookie object or an array of cookies:
-   * 
-   * ```js
-   * I.setCookie({name: 'auth', value: true});
-   * 
-   * // as array
-   * I.setCookie([
-   *   {name: 'auth', value: true},
-   *   {name: 'agree', value: true}
-   * ]);
-   * ```
-   * 
-   * @param {Cookie|Array<Cookie>} cookie a cookie object or array of cookie objects.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async setCookie(cookie) {
-    if (Array.isArray(cookie)) {
-      return this.page.setCookie(...cookie);
-    }
-    return this.page.setCookie(cookie);
-  }
-
-  /**
-   * Checks that cookie with given name exists.
-   * 
-   * ```js
-   * I.seeCookie('Auth');
-   * ```
-   * 
-   * @param {string} name cookie name.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async seeCookie(name) {
-    const cookies = await this.page.cookies();
-    empty(`cookie ${name} to be set`).negate(cookies.filter(c => c.name === name));
-  }
-
-  /**
-   * Checks that cookie with given name does not exist.
-   * 
-   * ```js
-   * I.dontSeeCookie('auth'); // no auth cookie
-   * ```
-   * 
-   * @param {string} name cookie name.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeCookie(name) {
-    const cookies = await this.page.cookies();
-    empty(`cookie ${name} to be set`).assert(cookies.filter(c => c.name === name));
-  }
-
-  /**
-   * Gets a cookie object by name.
-   * If none provided gets all cookies.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let cookie = await I.grabCookie('auth');
-   * assert(cookie.value, '123456');
-   * ```
-   * 
-   * @param {?string} [name=null] cookie name.
-   * @returns {any} attribute value
-   * 
-   *
-   * Returns cookie in JSON format. If name not passed returns all cookies for this domain.
-   */
-  async grabCookie(name) {
-    const cookies = await this.page.cookies();
-    if (!name) return cookies;
-    const cookie = cookies.filter(c => c.name === name);
-    if (cookie[0]) return cookie[0];
-  }
-
-  /**
-   * Waits for the specified cookie in the cookies.
-   * 
-   * ```js
-   * I.waitForCookie("token");
-   * ```
-   * 
-   * @param {string} name expected cookie name.
-   * @param {number} [sec=3] (optional, `3` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForCookie(name, sec) {
-    // by default, we will retry 3 times
-    let retries = 3;
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-
-    if (sec) {
-      retries = sec;
-    } else {
-      retries = Math.ceil(waitTimeout / 1000) - 1;
-    }
-
-    return promiseRetry(async (retry, number) => {
-      const _grabCookie = async (name) => {
-        const cookies = await this.page.cookies();
-        const cookie = cookies.filter(c => c.name === name);
-        if (cookie.length === 0) throw Error(`Cookie ${name} is not found after ${retries}s`);
-      };
-
-      this.debugSection('Wait for cookie: ', name);
-      if (number > 1) this.debugSection('Retrying... Attempt #', number);
-
-      try {
-        await _grabCookie(name);
-      } catch (e) {
-        retry(e);
-      }
-    }, { retries, maxTimeout: 1000 });
-  }
-
-  /**
-   * Clears a cookie by name,
-   * if none provided clears all cookies.
-   * 
-   * ```js
-   * I.clearCookie();
-   * I.clearCookie('test'); // Playwright currently doesn't support clear a particular cookie name
-   * ```
-   * 
-   * @param {?string} [cookie=null] (optional, `null` by default) cookie name
-   * 
-   */
-  async clearCookie(name) {
-    const cookies = await this.page.cookies();
-    if (!name) {
-      return this.page.deleteCookie.apply(this.page, cookies);
-    }
-    const cookie = cookies.filter(c => c.name === name);
-    if (!cookie[0]) return;
-    return this.page.deleteCookie(cookie[0]);
-  }
-
-  /**
-   * If a function returns a Promise, tt will wait for its resolution.
-   *
-   * Executes sync script on a page.
-   * Pass arguments to function as additional parameters.
-   * Will return execution result to a test.
-   * In this case you should use async function and await to receive results.
-   * 
-   * Example with jQuery DatePicker:
-   * 
-   * ```js
-   * // change date of jQuery DatePicker
-   * I.executeScript(function() {
-   *   // now we are inside browser context
-   *   $('date').datetimepicker('setDate', new Date());
-   * });
-   * ```
-   * Can return values. Don't forget to use `await` to get them.
-   * 
-   * ```js
-   * let date = await I.executeScript(function(el) {
-   *   // only basic types can be returned
-   *   return $(el).datetimepicker('getDate').toString();
-   * }, '#date'); // passing jquery selector
-   * ```
-   * 
-   * @param {string|function} fn function to be executed in browser context.
-   * @param {...any} args to be passed to function.
-   * @returns {Promise<any>} script return value
-   * 
-   */
-  async executeScript(...args) {
-    let context = await this._getContext();
-    if (this.context && this.context.constructor.name === 'CdpFrame') {
-      context = this.context; // switching to iframe context
-    }
-    return context.evaluate.apply(context, args);
-  }
-
-  /**
-   * Asynchronous scripts can also be executed with `executeScript` if a function returns a Promise.
-   * Executes async script on page.
-   * Provided function should execute a passed callback (as first argument) to signal it is finished.
-   * 
-   * Example: In Vue.js to make components completely rendered we are waiting for [nextTick](https://vuejs.org/v2/api/#Vue-nextTick).
-   * 
-   * ```js
-   * I.executeAsyncScript(function(done) {
-   *   Vue.nextTick(done); // waiting for next tick
-   * });
-   * ```
-   * 
-   * By passing value to `done()` function you can return values.
-   * Additional arguments can be passed as well, while `done` function is always last parameter in arguments list.
-   * 
-   * ```js
-   * let val = await I.executeAsyncScript(function(url, done) {
-   *   // in browser context
-   *   $.ajax(url, { success: (data) => done(data); }
-   * }, 'http://ajax.callback.url/');
-   * ```
-   * 
-   * @param {string|function} fn function to be executed in browser context.
-   * @param {...any} args to be passed to function.
-   * @returns {Promise<any>} script return value
-   * 
-   */
-  async executeAsyncScript(...args) {
-    const asyncFn = function () {
-      const args = Array.from(arguments);
-      const fn = eval(`(${args.shift()})`); // eslint-disable-line no-eval
-      return new Promise((done) => {
-        args.push(done);
-        fn.apply(null, args);
-      });
-    };
-    args[0] = args[0].toString();
-    args.unshift(asyncFn);
-    return this.page.evaluate.apply(this.page, args);
-  }
-
-  /**
-   * Retrieves all texts from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let pins = await I.grabTextFromAll('#pin li');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {Promise<string[]>} attribute value
-   * 
-   * {{ react }}
-   */
-  async grabTextFromAll(locator) {
-    const els = await this._locate(locator);
-    const texts = [];
-    for (const el of els) {
-      texts.push(await (await el.getProperty('innerText')).jsonValue());
-    }
-    return texts;
-  }
-
-  /**
-   * Retrieves a text from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let pin = await I.grabTextFrom('#pin');
-   * ```
-   * If multiple elements found returns first element.
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {Promise<string>} attribute value
-   * 
-   * {{ react }}
-   */
-  async grabTextFrom(locator) {
-    const texts = await this.grabTextFromAll(locator);
-    assertElementExists(texts, locator);
-    if (texts.length > 1) {
-      this.debugSection('GrabText', `Using first element out of ${texts.length}`);
-    }
-
-    return texts[0];
-  }
-
-  /**
-   * Retrieves an array of value from a form located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let inputs = await I.grabValueFromAll('//form/input');
-   * ```
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @returns {Promise<string[]>} attribute value
-   * 
-   */
-  async grabValueFromAll(locator) {
-    const els = await findFields.call(this, locator);
-    const values = [];
-    for (const el of els) {
-      values.push(await (await el.getProperty('value')).jsonValue());
-    }
-    return values;
-  }
-
-  /**
-   * Retrieves a value from a form element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * If more than one element is found - value of first element is returned.
-   * 
-   * ```js
-   * let email = await I.grabValueFrom('input[name=email]');
-   * ```
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @returns {Promise<string>} attribute value
-   * 
-   */
-  async grabValueFrom(locator) {
-    const values = await this.grabValueFromAll(locator);
-    assertElementExists(values, locator);
-    if (values.length > 1) {
-      this.debugSection('GrabValue', `Using first element out of ${values.length}`);
-    }
-
-    return values[0];
-  }
-
-  /**
-   * Retrieves all the innerHTML from elements located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let postHTMLs = await I.grabHTMLFromAll('.post');
-   * ```
-   * 
-   * @param {string | object} element located by CSS|XPath|strict locator.
-   * @returns {Promise<string[]>} HTML code for an element
-   * 
-   */
-  async grabHTMLFromAll(locator) {
-    const els = await this._locate(locator);
-    const values = await Promise.all(els.map(el => el.evaluate(element => element.innerHTML, el)));
-    return values;
-  }
-
-  /**
-   * Retrieves the innerHTML from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * If more than one element is found - HTML of first element is returned.
-   * 
-   * ```js
-   * let postHTML = await I.grabHTMLFrom('#post');
-   * ```
-   * 
-   * @param {string | object} element located by CSS|XPath|strict locator.
-   * @returns {Promise<string>} HTML code for an element
-   * 
-   */
-  async grabHTMLFrom(locator) {
-    const html = await this.grabHTMLFromAll(locator);
-    assertElementExists(html, locator);
-    if (html.length > 1) {
-      this.debugSection('GrabHTML', `Using first element out of ${html.length}`);
-    }
-
-    return html[0];
-  }
-
-  /**
-   * Grab array of CSS properties for given locator
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * 
-   * ```js
-   * const values = await I.grabCssPropertyFromAll('h3', 'font-weight');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} cssProperty CSS property name.
-   * @returns {Promise<string[]>} CSS value
-   * 
-   * {{ react }}
-   */
-  async grabCssPropertyFromAll(locator, cssProperty) {
-    const els = await this._locate(locator);
-    const res = await Promise.all(els.map(el => el.evaluate(el => JSON.parse(JSON.stringify(getComputedStyle(el))), el)));
-    const cssValues = res.map(props => props[toCamelCase(cssProperty)]);
-
-    return cssValues;
-  }
-
-  /**
-   * Grab CSS property for given locator
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * If more than one element is found - value of first element is returned.
-   * 
-   * ```js
-   * const value = await I.grabCssPropertyFrom('h3', 'font-weight');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} cssProperty CSS property name.
-   * @returns {Promise<string>} CSS value
-   * 
-   * {{ react }}
-   */
-  async grabCssPropertyFrom(locator, cssProperty) {
-    const cssValues = await this.grabCssPropertyFromAll(locator, cssProperty);
-    assertElementExists(cssValues, locator);
-
-    if (cssValues.length > 1) {
-      this.debugSection('GrabCSS', `Using first element out of ${cssValues.length}`);
-    }
-
-    return cssValues[0];
-  }
-
-  /**
-   * Checks that all elements with given locator have given CSS properties.
-   * 
-   * ```js
-   * I.seeCssPropertiesOnElements('h3', { 'font-weight': "bold"});
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @param {object} cssProperties object with CSS properties and their values to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   * {{ react }}
-   */
-  async seeCssPropertiesOnElements(locator, cssProperties) {
-    const res = await this._locate(locator);
-    assertElementExists(res, locator);
-
-    const cssPropertiesCamelCase = convertCssPropertiesToCamelCase(cssProperties);
-    const elemAmount = res.length;
-    let props = [];
-
-    for (const element of res) {
-      for (const prop of Object.keys(cssProperties)) {
-        const cssProp = await this.grabCssPropertyFrom(locator, prop);
-        if (isColorProperty(prop)) {
-          props.push(convertColorToRGBA(cssProp));
-        } else {
-          props.push(cssProp);
-        }
-      }
-    }
-
-    const values = Object.keys(cssPropertiesCamelCase).map(key => cssPropertiesCamelCase[key]);
-    if (!Array.isArray(props)) props = [props];
-    let chunked = chunkArray(props, values.length);
-    chunked = chunked.filter((val) => {
-      for (let i = 0; i < val.length; ++i) {
-        // eslint-disable-next-line eqeqeq
-        if (val[i] != values[i]) return false;
-      }
-      return true;
-    });
-    return equals(`all elements (${(new Locator(locator))}) to have CSS property ${JSON.stringify(cssProperties)}`).assert(chunked.length, elemAmount);
-  }
-
-  /**
-   * Checks that all elements with given locator have given attributes.
-   * 
-   * ```js
-   * I.seeAttributesOnElements('//form', { method: "post"});
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @param {object} attributes attributes and their values to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   * {{ react }}
-   */
-  async seeAttributesOnElements(locator, attributes) {
-    const elements = await this._locate(locator);
-    assertElementExists(elements, locator);
-
-    const expectedAttributes = Object.entries(attributes);
-
-    const valuesPromises = elements.map(async (element) => {
-      const elementAttributes = {};
-      await Promise.all(expectedAttributes.map(async ([attribute, expectedValue]) => {
-        const actualValue = await element.evaluate((el, attr) => el[attr] || el.getAttribute(attr), attribute);
-        elementAttributes[attribute] = actualValue;
-      }));
-      return elementAttributes;
-    });
-
-    const actualAttributes = await Promise.all(valuesPromises);
-
-    const matchingElements = actualAttributes.filter((attrs) => expectedAttributes.every(([attribute, expectedValue]) => {
-      const actualValue = attrs[attribute];
-      if (!actualValue) return false;
-      if (actualValue.toString().match(new RegExp(expectedValue.toString()))) return true;
-      return expectedValue === actualValue;
-    }));
-
-    const elementsCount = elements.length;
-    const matchingCount = matchingElements.length;
-
-    return equals(`all elements (${(new Locator(locator))}) to have attributes ${JSON.stringify(attributes)}`)
-      .assert(matchingCount, elementsCount);
-  }
-
-  /**
-   * Drag the scrubber of a slider to a given position
-   * For fuzzy locators, fields are matched by label text, the "name" attribute, CSS, and XPath.
-   * 
-   * ```js
-   * I.dragSlider('#slider', 30);
-   * I.dragSlider('#slider', -70);
-   * ```
-   * 
-   * @param {string | object} locator located by label|name|CSS|XPath|strict locator.
-   * @param {number} offsetX position to drag.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   * {{ react }}
-   */
-  async dragSlider(locator, offsetX = 0) {
-    const src = await this._locate(locator);
-    assertElementExists(src, locator, 'Slider Element');
-
-    // Note: Using public api .getClickablePoint because the .BoundingBox does not take into account iframe offsets
-    const sliderSource = await getClickablePoint(src[0]);
-
-    // Drag start point
-    await this.page.mouse.move(sliderSource.x, sliderSource.y, { steps: 5 });
-    await this.page.mouse.down();
-
-    // Drag destination
-    await this.page.mouse.move(sliderSource.x + offsetX, sliderSource.y, { steps: 5 });
-    await this.page.mouse.up();
-
-    await this._waitForAction();
-  }
-
-  /**
-   * Retrieves an array of attributes from elements located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let hints = await I.grabAttributeFromAll('.tooltip', 'title');
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} attr attribute name.
-   * @returns {Promise<string[]>} attribute value
-   * 
-   * {{ react }}
-   */
-  async grabAttributeFromAll(locator, attr) {
-    const els = await this._locate(locator);
-    const array = [];
-    for (let index = 0; index < els.length; index++) {
-      const a = await this._evaluateHandeInContext((el, attr) => el[attr] || el.getAttribute(attr), els[index], attr);
-      array.push(await a.jsonValue());
-    }
-    return array;
-  }
-
-  /**
-   * Retrieves an attribute from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * If more than one element is found - attribute of first element is returned.
-   * 
-   * ```js
-   * let hint = await I.grabAttributeFrom('#tooltip', 'title');
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} attr attribute name.
-   * @returns {Promise<string>} attribute value
-   * 
-   * {{ react }}
-   */
-  async grabAttributeFrom(locator, attr) {
-    const attrs = await this.grabAttributeFromAll(locator, attr);
-    assertElementExists(attrs, locator);
-    if (attrs.length > 1) {
-      this.debugSection('GrabAttribute', `Using first element out of ${attrs.length}`);
-    }
-
-    return attrs[0];
-  }
-
-  /**
-   * Saves screenshot of the specified locator to ouput folder (set in codecept.conf.ts or codecept.conf.js).
-   * Filename is relative to output folder.
-   * 
-   * ```js
-   * I.saveElementScreenshot(`#submit`,'debug.png');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} fileName file name to save.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async saveElementScreenshot(locator, fileName) {
-    const outputFile = screenshotOutputFolder(fileName);
-
-    const res = await this._locate(locator);
-    assertElementExists(res, locator);
-    if (res.length > 1) this.debug(`[Elements] Using first element out of ${res.length}`);
-    const elem = res[0];
-    this.debug(`Screenshot of ${(new Locator(locator))} element has been saved to ${outputFile}`);
-    return elem.screenshot({ path: outputFile, type: 'png' });
-  }
-
-  /**
-   * Saves a screenshot to ouput folder (set in codecept.conf.ts or codecept.conf.js).
-   * Filename is relative to output folder.
-   * Optionally resize the window to the full available page `scrollHeight` and `scrollWidth` to capture the entire page by passing `true` in as the second argument.
-   * 
-   * ```js
-   * I.saveScreenshot('debug.png');
-   * I.saveScreenshot('debug.png', true) //resizes to available scrollHeight and scrollWidth before taking screenshot
-   * ```
-   * 
-   * @param {string} fileName file name to save.
-   * @param {boolean} [fullPage=false] (optional, `false` by default) flag to enable fullscreen screenshot mode.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async saveScreenshot(fileName, fullPage) {
-    const fullPageOption = fullPage || this.options.fullPageScreenshots;
-    let outputFile = screenshotOutputFolder(fileName);
-
-    this.debug(`Screenshot is saving to ${outputFile}`);
-
-    await this.page.screenshot({
-      path: outputFile,
-      fullPage: fullPageOption,
-      type: 'png',
-    });
-
-    if (this.activeSessionName) {
-      for (const sessionName in this.sessionPages) {
-        const activeSessionPage = this.sessionPages[sessionName];
-        outputFile = screenshotOutputFolder(`${sessionName}_${fileName}`);
-
-        this.debug(`${sessionName} - Screenshot is saving to ${outputFile}`);
-
-        if (activeSessionPage) {
-          await activeSessionPage.screenshot({
-            path: outputFile,
-            fullPage: fullPageOption,
-            type: 'png',
-          });
-        }
-      }
-    }
-  }
-
-  async _failed(test) {
-    await this._withinEnd();
-
-    if (this.options.trace) {
-      await this.page.tracing.stop();
-      const _traceName = this.currentRunningTest.artifacts.trace.replace('.json', '.failed.json');
-      fs.renameSync(this.currentRunningTest.artifacts.trace, _traceName);
-      test.artifacts.trace = _traceName;
-    }
-  }
-
-  async _passed(test) {
-    await this._withinEnd();
-
-    if (this.options.trace) {
-      await this.page.tracing.stop();
-      if (this.options.keepTraceForPassedTests) {
-        const _traceName = this.currentRunningTest.artifacts.trace.replace('.json', '.passed.json');
-        fs.renameSync(this.currentRunningTest.artifacts.trace, _traceName);
-        test.artifacts.trace = _traceName;
-      } else {
-        fs.unlinkSync(this.currentRunningTest.artifacts.trace);
-      }
-    }
-  }
-
-  /**
-   * Pauses execution for a number of seconds.
-   * 
-   * ```js
-   * I.wait(2); // wait 2 secs
-   * ```
-   * 
-   * @param {number} sec number of second to wait.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async wait(sec) {
-    return new Promise(((done) => {
-      setTimeout(done, sec * 1000);
-    }));
-  }
-
-  /**
-   * Waits for element to become enabled (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional) time in seconds to wait, 1 by default.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForEnabled(locator, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    locator = new Locator(locator, 'css');
-    await this.context;
-    let waiter;
-    const context = await this._getContext();
-    if (locator.isCSS()) {
-      const enabledFn = function (locator) {
-        const els = document.querySelectorAll(locator);
-        if (!els || els.length === 0) {
-          return false;
-        }
-        return Array.prototype.filter.call(els, el => !el.disabled).length > 0;
-      };
-      waiter = context.waitForFunction(enabledFn, { timeout: waitTimeout }, locator.value);
-    } else {
-      const enabledFn = function (locator, $XPath) {
-        eval($XPath); // eslint-disable-line no-eval
-        return $XPath(null, locator).filter(el => !el.disabled).length > 0;
-      };
-      waiter = context.waitForFunction(enabledFn, { timeout: waitTimeout }, locator.value, $XPath.toString());
-    }
-    return waiter.catch((err) => {
-      throw new Error(`element (${locator.toString()}) still not enabled after ${waitTimeout / 1000} sec\n${err.message}`);
-    });
-  }
-
-  /**
-   * Waits for the specified value to be in value attribute.
-   * 
-   * ```js
-   * I.waitForValue('//input', "GoodValue");
-   * ```
-   * 
-   * @param {string | object} field input field.
-   * @param {string }value expected value.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForValue(field, value, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    const locator = new Locator(field, 'css');
-    await this.context;
-    let waiter;
-    const context = await this._getContext();
-    if (locator.isCSS()) {
-      const valueFn = function (locator, value) {
-        const els = document.querySelectorAll(locator);
-        if (!els || els.length === 0) {
-          return false;
-        }
-        return Array.prototype.filter.call(els, el => (el.value.toString() || '').indexOf(value) !== -1).length > 0;
-      };
-      waiter = context.waitForFunction(valueFn, { timeout: waitTimeout }, locator.value, value);
-    } else {
-      const valueFn = function (locator, $XPath, value) {
-        eval($XPath); // eslint-disable-line no-eval
-        return $XPath(null, locator).filter(el => (el.value || '').indexOf(value) !== -1).length > 0;
-      };
-      waiter = context.waitForFunction(valueFn, { timeout: waitTimeout }, locator.value, $XPath.toString(), value);
-    }
-    return waiter.catch((err) => {
-      const loc = locator.toString();
-      throw new Error(`element (${loc}) is not in DOM or there is no element(${loc}) with value "${value}" after ${waitTimeout / 1000} sec\n${err.message}`);
-    });
-  }
-
-  /**
-   * Waits for a specified number of elements on the page.
-   * 
-   * ```js
-   * I.waitNumberOfVisibleElements('a', 3);
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} num number of elements.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   * {{ react }}
-   */
-  async waitNumberOfVisibleElements(locator, num, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    locator = new Locator(locator, 'css');
-    await this.context;
-    let waiter;
-    const context = await this._getContext();
-    if (locator.isCSS()) {
-      const visibleFn = function (locator, num) {
-        const els = document.querySelectorAll(locator);
-        if (!els || els.length === 0) {
-          return false;
-        }
-        return Array.prototype.filter.call(els, el => el.offsetParent !== null).length === num;
-      };
-      waiter = context.waitForFunction(visibleFn, { timeout: waitTimeout }, locator.value, num);
-    } else {
-      const visibleFn = function (locator, $XPath, num) {
-        eval($XPath); // eslint-disable-line no-eval
-        return $XPath(null, locator).filter(el => el.offsetParent !== null).length === num;
-      };
-      waiter = context.waitForFunction(visibleFn, { timeout: waitTimeout }, locator.value, $XPath.toString(), num);
-    }
-    return waiter.catch((err) => {
-      throw new Error(`The number of elements (${locator.toString()}) is not ${num} after ${waitTimeout / 1000} sec\n${err.message}`);
-    });
-  }
-
-  /**
-   * Waits for element to be clickable (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForClickable('.btn.continue');
-   * I.waitForClickable('.btn.continue', 5); // wait for 5 secs
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForClickable(locator, waitTimeout) {
-    const els = await this._locate(locator);
-    assertElementExists(els, locator);
-
-    return this.waitForFunction(isElementClickable, [els[0]], waitTimeout).catch(async (e) => {
-      if (/Waiting failed/i.test(e.message) || /failed: timeout/i.test(e.message)) {
-        throw new Error(`element ${new Locator(locator).toString()} still not clickable after ${waitTimeout || this.options.waitForTimeout / 1000} sec`);
-      } else {
-        throw e;
-      }
-    });
-  }
-
-  /**
-   * Waits for element to be present on page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForElement('.btn.continue');
-   * I.waitForElement('.btn.continue', 5); // wait for 5 secs
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   * {{ react }}
-   */
-  async waitForElement(locator, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    locator = new Locator(locator, 'css');
-
-    let waiter;
-    const context = await this._getContext();
-    if (locator.isCSS()) {
-      waiter = context.waitForSelector(locator.simplify(), { timeout: waitTimeout });
-    } else {
-      waiter = _waitForElement.call(this, locator, { timeout: waitTimeout });
-    }
-    return waiter.catch((err) => {
-      throw new Error(`element (${locator.toString()}) still not present on page after ${waitTimeout / 1000} sec\n${err.message}`);
-    });
-  }
-
-  /**
-   * Waits for an element to become visible on a page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForVisible('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * {{ react }}
-   */
-  async waitForVisible(locator, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    locator = new Locator(locator, 'css');
-    await this.context;
-    let waiter;
-    const context = await this._getContext();
-    if (locator.isCSS()) {
-      waiter = context.waitForSelector(locator.simplify(), { timeout: waitTimeout, visible: true });
-    } else {
-      waiter = _waitForElement.call(this, locator, { timeout: waitTimeout, visible: true });
-    }
-    return waiter.catch((err) => {
-      throw new Error(`element (${locator.toString()}) still not visible after ${waitTimeout / 1000} sec\n${err.message}`);
-    });
-  }
-
-  /**
-   * Waits for an element to be removed or become invisible on a page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForInvisible('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForInvisible(locator, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    locator = new Locator(locator, 'css');
-    await this.context;
-    let waiter;
-    const context = await this._getContext();
-    if (locator.isCSS()) {
-      waiter = context.waitForSelector(locator.simplify(), { timeout: waitTimeout, hidden: true });
-    } else {
-      waiter = _waitForElement.call(this, locator, { timeout: waitTimeout, hidden: true });
-    }
-    return waiter.catch((err) => {
-      throw new Error(`element (${locator.toString()}) still visible after ${waitTimeout / 1000} sec\n${err.message}`);
-    });
-  }
-
-  /**
-   * Waits for an element to hide (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitToHide('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitToHide(locator, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    locator = new Locator(locator, 'css');
-    let waiter;
-    const context = await this._getContext();
-    if (locator.isCSS()) {
-      waiter = context.waitForSelector(locator.simplify(), { timeout: waitTimeout, hidden: true });
-    } else {
-      waiter = _waitForElement.call(this, locator, { timeout: waitTimeout, hidden: true });
-    }
-    return waiter.catch((err) => {
-      throw new Error(`element (${locator.toString()}) still not hidden after ${waitTimeout / 1000} sec\n${err.message}`);
-    });
-  }
-
-  /**
-   * Waits for number of tabs.
-   * 
-   * ```js
-   * I.waitForNumberOfTabs(2);
-   * ```
-   * 
-   * @param {number} expectedTabs expecting the number of tabs.
-   * @param {number} sec number of secs to wait.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForNumberOfTabs(expectedTabs, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    let currentTabs;
-    let count = 0;
-
-    do {
-      currentTabs = await this.grabNumberOfOpenTabs();
-      await this.wait(1);
-      count += 1000;
-      if (currentTabs >= expectedTabs) return;
-    } while (count <= waitTimeout);
-
-    throw new Error(`Expected ${expectedTabs} tabs are not met after ${waitTimeout / 1000} sec.`);
-  }
-
-  async _getContext() {
-    if (this.context && this.context.constructor.name === 'CdpFrame') {
-      return this.context;
-    }
-    return this.page;
-  }
-
-  /**
-   * Waiting for the part of the URL to match the expected. Useful for SPA to understand that page was changed.
-   * 
-   * ```js
-   * I.waitInUrl('/info', 2);
-   * ```
-   * 
-   * @param {string} urlPart value to check.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitInUrl(urlPart, sec = null) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-
-    return this.page.waitForFunction((urlPart) => {
-      const currUrl = decodeURIComponent(decodeURIComponent(decodeURIComponent(window.location.href)));
-      return currUrl.indexOf(urlPart) > -1;
-    }, { timeout: waitTimeout }, urlPart).catch(async (e) => {
-      const currUrl = await this._getPageUrl(); // Required because the waitForFunction can't return data.
-      if (/Waiting failed:/i.test(e.message) || /failed: timeout/i.test(e.message)) {
-        throw new Error(`expected url to include ${urlPart}, but found ${currUrl}`);
-      } else {
-        throw e;
-      }
-    });
-  }
-
-  /**
-   * Waits for the entire URL to match the expected
-   * 
-   * ```js
-   * I.waitUrlEquals('/info', 2);
-   * I.waitUrlEquals('http://127.0.0.1:8000/info');
-   * ```
-   * 
-   * @param {string} urlPart value to check.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitUrlEquals(urlPart, sec = null) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-
-    const baseUrl = this.options.url;
-    if (urlPart.indexOf('http') < 0) {
-      urlPart = baseUrl + urlPart;
-    }
-
-    return this.page.waitForFunction((urlPart) => {
-      const currUrl = decodeURIComponent(decodeURIComponent(decodeURIComponent(window.location.href)));
-      return currUrl.indexOf(urlPart) > -1;
-    }, { timeout: waitTimeout }, urlPart).catch(async (e) => {
-      const currUrl = await this._getPageUrl(); // Required because the waitForFunction can't return data.
-      if (/Waiting failed/i.test(e.message) || /failed: timeout/i.test(e.message)) {
-        throw new Error(`expected url to be ${urlPart}, but found ${currUrl}`);
-      } else {
-        throw e;
-      }
-    });
-  }
-
-  /**
-   * Waits for a text to appear (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * Narrow down search results by providing context.
-   * 
-   * ```js
-   * I.waitForText('Thank you, form has been submitted');
-   * I.waitForText('Thank you, form has been submitted', 5, '#modal');
-   * ```
-   * 
-   * @param {string }text to wait for.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @param {string | object} [context] (optional) element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForText(text, sec = null, context = null) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    let waiter;
-
-    const contextObject = await this._getContext();
-
-    if (context) {
-      const locator = new Locator(context, 'css');
-      if (locator.isCSS()) {
-        waiter = contextObject.waitForFunction((locator, text) => {
-          const el = document.querySelector(locator);
-          if (!el) return false;
-          return el.innerText.indexOf(text) > -1;
-        }, { timeout: waitTimeout }, locator.value, text);
-      }
-
-      if (locator.isXPath()) {
-        waiter = contextObject.waitForFunction((locator, text, $XPath) => {
-          eval($XPath); // eslint-disable-line no-eval
-          const el = $XPath(null, locator);
-          if (!el.length) return false;
-          return el[0].innerText.indexOf(text) > -1;
-        }, { timeout: waitTimeout }, locator.value, text, $XPath.toString());
-      }
-    } else {
-      waiter = contextObject.waitForFunction(text => document.body && document.body.innerText.indexOf(text) > -1, { timeout: waitTimeout }, text);
-    }
-
-    return waiter.catch((err) => {
-      throw new Error(`Text "${text}" was not found on page after ${waitTimeout / 1000} sec\n${err.message}`);
-    });
-  }
-
-  /**
-   * Waits for a network request.
-   *
-   * ```js
-   * I.waitForRequest('http://example.com/resource');
-   * I.waitForRequest(request => request.url() === 'http://example.com' && request.method() === 'GET');
-   * ```
-   *
-   * @param {string|function} urlOrPredicate
-   * @param {?number} [sec=null] seconds to wait
-   */
-  async waitForRequest(urlOrPredicate, sec = null) {
-    const timeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    return this.page.waitForRequest(urlOrPredicate, { timeout });
-  }
-
-  /**
-   * Waits for a network response.
-   *
-   * ```js
-   * I.waitForResponse('http://example.com/resource');
-   * I.waitForResponse(response => response.url() === 'http://example.com' && response.request().method() === 'GET');
-   * ```
-   *
-   * @param {string|function} urlOrPredicate
-   * @param {?number} [sec=null] number of seconds to wait
-   */
-  async waitForResponse(urlOrPredicate, sec = null) {
-    const timeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    return this.page.waitForResponse(urlOrPredicate, { timeout });
-  }
-
-  /**
-   * Switches frame or in case of null locator reverts to parent.
-   * 
-   * ```js
-   * I.switchTo('iframe'); // switch to first iframe
-   * I.switchTo(); // switch back to main page
-   * ```
-   * 
-   * @param {?string | object} [locator=null] (optional, `null` by default) element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async switchTo(locator) {
-    if (Number.isInteger(locator)) {
-      // Select by frame index of current context
-      let frames = [];
-      if (this.context && typeof this.context.childFrames === 'function') {
-        frames = await this.context.childFrames();
-      } else {
-        frames = await this.page.mainFrame().childFrames();
-      }
-
-      if (locator >= 0 && locator < frames.length) {
-        this.context = frames[locator];
-      } else {
-        throw new Error('Frame index out of bounds');
-      }
-      return;
-    }
-
-    if (!locator) {
-      this.context = await this.page.mainFrame();
-      return;
-    }
-
-    // Select iframe by selector
-    const els = await this._locate(locator);
-    assertElementExists(els, locator);
-
-    const iframeElement = els[0];
-    const contentFrame = await iframeElement.contentFrame();
-
-    if (contentFrame) {
-      this.context = contentFrame;
-    } else {
-      throw new Error('Element "#invalidIframeSelector" was not found by text|CSS|XPath');
-    }
-  }
-
-  /**
-   * Waits for a function to return true (waits for 1 sec by default).
-   * Running in browser context.
-   * 
-   * ```js
-   * I.waitForFunction(fn[, [args[, timeout]])
-   * ```
-   * 
-   * ```js
-   * I.waitForFunction(() => window.requests == 0);
-   * I.waitForFunction(() => window.requests == 0, 5); // waits for 5 sec
-   * I.waitForFunction((count) => window.requests == count, [3], 5) // pass args and wait for 5 sec
-   * ```
-   * 
-   * @param {string|function} fn to be executed in browser context.
-   * @param {any[]|number} [argsOrSec] (optional, `1` by default) arguments for function or seconds.
-   * @param {number} [sec] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForFunction(fn, argsOrSec = null, sec = null) {
-    let args = [];
-    if (argsOrSec) {
-      if (Array.isArray(argsOrSec)) {
-        args = argsOrSec;
-      } else if (typeof argsOrSec === 'number') {
-        sec = argsOrSec;
-      }
-    }
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    const context = await this._getContext();
-    return context.waitForFunction(fn, { timeout: waitTimeout }, ...args);
-  }
-
-  /**
-   * Waits for navigation to finish. By default, takes configured `waitForNavigation` option.
-   *
-   * See [Puppeteer's reference](https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pagewaitfornavigationoptions)
-   *
-   * @param {*} opts
-   */
-  async waitForNavigation(opts = {}) {
-    opts = {
-      timeout: this.options.getPageTimeout,
-      waitUntil: this.options.waitForNavigation,
-      ...opts,
-    };
-    return this.page.waitForNavigation(opts);
-  }
-
-  async waitUntilExists(locator, sec) {
-    console.log(`waitUntilExists deprecated:
-    * use 'waitForElement' to wait for element to be attached
-    * use 'waitForDetached to wait for element to be removed'`);
-    return this.waitForDetached(locator, sec);
-  }
-
-  /**
-   * Waits for an element to become not attached to the DOM on a page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForDetached('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForDetached(locator, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-    locator = new Locator(locator, 'css');
-
-    let waiter;
-    const context = await this._getContext();
-    if (locator.isCSS()) {
-      const visibleFn = function (locator) {
-        return document.querySelector(locator) === null;
-      };
-      waiter = context.waitForFunction(visibleFn, { timeout: waitTimeout }, locator.value);
-    } else {
-      const visibleFn = function (locator, $XPath) {
-        eval($XPath); // eslint-disable-line no-eval
-        return $XPath(null, locator).length === 0;
-      };
-      waiter = context.waitForFunction(visibleFn, { timeout: waitTimeout }, locator.value, $XPath.toString());
-    }
-    return waiter.catch((err) => {
-      throw new Error(`element (${locator.toString()}) still on page after ${waitTimeout / 1000} sec\n${err.message}`);
-    });
-  }
-
-  async _waitForAction() {
-    return this.wait(this.options.waitForAction / 1000);
-  }
-
-  /**
-   * Grab the data from performance timing using Navigation Timing API.
-   * The returned data will contain following things in ms:
-   * - responseEnd,
-   * - domInteractive,
-   * - domContentLoadedEventEnd,
-   * - loadEventEnd
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * 
-   * ```js
-   * await I.amOnPage('https://example.com');
-   * let data = await I.grabDataFromPerformanceTiming();
-   * //Returned data
-   * { // all results are in [ms]
-   *   responseEnd: 23,
-   *   domInteractive: 44,
-   *   domContentLoadedEventEnd: 196,
-   *   loadEventEnd: 241
-   * }
-   * ```
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async grabDataFromPerformanceTiming() {
-    return perfTiming;
-  }
-
-  /**
-   * Grab the width, height, location of given locator.
-   * Provide `width` or `height`as second param to get your desired prop.
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * 
-   * Returns an object with `x`, `y`, `width`, `height` keys.
-   * 
-   * ```js
-   * const value = await I.grabElementBoundingRect('h3');
-   * // value is like { x: 226.5, y: 89, width: 527, height: 220 }
-   * ```
-   * 
-   * To get only one metric use second parameter:
-   * 
-   * ```js
-   * const width = await I.grabElementBoundingRect('h3', 'width');
-   * // width == 527
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string=} elementSize x, y, width or height of the given element.
-   * @returns {Promise<DOMRect>|Promise<number>} Element bounding rectangle
-   * 
-   */
-  async grabElementBoundingRect(locator, prop) {
-    const els = await this._locate(locator);
-    assertElementExists(els, locator);
-    const rect = await els[0].boundingBox();
-    if (prop) return rect[prop];
-    return rect;
-  }
-}
-
-module.exports = Puppeteer;
-
-async function findElements(matcher, locator) {
-  if (locator.react) return findReactElements.call(this, locator);
-  locator = new Locator(locator, 'css');
-  if (!locator.isXPath()) return matcher.$$(locator.simplify());
-  // puppeteer version < 19.4.0 is no longer supported. This one is backward support.
-  if (puppeteer.default?.defaultBrowserRevision) {
-    return matcher.$$(`xpath/${locator.value}`);
-  }
-  return matcher.$x(locator.value);
-}
-
-async function proceedClick(locator, context = null, options = {}) {
-  let matcher = await this.context;
-  if (context) {
-    const els = await this._locate(context);
-    assertElementExists(els, context);
-    matcher = els[0];
-  }
-  const els = await findClickable.call(this, matcher, locator);
-  if (context) {
-    assertElementExists(els, locator, 'Clickable element', `was not found inside element ${new Locator(context).toString()}`);
-  } else {
-    assertElementExists(els, locator, 'Clickable element');
-  }
-
-  highlightActiveElement.call(this, els[0], await this._getContext());
-
-  await els[0].click(options);
-  const promises = [];
-  if (options.waitForNavigation) {
-    promises.push(this.waitForNavigation());
-  }
-  promises.push(this._waitForAction());
-
-  return Promise.all(promises);
-}
-
-async function findClickable(matcher, locator) {
-  if (locator.react) return findReactElements.call(this, locator);
-  locator = new Locator(locator);
-  if (!locator.isFuzzy()) return findElements.call(this, matcher, locator);
-
-  let els;
-  const literal = xpathLocator.literal(locator.value);
-
-  els = await findElements.call(this, matcher, Locator.clickable.narrow(literal));
-  if (els.length) return els;
-
-  els = await findElements.call(this, matcher, Locator.clickable.wide(literal));
-  if (els.length) return els;
-
-  try {
-    els = await findElements.call(this, matcher, Locator.clickable.self(literal));
-    if (els.length) return els;
-  } catch (err) {
-    // Do nothing
-  }
-
-  return findElements.call(this, matcher, locator.value); // by css or xpath
-}
-
-async function proceedSee(assertType, text, context, strict = false) {
-  let description;
-  let allText;
-  if (!context) {
-    let el = await this.context;
-
-    if (el && !el.getProperty) {
-      // Fallback to body
-      el = await this.context.$('body');
-    }
-
-    allText = [await el.getProperty('innerText').then(p => p.jsonValue())];
-    description = 'web application';
-  } else {
-    const locator = new Locator(context, 'css');
-    description = `element ${locator.toString()}`;
-    const els = await this._locate(locator);
-    assertElementExists(els, locator.toString());
-    allText = await Promise.all(els.map(el => el.getProperty('innerText').then(p => p.jsonValue())));
-  }
-
-  if (strict) {
-    return allText.map(elText => equals(description)[assertType](text, elText));
-  }
-  return stringIncludes(description)[assertType](normalizeSpacesInString(text), normalizeSpacesInString(allText.join(' | ')));
-}
-
-async function findCheckable(locator, context) {
-  let contextEl = await this.context;
-  if (typeof context === 'string') {
-    contextEl = await findElements.call(this, contextEl, (new Locator(context, 'css')).simplify());
-    contextEl = contextEl[0];
-  }
-
-  const matchedLocator = new Locator(locator);
-  if (!matchedLocator.isFuzzy()) {
-    return findElements.call(this, contextEl, matchedLocator.simplify());
-  }
-
-  const literal = xpathLocator.literal(locator);
-  let els = await findElements.call(this, contextEl, Locator.checkable.byText(literal));
-  if (els.length) {
-    return els;
-  }
-  els = await findElements.call(this, contextEl, Locator.checkable.byName(literal));
-  if (els.length) {
-    return els;
-  }
-  return findElements.call(this, contextEl, locator);
-}
-
-async function proceedIsChecked(assertType, option) {
-  let els = await findCheckable.call(this, option);
-  assertElementExists(els, option, 'Checkable');
-  els = await Promise.all(els.map(el => el.getProperty('checked')));
-  els = await Promise.all(els.map(el => el.jsonValue()));
-  const selected = els.reduce((prev, cur) => prev || cur);
-  return truth(`checkable ${option}`, 'to be checked')[assertType](selected);
-}
-
-async function findVisibleFields(locator) {
-  const els = await findFields.call(this, locator);
-  const visible = await Promise.all(els.map(el => el.boundingBox()));
-  return els.filter((el, index) => visible[index]);
-}
-
-async function findFields(locator) {
-  const matchedLocator = new Locator(locator);
-  if (!matchedLocator.isFuzzy()) {
-    return this._locate(matchedLocator);
-  }
-  const literal = xpathLocator.literal(locator);
-
-  let els = await this._locate({ xpath: Locator.field.labelEquals(literal) });
-  if (els.length) {
-    return els;
-  }
-
-  els = await this._locate({ xpath: Locator.field.labelContains(literal) });
-  if (els.length) {
-    return els;
-  }
-  els = await this._locate({ xpath: Locator.field.byName(literal) });
-  if (els.length) {
-    return els;
-  }
-  return this._locate({ css: locator });
-}
-
-async function proceedDragAndDrop(sourceLocator, destinationLocator) {
-  const src = await this._locate(sourceLocator);
-  assertElementExists(src, sourceLocator, 'Source Element');
-
-  const dst = await this._locate(destinationLocator);
-  assertElementExists(dst, destinationLocator, 'Destination Element');
-
-  // Note: Using public api .getClickablePoint becaues the .BoundingBox does not take into account iframe offsets
-  const dragSource = await getClickablePoint(src[0]);
-  const dragDestination = await getClickablePoint(dst[0]);
-
-  // Drag start point
-  await this.page.mouse.move(dragSource.x, dragSource.y, { steps: 5 });
-  await this.page.mouse.down();
-
-  // Drag destination
-  await this.page.mouse.move(dragDestination.x, dragDestination.y, { steps: 5 });
-  await this.page.mouse.up();
-
-  await this._waitForAction();
-}
-
-async function proceedSeeInField(assertType, field, value) {
-  const els = await findVisibleFields.call(this, field);
-  assertElementExists(els, field, 'Field');
-  const el = els[0];
-  const tag = await el.getProperty('tagName').then(el => el.jsonValue());
-  const fieldType = await el.getProperty('type').then(el => el.jsonValue());
-
-  const proceedMultiple = async (elements) => {
-    const fields = Array.isArray(elements) ? elements : [elements];
-
-    const elementValues = [];
-    for (const element of fields) {
-      elementValues.push(await element.getProperty('value').then(el => el.jsonValue()));
-    }
-
-    if (typeof value === 'boolean') {
-      equals(`no. of items matching > 0: ${field}`)[assertType](value, !!elementValues.length);
-    } else {
-      if (assertType === 'assert') {
-        equals(`select option by ${field}`)[assertType](true, elementValues.length > 0);
-      }
-      elementValues.forEach(val => stringIncludes(`fields by ${field}`)[assertType](value, val));
-    }
-  };
-
-  if (tag === 'SELECT') {
-    const selectedOptions = await el.$$('option:checked');
-    // locate option by values and check them
-    if (value === '') {
-      return proceedMultiple(selectedOptions);
-    }
-
-    const options = await filterFieldsByValue(selectedOptions, value, true);
-    return proceedMultiple(options);
-  }
-
-  if (tag === 'INPUT') {
-    if (fieldType === 'checkbox' || fieldType === 'radio') {
-      if (typeof value === 'boolean') {
-        // Filter by values
-        const options = await filterFieldsBySelectionState(els, true);
-        return proceedMultiple(options);
-      }
-
-      const options = await filterFieldsByValue(els, value, true);
-      return proceedMultiple(options);
-    }
-    return proceedMultiple(els[0]);
-  }
-  const fieldVal = await el.getProperty('value').then(el => el.jsonValue());
-  return stringIncludes(`fields by ${field}`)[assertType](value, fieldVal);
-}
-
-async function filterFieldsByValue(elements, value, onlySelected) {
-  const matches = [];
-  for (const element of elements) {
-    const val = await element.getProperty('value').then(el => el.jsonValue());
-    let isSelected = true;
-    if (onlySelected) {
-      isSelected = await elementSelected(element);
-    }
-    if ((value == null || val.indexOf(value) > -1) && isSelected) {
-      matches.push(element);
-    }
-  }
-  return matches;
-}
-
-async function filterFieldsBySelectionState(elements, state) {
-  const matches = [];
-  for (const element of elements) {
-    const isSelected = await elementSelected(element);
-    if (isSelected === state) {
-      matches.push(element);
-    }
-  }
-  return matches;
-}
-
-async function elementSelected(element) {
-  const type = await element.getProperty('type').then(el => el.jsonValue());
-
-  if (type === 'checkbox' || type === 'radio') {
-    return element.getProperty('checked').then(el => el.jsonValue());
-  }
-  return element.getProperty('selected').then(el => el.jsonValue());
-}
-
-function isFrameLocator(locator) {
-  locator = new Locator(locator);
-  if (locator.isFrame()) {
-    const _locator = new Locator(locator);
-    return _locator.value;
-  }
-  return false;
-}
-
-function assertElementExists(res, locator, prefix, suffix) {
-  if (!res || res.length === 0) {
-    throw new ElementNotFound(locator, prefix, suffix);
-  }
-}
-
-function $XPath(element, selector) {
-  const found = document.evaluate(selector, element || document.body, null, 5, null);
-  const res = [];
-  let current = null;
-  while (current = found.iterateNext()) {
-    res.push(current);
-  }
-  return res;
-}
-
-async function targetCreatedHandler(page) {
-  if (!page) return;
-  this.withinLocator = null;
-  page.on('load', () => {
-    page.$('body')
-      .catch(() => null)
-      .then(context => this.context = context);
-  });
-  page.on('console', (msg) => {
-    this.debugSection(`Browser:${ucfirst(msg.type())}`, (msg._text || '') + msg.args().join(' '));
-    consoleLogStore.add(msg);
-  });
-
-  if (this.options.userAgent) {
-    await page.setUserAgent(this.options.userAgent);
-  }
-  if (this.options.windowSize && this.options.windowSize.indexOf('x') > 0) {
-    const dimensions = this.options.windowSize.split('x');
-    const width = parseInt(dimensions[0], 10);
-    const height = parseInt(dimensions[1], 10);
-    await page.setViewport({ width, height });
-  }
-}
-
-// BC compatibility for Puppeteer < 10
-async function getClickablePoint(el) {
-  if (el.clickablePoint) return el.clickablePoint();
-  if (el._clickablePoint) return el._clickablePoint();
-  return null;
-}
-
-// List of key values to key definitions
-// https://github.com/GoogleChrome/puppeteer/blob/v1.20.0/lib/USKeyboardLayout.js
-const keyDefinitionMap = {
-  /* eslint-disable quote-props */
-  '0': 'Digit0',
-  '1': 'Digit1',
-  '2': 'Digit2',
-  '3': 'Digit3',
-  '4': 'Digit4',
-  '5': 'Digit5',
-  '6': 'Digit6',
-  '7': 'Digit7',
-  '8': 'Digit8',
-  '9': 'Digit9',
-  'a': 'KeyA',
-  'b': 'KeyB',
-  'c': 'KeyC',
-  'd': 'KeyD',
-  'e': 'KeyE',
-  'f': 'KeyF',
-  'g': 'KeyG',
-  'h': 'KeyH',
-  'i': 'KeyI',
-  'j': 'KeyJ',
-  'k': 'KeyK',
-  'l': 'KeyL',
-  'm': 'KeyM',
-  'n': 'KeyN',
-  'o': 'KeyO',
-  'p': 'KeyP',
-  'q': 'KeyQ',
-  'r': 'KeyR',
-  's': 'KeyS',
-  't': 'KeyT',
-  'u': 'KeyU',
-  'v': 'KeyV',
-  'w': 'KeyW',
-  'x': 'KeyX',
-  'y': 'KeyY',
-  'z': 'KeyZ',
-  ';': 'Semicolon',
-  '=': 'Equal',
-  ',': 'Comma',
-  '-': 'Minus',
-  '.': 'Period',
-  '/': 'Slash',
-  '`': 'Backquote',
-  '[': 'BracketLeft',
-  '\\': 'Backslash',
-  ']': 'BracketRight',
-  '\'': 'Quote',
-  /* eslint-enable quote-props */
-};
-
-function getNormalizedKey(key) {
-  const normalizedKey = getNormalizedKeyAttributeValue(key);
-  if (key !== normalizedKey) {
-    this.debugSection('Input', `Mapping key '${key}' to '${normalizedKey}'`);
-  }
-  // Use key definition to ensure correct key is displayed when Shift modifier is active
-  if (Object.prototype.hasOwnProperty.call(keyDefinitionMap, normalizedKey)) {
-    return keyDefinitionMap[normalizedKey];
-  }
-  return normalizedKey;
-}
-
-function highlightActiveElement(element, context) {
-  if (this.options.highlightElement && global.debugMode) {
-    highlightElement(element, context);
-  }
-}
-
-function _waitForElement(locator, options) {
-  try {
-    return this.context.waitForXPath(locator.value, options);
-  } catch (e) {
-    return this.context.waitForSelector(`::-p-xpath(${locator.value})`, options);
-  }
-}
-
-async function findReactElements(locator, props = {}, state = {}) {
-  const resqScript = await fs.promises.readFile(require.resolve('resq'), 'utf-8');
-  await this.page.evaluate(resqScript.toString());
-
-  await this.page.evaluate(() => window.resq.waitToLoadReact());
-  const arrayHandle = await this.page.evaluateHandle((obj) => {
-    const { selector, props, state } = obj;
-    let elements = window.resq.resq$$(selector);
-    if (Object.keys(props).length) {
-      elements = elements.byProps(props);
-    }
-    if (Object.keys(state).length) {
-      elements = elements.byState(state);
-    }
-
-    if (!elements.length) {
-      return [];
-    }
-
-    // resq returns an array of HTMLElements if the React component is a fragment
-    // this avoids having nested arrays of nodes which the driver does not understand
-    // [[div, div], [div, div]] => [div, div, div, div]
-    let nodes = [];
-
-    elements.forEach((element) => {
-      let { node, isFragment } = element;
-
-      if (!node) {
-        isFragment = true;
-        node = element.children;
-      }
-
-      if (isFragment) {
-        nodes = nodes.concat(node);
-      } else {
-        nodes.push(node);
-      }
-    });
-
-    return [...nodes];
-  }, {
-    selector: locator.react,
-    props: locator.props || {},
-    state: locator.state || {},
-  });
-
-  const properties = await arrayHandle.getProperties();
-  const result = [];
-  for (const property of properties.values()) {
-    const elementHandle = property.asElement();
-    if (elementHandle) {
-      result.push(elementHandle);
-    }
-  }
-
-  await arrayHandle.dispose();
-  return result;
-}
diff --git a/docs/build/REST.js b/docs/build/REST.js
deleted file mode 100644
index 88c214fb6..000000000
--- a/docs/build/REST.js
+++ /dev/null
@@ -1,347 +0,0 @@
-const axios = require('axios').default;
-const Helper = require('@codeceptjs/helper');
-const Secret = require('../secret');
-
-const { beautify } = require('../utils');
-
-/**
- * ## Configuration
- *
- * @typedef RESTConfig
- * @type {object}
- * @prop {string} [endpoint] - API base URL
- * @prop {boolean} [prettyPrintJson=false] - pretty print json for response/request on console logs
- * @prop {number} [timeout=1000] - timeout for requests in milliseconds. 10000ms by default
- * @prop {object} [defaultHeaders] - a list of default headers
- * @prop {function} [onRequest] - a async function which can update request object.
- * @prop {function} [onResponse] - a async function which can update response object.
- * @prop {number} [maxUploadFileSize] - set the max content file size in MB when performing api calls.
- */
-const config = {};
-
-/**
- * REST helper allows to send additional requests to the REST API during acceptance tests.
- * [Axios](https://github.com/axios/axios) library is used to perform requests.
- *
- * <!-- configuration -->
- *
- * ## Example
- *
- * ```js
- *{
- *   helpers: {
- *     REST: {
- *       endpoint: 'http://site.com/api',
- *       prettyPrintJson: true,
- *       onRequest: (request) => {
- *         request.headers.auth = '123';
- *       }
- *     }
- *   }
- *}
- * ```
- *
- * ## Access From Helpers
- *
- * Send REST requests by accessing `_executeRequest` method:
- *
- * ```js
- * this.helpers['REST']._executeRequest({
- *    url,
- *    data,
- * });
- * ```
- *
- * ## Methods
- */
-class REST extends Helper {
-  constructor(config) {
-    super(config);
-    this.options = {
-      timeout: 10000,
-      defaultHeaders: {},
-      endpoint: '',
-      prettyPrintJson: false,
-      onRequest: null,
-      onResponse: null,
-    };
-
-    if (this.options.maxContentLength) {
-      const maxContentLength = this.options.maxUploadFileSize * 1024 * 1024;
-      this.options.maxContentLength = maxContentLength;
-      this.options.maxBodyLength = maxContentLength;
-    }
-
-    // override defaults with config
-    this._setConfig(config);
-
-    this.headers = { ...this.options.defaultHeaders };
-    this.axios = axios.create();
-    // @ts-ignore
-    this.axios.defaults.headers = this.options.defaultHeaders;
-  }
-
-  static _config() {
-    return [
-      { name: 'endpoint', message: 'Endpoint of API you are going to test', default: 'http://localhost:3000/api' },
-    ];
-  }
-
-  static _checkRequirements() {
-    try {
-      require('axios');
-    } catch (e) {
-      return ['axios'];
-    }
-  }
-
-  _before() {
-    this.headers = { ...this.options.defaultHeaders };
-  }
-
-  /**
-   * Sets request headers for all requests of this test
-   *
-   * @param {object} headers headers list
-   */
-  haveRequestHeaders(headers) {
-    this.headers = { ...this.headers, ...headers };
-  }
-
-  /**
-   * Adds a header for Bearer authentication
-   *
-   * ```js
-   * // we use secret function to hide token from logs
-   * I.amBearerAuthenticated(secret('heregoestoken'))
-   * ```
-   *
-   * @param {string | CodeceptJS.Secret} accessToken  Bearer access token
-   */
-  amBearerAuthenticated(accessToken) {
-    this.haveRequestHeaders({ Authorization: `Bearer ${accessToken}` });
-  }
-
-  /**
-   * Executes axios request
-   *
-   * @param {*} request
-   *
-   * @returns {Promise<*>} response
-   */
-  async _executeRequest(request) {
-    // Add custom headers. They can be set by amBearerAuthenticated() or haveRequestHeaders()
-    request.headers = { ...this.headers, ...request.headers };
-
-    const _debugRequest = { ...request };
-    this.axios.defaults.timeout = request.timeout || this.options.timeout;
-
-    if (this.headers && this.headers.auth) {
-      request.auth = this.headers.auth;
-    }
-
-    if (typeof request.data === 'object') {
-      const returnedValue = {};
-      for (const [key, value] of Object.entries(request.data)) {
-        returnedValue[key] = value;
-        if (value instanceof Secret) returnedValue[key] = value.getMasked();
-      }
-      _debugRequest.data = returnedValue;
-    }
-
-    if (request.data instanceof Secret) {
-      _debugRequest.data = '*****';
-      request.data = (typeof request.data === 'object' && !(request.data instanceof Secret)) ? { ...request.data.toString() } : request.data.toString();
-    }
-
-    if ((typeof request.data) === 'string') {
-      if (!request.headers || !request.headers['Content-Type']) {
-        request.headers = { ...request.headers, ...{ 'Content-Type': 'application/x-www-form-urlencoded' } };
-      }
-    }
-
-    if (this.config.onRequest) {
-      await this.config.onRequest(request);
-    }
-
-    this.options.prettyPrintJson ? this.debugSection('Request', beautify(JSON.stringify(_debugRequest))) : this.debugSection('Request', JSON.stringify(_debugRequest));
-
-    let response;
-    try {
-      response = await this.axios(request);
-    } catch (err) {
-      if (!err.response) throw err;
-      this.debugSection('Response', `Response error. Status code: ${err.response.status}`);
-      response = err.response;
-    }
-    if (this.config.onResponse) {
-      await this.config.onResponse(response);
-    }
-    this.options.prettyPrintJson ? this.debugSection('Response', beautify(JSON.stringify(response.data))) : this.debugSection('Response', JSON.stringify(response.data));
-    return response;
-  }
-
-  /**
-   * Generates url based on format sent (takes endpoint + url if latter lacks 'http')
-   *
-   * @param {*} url
-   */
-  _url(url) {
-    return /^\w+\:\/\//.test(url) ? url : this.options.endpoint + url;
-  }
-
-  /**
-   * Set timeout for the request
-   *
-   * ```js
-   * I.setRequestTimeout(10000); // In milliseconds
-   * ```
-   *
-   * @param {number} newTimeout - timeout in milliseconds
-   */
-  setRequestTimeout(newTimeout) {
-    this.options.timeout = newTimeout;
-  }
-
-  /**
-   * Send GET request to REST API
-   *
-   * ```js
-   * I.sendGetRequest('/api/users.json');
-   * ```
-   *
-   * @param {*} url
-   * @param {object} [headers={}] - the headers object to be sent. By default, it is sent as an empty object
-   *
-   * @returns {Promise<*>} response
-   */
-  async sendGetRequest(url, headers = {}) {
-    const request = {
-      baseURL: this._url(url),
-      headers,
-    };
-    return this._executeRequest(request);
-  }
-
-  /**
-   * Sends POST request to API.
-   *
-   * ```js
-   * I.sendPostRequest('/api/users.json', { "email": "user@user.com" });
-   *
-   * // To mask the payload in logs
-   * I.sendPostRequest('/api/users.json', secret({ "email": "user@user.com" }));
-   *
-   * ```
-   *
-   * @param {*} url
-   * @param {*} [payload={}] - the payload to be sent. By default, it is sent as an empty object
-   * @param {object} [headers={}] - the headers object to be sent. By default, it is sent as an empty object
-   *
-   * @returns {Promise<*>} response
-   */
-  async sendPostRequest(url, payload = {}, headers = {}) {
-    const request = {
-      baseURL: this._url(url),
-      method: 'POST',
-      data: payload,
-      headers,
-    };
-
-    if (this.options.maxContentLength) {
-      request.maxContentLength = this.options.maxContentLength;
-      request.maxBodyLength = this.options.maxContentLength;
-    }
-
-    return this._executeRequest(request);
-  }
-
-  /**
-   * Sends PATCH request to API.
-   *
-   * ```js
-   * I.sendPatchRequest('/api/users.json', { "email": "user@user.com" });
-   *
-   * // To mask the payload in logs
-   * I.sendPatchRequest('/api/users.json', secret({ "email": "user@user.com" }));
-   *
-   * ```
-   *
-   * @param {string} url
-   * @param {*} [payload={}] - the payload to be sent. By default it is sent as an empty object
-   * @param {object} [headers={}] - the headers object to be sent. By default it is sent as an empty object
-   *
-   * @returns {Promise<*>} response
-   */
-  async sendPatchRequest(url, payload = {}, headers = {}) {
-    const request = {
-      baseURL: this._url(url),
-      method: 'PATCH',
-      data: payload,
-      headers,
-    };
-
-    if (this.options.maxContentLength) {
-      request.maxContentLength = this.options.maxContentLength;
-      request.maxBodyLength = this.options.maxBodyLength;
-    }
-
-    return this._executeRequest(request);
-  }
-
-  /**
-   * Sends PUT request to API.
-   *
-   * ```js
-   * I.sendPutRequest('/api/users.json', { "email": "user@user.com" });
-   *
-   * // To mask the payload in logs
-   * I.sendPutRequest('/api/users.json', secret({ "email": "user@user.com" }));
-   *
-   * ```
-   *
-   * @param {string} url
-   * @param {*} [payload={}] - the payload to be sent. By default it is sent as an empty object
-   * @param {object} [headers={}] - the headers object to be sent. By default it is sent as an empty object
-   *
-   * @returns {Promise<*>} response
-   */
-  async sendPutRequest(url, payload = {}, headers = {}) {
-    const request = {
-      baseURL: this._url(url),
-      method: 'PUT',
-      data: payload,
-      headers,
-    };
-
-    if (this.options.maxContentLength) {
-      request.maxContentLength = this.options.maxContentLength;
-      request.maxBodyLength = this.options.maxBodyLength;
-    }
-
-    return this._executeRequest(request);
-  }
-
-  /**
-   * Sends DELETE request to API.
-   *
-   * ```js
-   * I.sendDeleteRequest('/api/users/1');
-   * ```
-   *
-   * @param {*} url
-   * @param {object} [headers={}] - the headers object to be sent. By default, it is sent as an empty object
-   *
-   * @returns {Promise<*>} response
-   */
-  async sendDeleteRequest(url, headers = {}) {
-    const request = {
-      baseURL: this._url(url),
-      method: 'DELETE',
-      headers,
-    };
-
-    return this._executeRequest(request);
-  }
-}
-module.exports = REST;
diff --git a/docs/build/TestCafe.js b/docs/build/TestCafe.js
deleted file mode 100644
index 12794d780..000000000
--- a/docs/build/TestCafe.js
+++ /dev/null
@@ -1,2125 +0,0 @@
-// @ts-nocheck
-const fs = require('fs');
-const assert = require('assert');
-const path = require('path');
-const qrcode = require('qrcode-terminal');
-const createTestCafe = require('testcafe');
-const { Selector, ClientFunction } = require('testcafe');
-
-const Helper = require('@codeceptjs/helper');
-const ElementNotFound = require('./errors/ElementNotFound');
-const testControllerHolder = require('./testcafe/testControllerHolder');
-const {
-  mapError,
-  createTestFile,
-  createClientFunction,
-} = require('./testcafe/testcafe-utils');
-
-const stringIncludes = require('../assert/include').includes;
-const { urlEquals } = require('../assert/equal');
-const { empty } = require('../assert/empty');
-const { truth } = require('../assert/truth');
-const {
-  xpathLocator, normalizeSpacesInString,
-} = require('../utils');
-const Locator = require('../locator');
-
-/**
- * Client Functions
- */
-const getPageUrl = t => ClientFunction(() => document.location.href).with({ boundTestRun: t });
-const getHtmlSource = t => ClientFunction(() => document.getElementsByTagName('html')[0].innerHTML).with({ boundTestRun: t });
-
-/**
- * Uses [TestCafe](https://github.com/DevExpress/testcafe) library to run cross-browser tests.
- * The browser version you want to use in tests must be installed on your system.
- *
- * Requires `testcafe` package to be installed.
- *
- * ```
- * npm i testcafe --save-dev
- * ```
- *
- * ## Configuration
- *
- * This helper should be configured in codecept.conf.ts or codecept.conf.js
- *
- * * `url`: base url of website to be tested
- * * `show`: (optional, default: false) - show browser window.
- * * `windowSize`: (optional) - set browser window width and height
- * * `getPageTimeout` (optional, default: '30000') config option to set maximum navigation time in milliseconds.
- * * `waitForTimeout`: (optional) default wait* timeout in ms. Default: 5000.
- * * `browser`: (optional, default: chrome)  - See https://devexpress.github.io/testcafe/documentation/using-testcafe/common-concepts/browsers/browser-support.html
- *
- *
- * #### Example #1: Show chrome browser window
- *
- * ```js
- * {
- *    helpers: {
- *      TestCafe : {
- *        url: "http://localhost",
- *        waitForTimeout: 15000,
- *        show: true,
- *        browser: "chrome"
- *      }
- *    }
- * }
- * ```
- *
- *  To use remote device you can provide 'remote' as browser parameter this will display a link with QR Code
- *  See https://devexpress.github.io/testcafe/documentation/recipes/test-on-remote-computers-and-mobile-devices.html
- *  #### Example #2: Remote browser connection
- *
- * ```js
- * {
- *    helpers: {
- *      TestCafe : {
- *        url: "http://localhost",
- *        waitForTimeout: 15000,
- *        browser: "remote"
- *      }
- *    }
- * }
- * ```
- *
- * ## Access From Helpers
- *
- * Call Testcafe methods directly using the testcafe controller.
- *
- * ```js
- * const testcafeTestController = this.helpers['TestCafe'].t;
- * const comboBox = Selector('.combo-box');
- * await testcafeTestController
- *   .hover(comboBox) // hover over combo box
- *   .click('#i-prefer-both') // click some other element
- * ```
- *
- * ## Methods
- */
-class TestCafe extends Helper {
-  constructor(config) {
-    super(config);
-
-    this.testcafe = undefined; // testcafe instance
-    this.t = undefined; // testcafe test controller
-    this.dummyTestcafeFile; // generated testcafe test file
-
-    // context is used for within() function.
-    // It requires to have _withinBeginand _withinEnd implemented.
-    // Inside _withinBegin we should define that all next element calls should be started from a specific element (this.context).
-    this.context = undefined; // TODO Not sure if this applies to testcafe
-
-    this.options = {
-      url: 'http://localhost',
-      show: false,
-      browser: 'chrome',
-      restart: true, // TODO Test if restart false works
-      manualStart: false,
-      keepBrowserState: false,
-      waitForTimeout: 5000,
-      getPageTimeout: 30000,
-      fullPageScreenshots: false,
-      disableScreenshots: false,
-      windowSize: undefined,
-      ...config,
-    };
-  }
-
-  // TOOD Do a requirements check
-  static _checkRequirements() {
-    try {
-      require('testcafe');
-    } catch (e) {
-      return ['testcafe@^1.1.0'];
-    }
-  }
-
-  static _config() {
-    return [
-      { name: 'url', message: 'Base url of site to be tested', default: 'http://localhost' },
-      { name: 'browser', message: 'Browser to be used', default: 'chrome' },
-      {
-        name: 'show', message: 'Show browser window', default: true, type: 'confirm',
-      },
-    ];
-  }
-
-  async _configureAndStartBrowser() {
-    this.dummyTestcafeFile = createTestFile(global.output_dir); // create a dummy test file to get hold of the test controller
-
-    this.iteration += 2; // Use different ports for each test run
-    // @ts-ignore
-    this.testcafe = await createTestCafe('', null, null);
-
-    this.debugSection('_before', 'Starting testcafe browser...');
-
-    this.isRunning = true;
-
-    // TODO Do we have to cleanup the runner?
-    const runner = this.testcafe.createRunner();
-
-    this.options.browser !== 'remote' ? this._startBrowser(runner) : this._startRemoteBrowser(runner);
-
-    this.t = await testControllerHolder.get();
-    assert(this.t, 'Expected to have the testcafe test controller');
-
-    if (this.options.windowSize && this.options.windowSize.indexOf('x') > 0) {
-      const dimensions = this.options.windowSize.split('x');
-      await this.t.resizeWindow(parseInt(dimensions[0], 10), parseInt(dimensions[1], 10));
-    }
-  }
-
-  async _startBrowser(runner) {
-    runner
-      .src(this.dummyTestcafeFile)
-      .screenshots(global.output_dir, !this.options.disableScreenshots)
-      // .video(global.output_dir) // TODO Make this configurable
-      .browsers(this.options.show ? this.options.browser : `${this.options.browser}:headless`)
-      .reporter('minimal')
-      .run({
-        skipJsErrors: true,
-        skipUncaughtErrors: true,
-        quarantineMode: false,
-        // debugMode: true,
-        // debugOnFail: true,
-        // developmentMode: true,
-        pageLoadTimeout: this.options.getPageTimeout,
-        selectorTimeout: this.options.waitForTimeout,
-        assertionTimeout: this.options.waitForTimeout,
-        takeScreenshotsOnFails: true,
-      })
-      .catch((err) => {
-        this.debugSection('_before', `Error ${err.toString()}`);
-        this.isRunning = false;
-        this.testcafe.close();
-      });
-  }
-
-  async _startRemoteBrowser(runner) {
-    const remoteConnection = await this.testcafe.createBrowserConnection();
-    console.log('Connect your device to the following URL or scan QR Code: ', remoteConnection.url);
-    qrcode.generate(remoteConnection.url);
-    remoteConnection.once('ready', () => {
-      runner
-        .src(this.dummyTestcafeFile)
-        .browsers(remoteConnection)
-        .reporter('minimal')
-        .run({
-          selectorTimeout: this.options.waitForTimeout,
-          skipJsErrors: true,
-          skipUncaughtErrors: true,
-        })
-        .catch((err) => {
-          this.debugSection('_before', `Error ${err.toString()}`);
-          this.isRunning = false;
-          this.testcafe.close();
-        });
-    });
-  }
-
-  async _stopBrowser() {
-    this.debugSection('_after', 'Stopping testcafe browser...');
-
-    testControllerHolder.free();
-    if (this.testcafe) {
-      this.testcafe.close();
-    }
-
-    fs.unlinkSync(this.dummyTestcafeFile); // remove the dummy test
-    this.t = undefined;
-
-    this.isRunning = false;
-  }
-
-  _init() {
-  }
-
-  async _beforeSuite() {
-    if (!this.options.restart && !this.options.manualStart && !this.isRunning) {
-      this.debugSection('Session', 'Starting singleton browser session');
-      return this._configureAndStartBrowser();
-    }
-  }
-
-  async _before() {
-    if (this.options.restart && !this.options.manualStart) return this._configureAndStartBrowser();
-    if (!this.isRunning && !this.options.manualStart) return this._configureAndStartBrowser();
-    this.context = null;
-  }
-
-  async _after() {
-    if (!this.isRunning) return;
-
-    if (this.options.restart) {
-      this.isRunning = false;
-      return this._stopBrowser();
-    }
-
-    if (this.options.keepBrowserState) return;
-
-    if (!this.options.keepCookies) {
-      this.debugSection('Session', 'cleaning cookies and localStorage');
-      await this.clearCookie();
-
-      // TODO IMHO that should only happen when
-      await this.executeScript(() => localStorage.clear())
-        .catch((err) => {
-          if (!(err.message.indexOf("Storage is disabled inside 'data:' URLs.") > -1)) throw err;
-        });
-    }
-  }
-
-  _afterSuite() {
-  }
-
-  async _finishTest() {
-    if (!this.options.restart && this.isRunning) return this._stopBrowser();
-  }
-
-  /**
-   * Use [TestCafe](https://devexpress.github.io/testcafe/documentation/test-api/) API inside a test.
-   *
-   * First argument is a description of an action.
-   * Second argument is async function that gets this helper as parameter.
-   *
-   * { [`t`](https://devexpress.github.io/testcafe/documentation/test-api/test-code-structure.html#test-controller)) } object from TestCafe API is available.
-   *
-   * ```js
-   * I.useTestCafeTo('handle browser dialog', async ({ t }) {
-   *   await t.setNativeDialogHandler(() => true);
-   * });
-   * ```
-   *
-   *
-   *
-   * @param {string} description used to show in logs.
-   * @param {function} fn async functuion that executed with TestCafe helper as argument
-   */
-  useTestCafeTo(description, fn) {
-    return this._useTo(...arguments);
-  }
-
-  /**
-   * Get elements by different locator types, including strict locator
-   * Should be used in custom helpers:
-   *
-   * ```js
-   * const elements = await this.helpers['TestCafe']._locate('.item');
-   * ```
-   *
-   */
-  async _locate(locator) {
-    return findElements.call(this, this.context, locator).catch(mapError);
-  }
-
-  async _withinBegin(locator) {
-    const els = await this._locate(locator);
-    assertElementExists(els, locator);
-    this.context = await els.nth(0);
-  }
-
-  async _withinEnd() {
-    this.context = null;
-  }
-
-  /**
-   * Opens a web page in a browser. Requires relative or absolute url.
-   * If url starts with `/`, opens a web page of a site defined in `url` config parameter.
-   * 
-   * ```js
-   * I.amOnPage('/'); // opens main page of website
-   * I.amOnPage('https://github.com'); // opens github
-   * I.amOnPage('/login'); // opens a login page
-   * ```
-   * 
-   * @param {string} url url path or global url.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async amOnPage(url) {
-    if (!(/^\w+\:\/\//.test(url))) {
-      url = this.options.url + url;
-    }
-
-    return this.t.navigateTo(url)
-      .catch(mapError);
-  }
-
-  /**
-   * Resize the current window to provided width and height.
-   * First parameter can be set to `maximize`.
-   * 
-   * @param {number} width width in pixels or `maximize`.
-   * @param {number} height height in pixels.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async resizeWindow(width, height) {
-    if (width === 'maximize') {
-      return this.t.maximizeWindow().catch(mapError);
-    }
-
-    return this.t.resizeWindow(width, height).catch(mapError);
-  }
-
-  /**
-   * Calls [focus](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus) on the matching element.
-   * 
-   * Examples:
-   * 
-   * ```js
-   * I.dontSee('#add-to-cart-btn');
-   * I.focus('#product-tile')
-   * I.see('#add-to-cart-bnt');
-   * ```
-   * 
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @param {any} [options] Playwright only: [Additional options](https://playwright.dev/docs/api/class-locator#locator-focus) for available options object as 2nd argument.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async focus(locator) {
-    const els = await this._locate(locator);
-    await assertElementExists(els, locator, 'Element to focus');
-    const element = await els.nth(0);
-
-    const focusElement = ClientFunction(() => element().focus(), { boundTestRun: this.t, dependencies: { element } });
-
-    return focusElement();
-  }
-
-  /**
-   * Remove focus from a text input, button, etc.
-   * Calls [blur](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus) on the element.
-   * 
-   * Examples:
-   * 
-   * ```js
-   * I.blur('.text-area')
-   * ```
-   * ```js
-   * //element `#product-tile` is focused
-   * I.see('#add-to-cart-btn');
-   * I.blur('#product-tile')
-   * I.dontSee('#add-to-cart-btn');
-   * ```
-   * 
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @param {any} [options] Playwright only: [Additional options](https://playwright.dev/docs/api/class-locator#locator-blur) for available options object as 2nd argument.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async blur(locator) {
-    const els = await this._locate(locator);
-    await assertElementExists(els, locator, 'Element to blur');
-    const element = await els.nth(0);
-
-    const blurElement = ClientFunction(() => element().blur(), { boundTestRun: this.t, dependencies: { element } });
-
-    return blurElement();
-  }
-
-  /**
-   * Perform a click on a link or a button, given by a locator.
-   * If a fuzzy locator is given, the page will be searched for a button, link, or image matching the locator string.
-   * For buttons, the "value" attribute, "name" attribute, and inner text are searched. For links, the link text is searched.
-   * For images, the "alt" attribute and inner text of any parent links are searched.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * // simple link
-   * I.click('Logout');
-   * // button of form
-   * I.click('Submit');
-   * // CSS button
-   * I.click('#form input[type=submit]');
-   * // XPath
-   * I.click('//form/*[@type=submit]');
-   * // link in context
-   * I.click('Logout', '#nav');
-   * // using strict locator
-   * I.click({css: 'nav a.login'});
-   * ```
-   * 
-   * @param {string | object} locator clickable link or button located by text, or any element located by CSS|XPath|strict locator.
-   * @param {?string | object | null} [context=null] (optional, `null` by default) element to search in CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async click(locator, context = null) {
-    return proceedClick.call(this, locator, context);
-  }
-
-  /**
-   * Reload the current page.
-   * 
-   * ```js
-   * I.refreshPage();
-   * ```
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async refreshPage() {
-    // eslint-disable-next-line no-restricted-globals
-    return this.t.eval(() => location.reload(true), { boundTestRun: this.t }).catch(mapError);
-  }
-
-  /**
-   * Waits for an element to become visible on a page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForVisible('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async waitForVisible(locator, sec) {
-    const timeout = sec ? sec * 1000 : undefined;
-
-    return (await findElements.call(this, this.context, locator))
-      .with({ visibilityCheck: true, timeout })()
-      .catch(mapError);
-  }
-
-  /**
-   * Fills a text field or textarea, after clearing its value, with the given string.
-   * Field is located by name, label, CSS, or XPath.
-   * 
-   * ```js
-   * // by label
-   * I.fillField('Email', 'hello@world.com');
-   * // by name
-   * I.fillField('password', secret('123456'));
-   * // by CSS
-   * I.fillField('form#login input[name=username]', 'John');
-   * // or by strict locator
-   * I.fillField({css: 'form#login input[name=username]'}, 'John');
-   * ```
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @param {string | object} value text value to fill.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async fillField(field, value) {
-    const els = await findFields.call(this, field);
-    assertElementExists(els, field, 'Field');
-    const el = await els.nth(0);
-    return this.t
-      .typeText(el, value.toString(), { replace: true })
-      .catch(mapError);
-  }
-
-  /**
-   * Clears a `<textarea>` or text `<input>` element's value.
-   * 
-   * ```js
-   * I.clearField('Email');
-   * I.clearField('user[email]');
-   * I.clearField('#email');
-   * ```
-   * @param {string | object} editable field located by label|name|CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder.
-   * 
-   */
-  async clearField(field) {
-    const els = await findFields.call(this, field);
-    assertElementExists(els, field, 'Field');
-    const el = await els.nth(0);
-
-    const res = await this.t
-      .selectText(el)
-      .pressKey('delete');
-    return res;
-  }
-
-  /**
-   * Appends text to a input field or textarea.
-   * Field is located by name, label, CSS or XPath
-   * 
-   * ```js
-   * I.appendField('#myTextField', 'appended');
-   * // typing secret
-   * I.appendField('password', secret('123456'));
-   * ```
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator
-   * @param {string} value text value to append.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async appendField(field, value) {
-    const els = await findFields.call(this, field);
-    assertElementExists(els, field, 'Field');
-    const el = await els.nth(0);
-
-    return this.t
-      .typeText(el, value.toString(), { replace: false })
-      .catch(mapError);
-  }
-
-  /**
-   * Attaches a file to element located by label, name, CSS or XPath
-   * Path to file is relative current codecept directory (where codecept.conf.ts or codecept.conf.js is located).
-   * File will be uploaded to remote system (if tests are running remotely).
-   * 
-   * ```js
-   * I.attachFile('Avatar', 'data/avatar.jpg');
-   * I.attachFile('form input[name=avatar]', 'data/avatar.jpg');
-   * ```
-   * 
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @param {string} pathToFile local file path relative to codecept.conf.ts or codecept.conf.js config file.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async attachFile(field, pathToFile) {
-    const els = await findFields.call(this, field);
-    assertElementExists(els, field, 'Field');
-    const el = await els.nth(0);
-    const file = path.join(global.codecept_dir, pathToFile);
-
-    return this.t
-      .setFilesToUpload(el, [file])
-      .catch(mapError);
-  }
-
-  /**
-   * Presses a key on a focused element.
-   * Special keys like 'Enter', 'Control', [etc](https://code.google.com/p/selenium/wiki/JsonWireProtocol#/session/:sessionId/element/:id/value)
-   * will be replaced with corresponding unicode.
-   * If modifier key is used (Control, Command, Alt, Shift) in array, it will be released afterwards.
-   * 
-   * ```js
-   * I.pressKey('Enter');
-   * I.pressKey(['Control','a']);
-   * ```
-   * 
-   * @param {string|string[]} key key or array of keys to press.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * {{ keys }}
-   */
-  async pressKey(key) {
-    assert(key, 'Expected a sequence of keys or key combinations');
-
-    return this.t
-      .pressKey(key.toLowerCase()) // testcafe keys are lowercase
-      .catch(mapError);
-  }
-
-  /**
-   * Moves cursor to element matched by locator.
-   * Extra shift can be set with offsetX and offsetY options.
-   * 
-   * ```js
-   * I.moveCursorTo('.tooltip');
-   * I.moveCursorTo('#submit', 5,5);
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @param {number} [offsetX=0] (optional, `0` by default) X-axis offset.
-   * @param {number} [offsetY=0] (optional, `0` by default) Y-axis offset.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async moveCursorTo(locator, offsetX = 0, offsetY = 0) {
-    const els = (await findElements.call(this, this.context, locator)).filterVisible();
-    await assertElementExists(els, locator);
-
-    return this.t
-      .hover(els.nth(0), { offsetX, offsetY })
-      .catch(mapError);
-  }
-
-  /**
-   * Performs a double-click on an element matched by link|button|label|CSS or XPath.
-   * Context can be specified as second parameter to narrow search.
-   * 
-   * ```js
-   * I.doubleClick('Edit');
-   * I.doubleClick('Edit', '.actions');
-   * I.doubleClick({css: 'button.accept'});
-   * I.doubleClick('.btn.edit');
-   * ```
-   * 
-   * @param {string | object} locator clickable link or button located by text, or any element located by CSS|XPath|strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element to search in CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async doubleClick(locator, context = null) {
-    let matcher;
-    if (context) {
-      const els = await this._locate(context);
-      await assertElementExists(els, context);
-      matcher = await els.nth(0);
-    }
-
-    const els = (await findClickable.call(this, matcher, locator)).filterVisible();
-    return this.t
-      .doubleClick(els.nth(0))
-      .catch(mapError);
-  }
-
-  /**
-   * Performs right click on a clickable element matched by semantic locator, CSS or XPath.
-   * 
-   * ```js
-   * // right click element with id el
-   * I.rightClick('#el');
-   * // right click link or button with text "Click me"
-   * I.rightClick('Click me');
-   * // right click button with text "Click me" inside .context
-   * I.rightClick('Click me', '.context');
-   * ```
-   * 
-   * @param {string | object} locator clickable element located by CSS|XPath|strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async rightClick(locator, context = null) {
-    let matcher;
-    if (context) {
-      const els = await this._locate(context);
-      await assertElementExists(els, context);
-      matcher = await els.nth(0);
-    }
-    const els = (await findClickable.call(this, matcher, locator)).filterVisible();
-    assertElementExists(els, locator);
-    return this.t
-      .rightClick(els.nth(0))
-      .catch(mapError);
-  }
-
-  /**
-   * Selects a checkbox or radio button.
-   * Element is located by label or name or CSS or XPath.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * I.checkOption('#agree');
-   * I.checkOption('I Agree to Terms and Conditions');
-   * I.checkOption('agree', '//form');
-   * ```
-   * @param {string | object} field checkbox located by label | name | CSS | XPath | strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS | XPath | strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async checkOption(field, context = null) {
-    const el = await findCheckable.call(this, field, context);
-
-    return this.t
-      .click(el)
-      .catch(mapError);
-  }
-
-  /**
-   * Unselects a checkbox or radio button.
-   * Element is located by label or name or CSS or XPath.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * I.uncheckOption('#agree');
-   * I.uncheckOption('I Agree to Terms and Conditions');
-   * I.uncheckOption('agree', '//form');
-   * ```
-   * @param {string | object} field checkbox located by label | name | CSS | XPath | strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS | XPath | strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async uncheckOption(field, context = null) {
-    const el = await findCheckable.call(this, field, context);
-
-    if (await el.checked) {
-      return this.t
-        .click(el)
-        .catch(mapError);
-    }
-  }
-
-  /**
-   * Verifies that the specified checkbox is checked.
-   * 
-   * ```js
-   * I.seeCheckboxIsChecked('Agree');
-   * I.seeCheckboxIsChecked('#agree'); // I suppose user agreed to terms
-   * I.seeCheckboxIsChecked({css: '#signup_form input[type=checkbox]'});
-   * ```
-   * 
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeCheckboxIsChecked(field) {
-    return proceedIsChecked.call(this, 'assert', field);
-  }
-
-  /**
-   * Verifies that the specified checkbox is not checked.
-   * 
-   * ```js
-   * I.dontSeeCheckboxIsChecked('#agree'); // located by ID
-   * I.dontSeeCheckboxIsChecked('I agree to terms'); // located by label
-   * I.dontSeeCheckboxIsChecked('agree'); // located by name
-   * ```
-   * 
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeCheckboxIsChecked(field) {
-    return proceedIsChecked.call(this, 'negate', field);
-  }
-
-  /**
-   * Selects an option in a drop-down select.
-   * Field is searched by label | name | CSS | XPath.
-   * Option is selected by visible text or by value.
-   * 
-   * ```js
-   * I.selectOption('Choose Plan', 'Monthly'); // select by label
-   * I.selectOption('subscription', 'Monthly'); // match option by text
-   * I.selectOption('subscription', '0'); // or by value
-   * I.selectOption('//form/select[@name=account]','Premium');
-   * I.selectOption('form select[name=account]', 'Premium');
-   * I.selectOption({css: 'form select[name=account]'}, 'Premium');
-   * ```
-   * 
-   * Provide an array for the second argument to select multiple options.
-   * 
-   * ```js
-   * I.selectOption('Which OS do you use?', ['Android', 'iOS']);
-   * ```
-   * @param {string | object} select field located by label|name|CSS|XPath|strict locator.
-   * @param {string|Array<*>} option visible text or value of option.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async selectOption(select, option) {
-    const els = await findFields.call(this, select);
-    assertElementExists(els, select, 'Selectable field');
-
-    const el = await els.filterVisible().nth(0);
-
-    if ((await el.tagName).toLowerCase() !== 'select') {
-      throw new Error('Element is not <select>');
-    }
-    if (!Array.isArray(option)) option = [option];
-
-    // TODO As far as I understand the testcafe docs this should do a multi-select
-    // but it does not work
-    // const clickOpts = { ctrl: option.length > 1 };
-    await this.t.click(el).catch(mapError);
-
-    for (const key of option) {
-      const opt = key;
-
-      let optEl;
-      try {
-        optEl = el.child('option').withText(opt);
-        if (await optEl.count) {
-          await this.t.click(optEl).catch(mapError);
-          continue;
-        }
-        // eslint-disable-next-line no-empty
-      } catch (err) {
-      }
-
-      try {
-        const sel = `[value="${opt}"]`;
-        optEl = el.find(sel);
-        if (await optEl.count) {
-          await this.t.click(optEl).catch(mapError);
-        }
-        // eslint-disable-next-line no-empty
-      } catch (err) {
-      }
-    }
-  }
-
-  /**
-   * Checks that current url contains a provided fragment.
-   * 
-   * ```js
-   * I.seeInCurrentUrl('/register'); // we are on registration page
-   * ```
-   * 
-   * @param {string} url a fragment to check
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInCurrentUrl(url) {
-    stringIncludes('url').assert(url, await getPageUrl(this.t)().catch(mapError));
-  }
-
-  /**
-   * Checks that current url does not contain a provided fragment.
-   * 
-   * @param {string} url value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeInCurrentUrl(url) {
-    stringIncludes('url').negate(url, await getPageUrl(this.t)().catch(mapError));
-  }
-
-  /**
-   * Checks that current url is equal to provided one.
-   * If a relative url provided, a configured url will be prepended to it.
-   * So both examples will work:
-   * 
-   * ```js
-   * I.seeCurrentUrlEquals('/register');
-   * I.seeCurrentUrlEquals('http://my.site.com/register');
-   * ```
-   * 
-   * @param {string} url value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeCurrentUrlEquals(url) {
-    urlEquals(this.options.url).assert(url, await getPageUrl(this.t)().catch(mapError));
-  }
-
-  /**
-   * Checks that current url is not equal to provided one.
-   * If a relative url provided, a configured url will be prepended to it.
-   * 
-   * ```js
-   * I.dontSeeCurrentUrlEquals('/login'); // relative url are ok
-   * I.dontSeeCurrentUrlEquals('http://mysite.com/login'); // absolute urls are also ok
-   * ```
-   * 
-   * @param {string} url value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeCurrentUrlEquals(url) {
-    urlEquals(this.options.url).negate(url, await getPageUrl(this.t)().catch(mapError));
-  }
-
-  /**
-   * Checks that a page contains a visible text.
-   * Use context parameter to narrow down the search.
-   * 
-   * ```js
-   * I.see('Welcome'); // text welcome on a page
-   * I.see('Welcome', '.content'); // text inside .content div
-   * I.see('Register', {css: 'form.register'}); // use strict locator
-   * ```
-   * @param {string} text expected on page.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS|Xpath|strict locator in which to search for text.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async see(text, context = null) {
-    let els;
-    if (context) {
-      els = (await findElements.call(this, this.context, context)).withText(normalizeSpacesInString(text));
-    } else {
-      els = (await findElements.call(this, this.context, '*')).withText(normalizeSpacesInString(text));
-    }
-
-    return this.t
-      .expect(els.filterVisible().count).gt(0, `No element with text "${text}" found`)
-      .catch(mapError);
-  }
-
-  /**
-   * Opposite to `see`. Checks that a text is not present on a page.
-   * Use context parameter to narrow down the search.
-   * 
-   * ```js
-   * I.dontSee('Login'); // assume we are already logged in.
-   * I.dontSee('Login', '.nav'); // no login inside .nav element
-   * ```
-   * 
-   * @param {string} text which is not present.
-   * @param {string | object} [context] (optional) element located by CSS|XPath|strict locator in which to perfrom search.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async dontSee(text, context = null) {
-    let els;
-    if (context) {
-      els = (await findElements.call(this, this.context, context)).withText(text);
-    } else {
-      els = (await findElements.call(this, this.context, 'body')).withText(text);
-    }
-
-    return this.t
-      .expect(els.filterVisible().count).eql(0, `Element with text "${text}" can still be seen`)
-      .catch(mapError);
-  }
-
-  /**
-   * Checks that a given Element is visible
-   * Element is located by CSS or XPath.
-   * 
-   * ```js
-   * I.seeElement('#modal');
-   * ```
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeElement(locator) {
-    const exists = (await findElements.call(this, this.context, locator)).filterVisible().exists;
-    return this.t
-      .expect(exists).ok(`No element "${(new Locator(locator))}" found`)
-      .catch(mapError);
-  }
-
-  /**
-   * Opposite to `seeElement`. Checks that element is not visible (or in DOM)
-   * 
-   * ```js
-   * I.dontSeeElement('.modal'); // modal is not shown
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeElement(locator) {
-    const exists = (await findElements.call(this, this.context, locator)).filterVisible().exists;
-    return this.t
-      .expect(exists).notOk(`Element "${(new Locator(locator))}" is still visible`)
-      .catch(mapError);
-  }
-
-  /**
-   * Checks that a given Element is present in the DOM
-   * Element is located by CSS or XPath.
-   * 
-   * ```js
-   * I.seeElementInDOM('#modal');
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeElementInDOM(locator) {
-    const exists = (await findElements.call(this, this.context, locator)).exists;
-    return this.t
-      .expect(exists).ok(`No element "${(new Locator(locator))}" found in DOM`)
-      .catch(mapError);
-  }
-
-  /**
-   * Opposite to `seeElementInDOM`. Checks that element is not on page.
-   * 
-   * ```js
-   * I.dontSeeElementInDOM('.nav'); // checks that element is not on page visible or not
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeElementInDOM(locator) {
-    const exists = (await findElements.call(this, this.context, locator)).exists;
-    return this.t
-      .expect(exists).notOk(`Element "${(new Locator(locator))}" is still in DOM`)
-      .catch(mapError);
-  }
-
-  /**
-   * Asserts that an element is visible a given number of times.
-   * Element is located by CSS or XPath.
-   * 
-   * ```js
-   * I.seeNumberOfVisibleElements('.buttons', 3);
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} num number of elements.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async seeNumberOfVisibleElements(locator, num) {
-    const count = (await findElements.call(this, this.context, locator)).filterVisible().count;
-    return this.t
-      .expect(count).eql(num)
-      .catch(mapError);
-  }
-
-  /**
-   * Grab number of visible elements by locator.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let numOfElements = await I.grabNumberOfVisibleElements('p');
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @returns {Promise<number>} number of visible elements
-   */
-  async grabNumberOfVisibleElements(locator) {
-    const count = (await findElements.call(this, this.context, locator)).filterVisible().count;
-    return count;
-  }
-
-  /**
-   * Checks that the given input field or textarea equals to given value.
-   * For fuzzy locators, fields are matched by label text, the "name" attribute, CSS, and XPath.
-   * 
-   * ```js
-   * I.seeInField('Username', 'davert');
-   * I.seeInField({css: 'form textarea'},'Type your comment here');
-   * I.seeInField('form input[type=hidden]','hidden_value');
-   * I.seeInField('#searchform input','Search');
-   * ```
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @param {string | object} value value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInField(field, value) {
-    const _value = (typeof value === 'boolean') ? value : value.toString();
-    // const expectedValue = findElements.call(this, this.context, field).value;
-    const els = await findFields.call(this, field);
-    assertElementExists(els, field, 'Field');
-    const el = await els.nth(0);
-
-    return this.t
-      .expect(await el.value).eql(_value)
-      .catch(mapError);
-  }
-
-  /**
-   * Checks that value of input field or textarea doesn't equal to given value
-   * Opposite to `seeInField`.
-   * 
-   * ```js
-   * I.dontSeeInField('email', 'user@user.com'); // field by name
-   * I.dontSeeInField({ css: 'form input.email' }, 'user@user.com'); // field by CSS
-   * ```
-   * 
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @param {string | object} value value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeInField(field, value) {
-    const _value = (typeof value === 'boolean') ? value : value.toString();
-    // const expectedValue = findElements.call(this, this.context, field).value;
-    const els = await findFields.call(this, field);
-    assertElementExists(els, field, 'Field');
-    const el = await els.nth(0);
-
-    return this.t
-      .expect(el.value).notEql(_value)
-      .catch(mapError);
-  }
-
-  /**
-   * Checks that text is equal to provided one.
-   *
-   * ```js
-   * I.seeTextEquals('text', 'h1');
-   * ```
-   */
-  async seeTextEquals(text, context = null) {
-    const expectedText = findElements.call(this, context, undefined).textContent;
-    return this.t
-      .expect(expectedText).eql(text)
-      .catch(mapError);
-  }
-
-  /**
-   * Checks that the current page contains the given string in its raw source code.
-   * 
-   * ```js
-   * I.seeInSource('<h1>Green eggs &amp; ham</h1>');
-   * ```
-   * @param {string} text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInSource(text) {
-    const source = await getHtmlSource(this.t)();
-    stringIncludes('HTML source of a page').assert(text, source);
-  }
-
-  /**
-   * Checks that the current page does not contains the given string in its raw source code.
-   * 
-   * ```js
-   * I.dontSeeInSource('<!--'); // no comments in source
-   * ```
-   * 
-   * @param {string} value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeInSource(text) {
-    const source = await getHtmlSource(this.t)();
-    stringIncludes('HTML source of a page').negate(text, source);
-  }
-
-  /**
-   * Saves screenshot of the specified locator to ouput folder (set in codecept.conf.ts or codecept.conf.js).
-   * Filename is relative to output folder.
-   * 
-   * ```js
-   * I.saveElementScreenshot(`#submit`,'debug.png');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} fileName file name to save.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async saveElementScreenshot(locator, fileName) {
-    const outputFile = path.join(global.output_dir, fileName);
-
-    const sel = await findElements.call(this, this.context, locator);
-    assertElementExists(sel, locator);
-    const firstElement = await sel.filterVisible().nth(0);
-
-    this.debug(`Screenshot of ${(new Locator(locator))} element has been saved to ${outputFile}`);
-    return this.t.takeElementScreenshot(firstElement, fileName);
-  }
-
-  /**
-   * Saves a screenshot to ouput folder (set in codecept.conf.ts or codecept.conf.js).
-   * Filename is relative to output folder.
-   * Optionally resize the window to the full available page `scrollHeight` and `scrollWidth` to capture the entire page by passing `true` in as the second argument.
-   * 
-   * ```js
-   * I.saveScreenshot('debug.png');
-   * I.saveScreenshot('debug.png', true) //resizes to available scrollHeight and scrollWidth before taking screenshot
-   * ```
-   * 
-   * @param {string} fileName file name to save.
-   * @param {boolean} [fullPage=false] (optional, `false` by default) flag to enable fullscreen screenshot mode.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  // TODO Implement full page screenshots
-  async saveScreenshot(fileName) {
-    const outputFile = path.join(global.output_dir, fileName);
-    this.debug(`Screenshot is saving to ${outputFile}`);
-
-    // TODO testcafe automatically creates thumbnail images (which cant be turned off)
-    return this.t.takeScreenshot(fileName);
-  }
-
-  /**
-   * Pauses execution for a number of seconds.
-   * 
-   * ```js
-   * I.wait(2); // wait 2 secs
-   * ```
-   * 
-   * @param {number} sec number of second to wait.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async wait(sec) {
-    return new Promise(((done) => {
-      setTimeout(done, sec * 1000);
-    }));
-  }
-
-  /**
-   * Executes sync script on a page.
-   * Pass arguments to function as additional parameters.
-   * Will return execution result to a test.
-   * In this case you should use async function and await to receive results.
-   * 
-   * Example with jQuery DatePicker:
-   * 
-   * ```js
-   * // change date of jQuery DatePicker
-   * I.executeScript(function() {
-   *   // now we are inside browser context
-   *   $('date').datetimepicker('setDate', new Date());
-   * });
-   * ```
-   * Can return values. Don't forget to use `await` to get them.
-   * 
-   * ```js
-   * let date = await I.executeScript(function(el) {
-   *   // only basic types can be returned
-   *   return $(el).datetimepicker('getDate').toString();
-   * }, '#date'); // passing jquery selector
-   * ```
-   * 
-   * @param {string|function} fn function to be executed in browser context.
-   * @param {...any} args to be passed to function.
-   * @returns {Promise<any>} script return value
-   * 
-   *
-   * If a function returns a Promise It will wait for its resolution.
-   */
-  async executeScript(fn, ...args) {
-    const browserFn = createClientFunction(fn, args).with({ boundTestRun: this.t });
-    return browserFn();
-  }
-
-  /**
-   * Retrieves all texts from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let pins = await I.grabTextFromAll('#pin li');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {Promise<string[]>} attribute value
-   * 
-   */
-  async grabTextFromAll(locator) {
-    const sel = await findElements.call(this, this.context, locator);
-    const length = await sel.count;
-    const texts = [];
-    for (let i = 0; i < length; i++) {
-      texts.push(await sel.nth(i).innerText);
-    }
-
-    return texts;
-  }
-
-  /**
-   * Retrieves a text from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let pin = await I.grabTextFrom('#pin');
-   * ```
-   * If multiple elements found returns first element.
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {Promise<string>} attribute value
-   * 
-   */
-  async grabTextFrom(locator) {
-    const sel = await findElements.call(this, this.context, locator);
-    assertElementExists(sel, locator);
-    const texts = await this.grabTextFromAll(locator);
-    if (texts.length > 1) {
-      this.debugSection('GrabText', `Using first element out of ${texts.length}`);
-    }
-
-    return texts[0];
-  }
-
-  /**
-   * Retrieves an attribute from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * If more than one element is found - attribute of first element is returned.
-   * 
-   * ```js
-   * let hint = await I.grabAttributeFrom('#tooltip', 'title');
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} attr attribute name.
-   * @returns {Promise<string>} attribute value
-   * 
-   */
-  async grabAttributeFromAll(locator, attr) {
-    const sel = await findElements.call(this, this.context, locator);
-    const length = await sel.count;
-    const attrs = [];
-    for (let i = 0; i < length; i++) {
-      attrs.push(await (await sel.nth(i)).getAttribute(attr));
-    }
-
-    return attrs;
-  }
-
-  /**
-   * Retrieves an attribute from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * If more than one element is found - attribute of first element is returned.
-   * 
-   * ```js
-   * let hint = await I.grabAttributeFrom('#tooltip', 'title');
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} attr attribute name.
-   * @returns {Promise<string>} attribute value
-   * 
-   */
-  async grabAttributeFrom(locator, attr) {
-    const sel = await findElements.call(this, this.context, locator);
-    assertElementExists(sel, locator);
-    const attrs = await this.grabAttributeFromAll(locator, attr);
-    if (attrs.length > 1) {
-      this.debugSection('GrabAttribute', `Using first element out of ${attrs.length}`);
-    }
-
-    return attrs[0];
-  }
-
-  /**
-   * Retrieves an array of value from a form located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let inputs = await I.grabValueFromAll('//form/input');
-   * ```
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @returns {Promise<string[]>} attribute value
-   * 
-   */
-  async grabValueFromAll(locator) {
-    const sel = await findElements.call(this, this.context, locator);
-    const length = await sel.count;
-    const values = [];
-    for (let i = 0; i < length; i++) {
-      values.push(await (await sel.nth(i)).value);
-    }
-
-    return values;
-  }
-
-  /**
-   * Retrieves a value from a form element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * If more than one element is found - value of first element is returned.
-   * 
-   * ```js
-   * let email = await I.grabValueFrom('input[name=email]');
-   * ```
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @returns {Promise<string>} attribute value
-   * 
-   */
-  async grabValueFrom(locator) {
-    const sel = await findElements.call(this, this.context, locator);
-    assertElementExists(sel, locator);
-    const values = await this.grabValueFromAll(locator);
-    if (values.length > 1) {
-      this.debugSection('GrabValue', `Using first element out of ${values.length}`);
-    }
-
-    return values[0];
-  }
-
-  /**
-   * Retrieves page source and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let pageSource = await I.grabSource();
-   * ```
-   * 
-   * @returns {Promise<string>} source code
-   */
-  async grabSource() {
-    return ClientFunction(() => document.documentElement.innerHTML).with({ boundTestRun: this.t })();
-  }
-
-  /**
-   * Get JS log from browser.
-   *
-   * ```js
-   * let logs = await I.grabBrowserLogs();
-   * console.log(JSON.stringify(logs))
-   * ```
-   */
-  async grabBrowserLogs() {
-    // TODO Must map?
-    return this.t.getBrowserConsoleMessages();
-  }
-
-  /**
-   * Get current URL from browser.
-   * Resumes test execution, so should be used inside an async function.
-   * 
-   * ```js
-   * let url = await I.grabCurrentUrl();
-   * console.log(`Current URL is [${url}]`);
-   * ```
-   * 
-   * @returns {Promise<string>} current URL
-   */
-  async grabCurrentUrl() {
-    return ClientFunction(() => document.location.href).with({ boundTestRun: this.t })();
-  }
-
-  /**
-   * Retrieves a page scroll position and returns it to test.
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * 
-   * ```js
-   * let { x, y } = await I.grabPageScrollPosition();
-   * ```
-   * 
-   * @returns {Promise<PageScrollPosition>} scroll position
-   * 
-   */
-  async grabPageScrollPosition() {
-    return ClientFunction(() => ({ x: window.pageXOffset, y: window.pageYOffset })).with({ boundTestRun: this.t })();
-  }
-
-  /**
-   * Scroll page to the top.
-   * 
-   * ```js
-   * I.scrollPageToTop();
-   * ```
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  scrollPageToTop() {
-    return ClientFunction(() => window.scrollTo(0, 0)).with({ boundTestRun: this.t })().catch(mapError);
-  }
-
-  /**
-   * Scroll page to the bottom.
-   * 
-   * ```js
-   * I.scrollPageToBottom();
-   * ```
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  scrollPageToBottom() {
-    return ClientFunction(() => {
-      const body = document.body;
-      const html = document.documentElement;
-      window.scrollTo(0, Math.max(
-        body.scrollHeight,
-        body.offsetHeight,
-        html.clientHeight,
-        html.scrollHeight,
-        html.offsetHeight,
-      ));
-    }).with({ boundTestRun: this.t })().catch(mapError);
-  }
-
-  /**
-   * Scrolls to element matched by locator.
-   * Extra shift can be set with offsetX and offsetY options.
-   * 
-   * ```js
-   * I.scrollTo('footer');
-   * I.scrollTo('#submit', 5, 5);
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @param {number} [offsetX=0] (optional, `0` by default) X-axis offset.
-   * @param {number} [offsetY=0] (optional, `0` by default) Y-axis offset.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async scrollTo(locator, offsetX = 0, offsetY = 0) {
-    if (typeof locator === 'number' && typeof offsetX === 'number') {
-      offsetY = offsetX;
-      offsetX = locator;
-      locator = null;
-    }
-
-    const scrollBy = ClientFunction((offset) => {
-      if (window && window.scrollBy && offset) {
-        window.scrollBy(offset.x, offset.y);
-      }
-    }).with({ boundTestRun: this.t });
-
-    if (locator) {
-      const els = await this._locate(locator);
-      assertElementExists(els, locator, 'Element');
-      const el = await els.nth(0);
-      const x = (await el.offsetLeft) + offsetX;
-      const y = (await el.offsetTop) + offsetY;
-
-      return scrollBy({ x, y }).catch(mapError);
-    }
-
-    const x = offsetX;
-    const y = offsetY;
-    return scrollBy({ x, y }).catch(mapError);
-  }
-
-  /**
-   * Switches frame or in case of null locator reverts to parent.
-   * 
-   * ```js
-   * I.switchTo('iframe'); // switch to first iframe
-   * I.switchTo(); // switch back to main page
-   * ```
-   * 
-   * @param {?string | object} [locator=null] (optional, `null` by default) element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async switchTo(locator) {
-    if (Number.isInteger(locator)) {
-      throw new Error('Not supported switching to iframe by number');
-    }
-
-    if (!locator) {
-      return this.t.switchToMainWindow();
-    }
-
-    const el = await findElements.call(this, this.context, locator);
-    return this.t.switchToIframe(el);
-  }
-
-  // TODO Add url assertions
-
-  /**
-   * Sets cookie(s).
-   * 
-   * Can be a single cookie object or an array of cookies:
-   * 
-   * ```js
-   * I.setCookie({name: 'auth', value: true});
-   * 
-   * // as array
-   * I.setCookie([
-   *   {name: 'auth', value: true},
-   *   {name: 'agree', value: true}
-   * ]);
-   * ```
-   * 
-   * @param {Cookie|Array<Cookie>} cookie a cookie object or array of cookie objects.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async setCookie(cookie) {
-    if (Array.isArray(cookie)) {
-      throw new Error('cookie array is not supported');
-    }
-
-    cookie.path = cookie.path || '/';
-    // cookie.expires = cookie.expires || (new Date()).toUTCString();
-
-    const setCookie = ClientFunction(() => {
-      document.cookie = `${cookie.name}=${cookie.value};path=${cookie.path};expires=${cookie.expires};`;
-    }, { dependencies: { cookie } }).with({ boundTestRun: this.t });
-
-    return setCookie();
-  }
-
-  /**
-   * Checks that cookie with given name exists.
-   * 
-   * ```js
-   * I.seeCookie('Auth');
-   * ```
-   * 
-   * @param {string} name cookie name.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async seeCookie(name) {
-    const cookie = await this.grabCookie(name);
-    empty(`cookie ${name} to be set`).negate(cookie);
-  }
-
-  /**
-   * Checks that cookie with given name does not exist.
-   * 
-   * ```js
-   * I.dontSeeCookie('auth'); // no auth cookie
-   * ```
-   * 
-   * @param {string} name cookie name.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeCookie(name) {
-    const cookie = await this.grabCookie(name);
-    empty(`cookie ${name} not to be set`).assert(cookie);
-  }
-
-  /**
-   * Gets a cookie object by name.
-   * If none provided gets all cookies.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let cookie = await I.grabCookie('auth');
-   * assert(cookie.value, '123456');
-   * ```
-   * 
-   * @param {?string} [name=null] cookie name.
-   * @returns {any} attribute value
-   * 
-   *
-   * Returns cookie in JSON format. If name not passed returns all cookies for this domain.
-   */
-  async grabCookie(name) {
-    if (!name) {
-      const getCookie = ClientFunction(() => {
-        return document.cookie.split(';').map(c => c.split('='));
-      }).with({ boundTestRun: this.t });
-      const cookies = await getCookie();
-      return cookies.map(cookie => ({ name: cookie[0].trim(), value: cookie[1] }));
-    }
-    const getCookie = ClientFunction(() => {
-      // eslint-disable-next-line prefer-template
-      const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
-      return v ? v[2] : null;
-    }, { dependencies: { name } }).with({ boundTestRun: this.t });
-    const value = await getCookie();
-    if (value) return { name, value };
-  }
-
-  /**
-   * Clears a cookie by name,
-   * if none provided clears all cookies.
-   * 
-   * ```js
-   * I.clearCookie();
-   * I.clearCookie('test'); // Playwright currently doesn't support clear a particular cookie name
-   * ```
-   * 
-   * @param {?string} [cookie=null] (optional, `null` by default) cookie name
-   * 
-   */
-  async clearCookie(cookieName) {
-    const clearCookies = ClientFunction(() => {
-      const cookies = document.cookie.split(';');
-
-      for (let i = 0; i < cookies.length; i++) {
-        const cookie = cookies[i];
-        const eqPos = cookie.indexOf('=');
-        const name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
-        if (cookieName === undefined || name === cookieName) {
-          document.cookie = `${name}=;expires=Thu, 01 Jan 1970 00:00:00 GMT`;
-        }
-      }
-    }, { dependencies: { cookieName } }).with({ boundTestRun: this.t });
-
-    return clearCookies();
-  }
-
-  /**
-   * Waiting for the part of the URL to match the expected. Useful for SPA to understand that page was changed.
-   * 
-   * ```js
-   * I.waitInUrl('/info', 2);
-   * ```
-   * 
-   * @param {string} urlPart value to check.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitInUrl(urlPart, sec = null) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-
-    const clientFn = createClientFunction((urlPart) => {
-      const currUrl = decodeURIComponent(decodeURIComponent(decodeURIComponent(window.location.href)));
-      return currUrl.indexOf(urlPart) > -1;
-    }, [urlPart]).with({ boundTestRun: this.t });
-
-    return waitForFunction(clientFn, waitTimeout).catch(async () => {
-      const currUrl = await this.grabCurrentUrl();
-      throw new Error(`expected url to include ${urlPart}, but found ${currUrl}`);
-    });
-  }
-
-  /**
-   * Waits for the entire URL to match the expected
-   * 
-   * ```js
-   * I.waitUrlEquals('/info', 2);
-   * I.waitUrlEquals('http://127.0.0.1:8000/info');
-   * ```
-   * 
-   * @param {string} urlPart value to check.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitUrlEquals(urlPart, sec = null) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-
-    const baseUrl = this.options.url;
-    if (urlPart.indexOf('http') < 0) {
-      urlPart = baseUrl + urlPart;
-    }
-
-    const clientFn = createClientFunction((urlPart) => {
-      const currUrl = decodeURIComponent(decodeURIComponent(decodeURIComponent(window.location.href)));
-      return currUrl === urlPart;
-    }, [urlPart]).with({ boundTestRun: this.t });
-
-    return waitForFunction(clientFn, waitTimeout).catch(async () => {
-      const currUrl = await this.grabCurrentUrl();
-      throw new Error(`expected url to be ${urlPart}, but found ${currUrl}`);
-    });
-  }
-
-  /**
-   * Waits for a function to return true (waits for 1 sec by default).
-   * Running in browser context.
-   * 
-   * ```js
-   * I.waitForFunction(fn[, [args[, timeout]])
-   * ```
-   * 
-   * ```js
-   * I.waitForFunction(() => window.requests == 0);
-   * I.waitForFunction(() => window.requests == 0, 5); // waits for 5 sec
-   * I.waitForFunction((count) => window.requests == count, [3], 5) // pass args and wait for 5 sec
-   * ```
-   * 
-   * @param {string|function} fn to be executed in browser context.
-   * @param {any[]|number} [argsOrSec] (optional, `1` by default) arguments for function or seconds.
-   * @param {number} [sec] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForFunction(fn, argsOrSec = null, sec = null) {
-    let args = [];
-    if (argsOrSec) {
-      if (Array.isArray(argsOrSec)) {
-        args = argsOrSec;
-      } else if (typeof argsOrSec === 'number') {
-        sec = argsOrSec;
-      }
-    }
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-
-    const clientFn = createClientFunction(fn, args).with({ boundTestRun: this.t });
-
-    return waitForFunction(clientFn, waitTimeout);
-  }
-
-  /**
-   * Waits for a specified number of elements on the page.
-   * 
-   * ```js
-   * I.waitNumberOfVisibleElements('a', 3);
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} num number of elements.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitNumberOfVisibleElements(locator, num, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-
-    return this.t
-      .expect(createSelector(locator).with({ boundTestRun: this.t }).filterVisible().count)
-      .eql(num, `The number of elements (${(new Locator(locator))}) is not ${num} after ${sec} sec`, { timeout: waitTimeout })
-      .catch(mapError);
-  }
-
-  /**
-   * Waits for element to be present on page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForElement('.btn.continue');
-   * I.waitForElement('.btn.continue', 5); // wait for 5 secs
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForElement(locator, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-
-    return this.t
-      .expect(createSelector(locator).with({ boundTestRun: this.t }).exists)
-      .ok({ timeout: waitTimeout });
-  }
-
-  /**
-   * Waits for an element to hide (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitToHide('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitToHide(locator, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-
-    return this.t
-      .expect(createSelector(locator).filterHidden().with({ boundTestRun: this.t }).exists)
-      .notOk({ timeout: waitTimeout });
-  }
-
-  /**
-   * Waits for an element to be removed or become invisible on a page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForInvisible('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForInvisible(locator, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-
-    return this.t
-      .expect(createSelector(locator).filterVisible().with({ boundTestRun: this.t }).exists)
-      .ok({ timeout: waitTimeout });
-  }
-
-  /**
-   * Waits for a text to appear (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * Narrow down search results by providing context.
-   * 
-   * ```js
-   * I.waitForText('Thank you, form has been submitted');
-   * I.waitForText('Thank you, form has been submitted', 5, '#modal');
-   * ```
-   * 
-   * @param {string }text to wait for.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @param {string | object} [context] (optional) element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async waitForText(text, sec = null, context = null) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeout;
-
-    let els;
-    if (context) {
-      els = (await findElements.call(this, this.context, context));
-      await this.t
-        .expect(els.exists)
-        .ok(`Context element ${context} not found`, { timeout: waitTimeout });
-    } else {
-      els = (await findElements.call(this, this.context, '*'));
-    }
-
-    return this.t
-      .expect(els.withText(text).filterVisible().exists)
-      .ok(`No element with text "${text}" found in ${context || 'body'}`, { timeout: waitTimeout })
-      .catch(mapError);
-  }
-}
-
-async function waitForFunction(browserFn, waitTimeout) {
-  const pause = () => new Promise((done => {
-    setTimeout(done, 50);
-  }));
-
-  const start = Date.now();
-  // eslint-disable-next-line no-constant-condition
-  while (true) {
-    let result;
-    try {
-      result = await browserFn();
-      // eslint-disable-next-line no-empty
-    } catch (err) {
-      throw new Error(`Error running function ${err.toString()}`);
-    }
-
-    if (result) return result;
-
-    const duration = (Date.now() - start);
-    if (duration > waitTimeout) {
-      throw new Error('waitForFunction timed out');
-    }
-    await pause(); // make polling
-  }
-}
-
-const createSelector = (locator) => {
-  locator = new Locator(locator, 'css');
-  if (locator.isXPath()) return elementByXPath(locator.value);
-  return Selector(locator.simplify());
-};
-
-const elementByXPath = (xpath) => {
-  assert(xpath, 'xpath is required');
-
-  return Selector(() => {
-    const iterator = document.evaluate(xpath, document, null, XPathResult.UNORDERED_NODE_ITERATOR_TYPE, null);
-    const items = [];
-
-    let item = iterator.iterateNext();
-
-    while (item) {
-      items.push(item);
-      item = iterator.iterateNext();
-    }
-
-    return items;
-  }, { dependencies: { xpath } });
-};
-
-const assertElementExists = async (res, locator, prefix, suffix) => {
-  if (!res || !(await res.count) || !(await res.nth(0).tagName)) {
-    throw new ElementNotFound(locator, prefix, suffix);
-  }
-};
-
-async function findElements(matcher, locator) {
-  if (locator && locator.react) throw new Error('react locators are not yet supported');
-
-  locator = new Locator(locator, 'css');
-
-  if (!locator.isXPath()) {
-    return matcher
-      ? matcher.find(locator.simplify())
-      : Selector(locator.simplify()).with({ timeout: 0, boundTestRun: this.t });
-  }
-
-  if (!matcher) return elementByXPath(locator.value).with({ timeout: 0, boundTestRun: this.t });
-
-  return matcher.find((node, idx, originNode) => {
-    const found = document.evaluate(xpath, originNode, null, 5, null);
-    let current = null;
-    while (current = found.iterateNext()) {
-      if (current === node) return true;
-    }
-    return false;
-  }, { xpath: locator.value });
-}
-
-async function proceedClick(locator, context = null) {
-  let matcher;
-
-  if (context) {
-    const els = await this._locate(context);
-    await assertElementExists(els, context);
-    matcher = await els.nth(0);
-  }
-
-  const els = await findClickable.call(this, matcher, locator);
-  if (context) {
-    await assertElementExists(els, locator, 'Clickable element', `was not found inside element ${new Locator(context).toString()}`);
-  } else {
-    await assertElementExists(els, locator, 'Clickable element');
-  }
-
-  const firstElement = await els.filterVisible().nth(0);
-
-  return this.t
-    .click(firstElement)
-    .catch(mapError);
-}
-
-async function findClickable(matcher, locator) {
-  if (locator && locator.react) throw new Error('react locators are not yet supported');
-
-  locator = new Locator(locator);
-  if (!locator.isFuzzy()) return (await findElements.call(this, matcher, locator)).filterVisible();
-
-  let els;
-
-  // try to use native TestCafe locator
-  els = matcher ? matcher.find('a,button') : createSelector('a,button');
-  els = await els.withExactText(locator.value).with({ timeout: 0, boundTestRun: this.t });
-  if (await els.count) return els;
-
-  const literal = xpathLocator.literal(locator.value);
-
-  els = (await findElements.call(this, matcher, Locator.clickable.narrow(literal))).filterVisible();
-  if (await els.count) return els;
-
-  els = (await findElements.call(this, matcher, Locator.clickable.wide(literal))).filterVisible();
-  if (await els.count) return els;
-
-  els = (await findElements.call(this, matcher, Locator.clickable.self(literal))).filterVisible();
-  if (await els.count) return els;
-
-  return findElements.call(this, matcher, locator.value); // by css or xpath
-}
-
-async function proceedIsChecked(assertType, option) {
-  const els = await findCheckable.call(this, option);
-  assertElementExists(els, option, 'Checkable');
-
-  const selected = await els.checked;
-
-  return truth(`checkable ${option}`, 'to be checked')[assertType](selected);
-}
-
-async function findCheckable(locator, context) {
-  assert(locator, 'locator is required');
-  assert(this.t, 'this.t is required');
-
-  let contextEl = await this.context;
-  if (typeof context === 'string') {
-    contextEl = (await findElements.call(this, contextEl, (new Locator(context, 'css')).simplify())).filterVisible();
-    contextEl = await contextEl.nth(0);
-  }
-
-  const matchedLocator = new Locator(locator);
-  if (!matchedLocator.isFuzzy()) {
-    return (await findElements.call(this, contextEl, matchedLocator.simplify())).filterVisible();
-  }
-
-  const literal = xpathLocator.literal(locator);
-  let els = (await findElements.call(this, contextEl, Locator.checkable.byText(literal))).filterVisible();
-  if (await els.count) {
-    return els;
-  }
-
-  els = (await findElements.call(this, contextEl, Locator.checkable.byName(literal))).filterVisible();
-  if (await els.count) {
-    return els;
-  }
-
-  return (await findElements.call(this, contextEl, locator)).filterVisible();
-}
-
-async function findFields(locator) {
-  const matchedLocator = new Locator(locator);
-  if (!matchedLocator.isFuzzy()) {
-    return this._locate(matchedLocator);
-  }
-  const literal = xpathLocator.literal(locator);
-
-  let els = await this._locate({ xpath: Locator.field.labelEquals(literal) });
-  if (await els.count) {
-    return els;
-  }
-
-  els = await this._locate({ xpath: Locator.field.labelContains(literal) });
-  if (await els.count) {
-    return els;
-  }
-  els = await this._locate({ xpath: Locator.field.byName(literal) });
-  if (await els.count) {
-    return els;
-  }
-  return this._locate({ css: locator });
-}
-
-module.exports = TestCafe;
diff --git a/docs/build/WebDriver.js b/docs/build/WebDriver.js
deleted file mode 100644
index 5b4092c77..000000000
--- a/docs/build/WebDriver.js
+++ /dev/null
@@ -1,4640 +0,0 @@
-let webdriverio;
-
-const assert = require('assert');
-const path = require('path');
-const fs = require('fs');
-
-const Helper = require('@codeceptjs/helper');
-const crypto = require('crypto');
-const promiseRetry = require('promise-retry');
-const stringIncludes = require('../assert/include').includes;
-const { urlEquals, equals } = require('../assert/equal');
-const { debug } = require('../output');
-const { empty } = require('../assert/empty');
-const { truth } = require('../assert/truth');
-const {
-  xpathLocator,
-  fileExists,
-  decodeUrl,
-  chunkArray,
-  convertCssPropertiesToCamelCase,
-  screenshotOutputFolder,
-  getNormalizedKeyAttributeValue,
-  modifierKeys,
-} = require('../utils');
-const {
-  isColorProperty,
-  convertColorToRGBA,
-} = require('../colorUtils');
-const ElementNotFound = require('./errors/ElementNotFound');
-const ConnectionRefused = require('./errors/ConnectionRefused');
-const Locator = require('../locator');
-const { highlightElement } = require('./scripts/highlightElement');
-const store = require('../store');
-const { focusElement } = require('./scripts/focusElement');
-const { blurElement } = require('./scripts/blurElement');
-const {
-  dontSeeElementError, seeElementError, seeElementInDOMError, dontSeeElementInDOMError,
-} = require('./errors/ElementAssertion');
-const { allParameterValuePairsMatchExtreme, extractQueryObjects, createAdvancedTestResults } = require('./networkTraffics/utils');
-
-const SHADOW = 'shadow';
-const webRoot = 'body';
-
-/**
- * ## Configuration
- *
- * This helper should be configured in codecept.conf.js
- *
- * @typedef WebDriverConfig
- * @type {object}
- * @prop {string} url - base url of website to be tested.
- * @prop {string} browser - Browser in which to perform testing.
- * @prop {string} [basicAuth] - (optional) the basic authentication to pass to base url. Example: {username: 'username', password: 'password'}
- * @prop {string} [host=localhost] - WebDriver host to connect.
- * @prop {number} [port=4444] - WebDriver port to connect.
- * @prop {string} [protocol=http] - protocol for WebDriver server.
- * @prop {string} [path=/wd/hub] - path to WebDriver server.
- * @prop {boolean} [restart=true] - restart browser between tests.
- * @prop {boolean|number} [smartWait=false] - **enables [SmartWait](http://codecept.io/acceptance/#smartwait)**; wait for additional milliseconds for element to appear. Enable for 5 secs: "smartWait": 5000.
- * @prop {boolean} [disableScreenshots=false] - don't save screenshots on failure.
- * @prop {boolean} [fullPageScreenshots=false] (optional - make full page screenshots on failure.
- * @prop {boolean} [uniqueScreenshotNames=false] - option to prevent screenshot override if you have scenarios with the same name in different suites.
- * @prop {boolean} [keepBrowserState=false] - keep browser state between tests when `restart` is set to false.
- * @prop {boolean} [keepCookies=false] - keep cookies between tests when `restart` set to false.
- * @prop {string} [windowSize=window] default window size. Set to `maximize` or a dimension in the format `640x480`.
- * @prop {number} [waitForTimeout=1000] sets default wait time in *ms* for all `wait*` functions.
- * @prop {object} [desiredCapabilities] Selenium's [desired capabilities](https://github.com/SeleniumHQ/selenium/wiki/DesiredCapabilities).
- * @prop {boolean} [manualStart=false] - do not start browser before a test, start it manually inside a helper with `this.helpers["WebDriver"]._startBrowser()`.
- * @prop {object} [timeouts] [WebDriver timeouts](http://webdriver.io/docs/timeouts.html) defined as hash.
- * @prop {boolean} [highlightElement] - highlight the interacting elements. Default: false. Note: only activate under verbose mode (--verbose).
- * @prop {string} [logLevel=silent] - level of logging verbosity. Default: silent. Options: trace | debug | info | warn | error | silent. More info: https://webdriver.io/docs/configuration/#loglevel
- * @prop {boolean} [devtoolsProtocol=false] - enable devtools protocol. Default: false. More info: https://webdriver.io/docs/automationProtocols/#devtools-protocol.
- */
-const config = {};
-
-/**
- * WebDriver helper which wraps [webdriverio](http://webdriver.io/) library to
- * manipulate browser using Selenium WebDriver or PhantomJS.
- *
- * WebDriver requires Selenium Server and ChromeDriver/GeckoDriver to be installed. Those tools can be easily installed via NPM. Please check [Testing with WebDriver](https://codecept.io/webdriver/#testing-with-webdriver) for more details.
- *
- * With the release of WebdriverIO version v8.14.0, and onwards, all driver management hassles are now a thing of the past 🙌. Read more [here](https://webdriver.io/blog/2023/07/31/driver-management/).
- * One of the significant advantages of this update is that you can now get rid of any driver services you previously had to manage, such as
- * `wdio-chromedriver-service`, `wdio-geckodriver-service`, `wdio-edgedriver-service`, `wdio-safaridriver-service`, and even `@wdio/selenium-standalone-service`.
- *
- * For those who require custom driver options, fear not; WebDriver Helper allows you to pass in driver options through custom WebDriver configuration.
- * If you have a custom grid, use a cloud service, or prefer to run your own driver, there's no need to worry since WebDriver Helper will only start a driver when there are no other connection information settings like hostname or port specified.
- *
- * <!-- configuration -->
- *
- * Example:
- *
- * ```js
- * {
- *    helpers: {
- *      WebDriver : {
- *        smartWait: 5000,
- *        browser: "chrome",
- *        restart: false,
- *        windowSize: "maximize",
- *        timeouts: {
- *          "script": 60000,
- *          "page load": 10000
- *        }
- *      }
- *    }
- * }
- * ```
- *
- * Testing Chrome locally is now more convenient than ever. You can define a browser channel, and WebDriver Helper will take care of downloading the specified browser version for you.
- * For example:
- *
- * ```js
- * {
- *    helpers: {
- *      WebDriver : {
- *        smartWait: 5000,
- *        browser: "chrome",
- *        browserVersion: '116.0.5793.0', // or 'stable', 'beta', 'dev' or 'canary'
- *        restart: false,
- *        windowSize: "maximize",
- *        timeouts: {
- *          "script": 60000,
- *          "page load": 10000
- *        }
- *      }
- *    }
- * }
- * ```
- *
- *
- * Example with basic authentication
- * ```js
- * {
- *    helpers: {
- *      WebDriver : {
- *        smartWait: 5000,
- *        browser: "chrome",
- *        basicAuth: {username: 'username', password: 'password'},
- *        restart: false,
- *        windowSize: "maximize",
- *        timeouts: {
- *          "script": 60000,
- *          "page load": 10000
- *        }
- *      }
- *    }
- * }
- * ```
- *
- * Additional configuration params can be used from [webdriverio
- * website](http://webdriver.io/guide/getstarted/configuration.html).
- *
- * ### Headless Chrome
- *
- * ```js
- * {
- *    helpers: {
- *      WebDriver : {
- *        url: "http://localhost",
- *        browser: "chrome",
- *        desiredCapabilities: {
- *          chromeOptions: {
- *            args: [ "--headless", "--disable-gpu", "--no-sandbox" ]
- *          }
- *        }
- *      }
- *    }
- * }
- * ```
- *
- * ### Running with devtools protocol
- *
- * ```js
- * {
- *    helpers: {
- *      WebDriver : {
- *        url: "http://localhost",
- *        browser: "chrome",
- *        devtoolsProtocol: true,
- *        desiredCapabilities: {
- *          chromeOptions: {
- *            args: [ "--headless", "--disable-gpu", "--no-sandbox" ]
- *          }
- *        }
- *      }
- *    }
- * }
- * ```
- *
- * ### Internet Explorer
- *
- * Additional configuration params can be used from [IE options](https://seleniumhq.github.io/selenium/docs/api/rb/Selenium/WebDriver/IE/Options.html)
- *
- * ```js
- * {
- *    helpers: {
- *      WebDriver : {
- *        url: "http://localhost",
- *        browser: "internet explorer",
- *        desiredCapabilities: {
- *          ieOptions: {
- *            "ie.browserCommandLineSwitches": "-private",
- *            "ie.usePerProcessProxy": true,
- *            "ie.ensureCleanSession": true,
- *          }
- *        }
- *      }
- *    }
- * }
- * ```
- *
- * ### Selenoid Options
- *
- * [Selenoid](https://aerokube.com/selenoid/latest/) is a modern way to run Selenium inside Docker containers.
- * Selenoid is easy to set up and provides more features than original Selenium Server. Use `selenoidOptions` to set Selenoid capabilities
- *
- * ```js
- * {
- *    helpers: {
- *      WebDriver : {
- *        url: "http://localhost",
- *        browser: "chrome",
- *        desiredCapabilities: {
- *          selenoidOptions: {
- *            enableVNC: true,
- *          }
- *        }
- *      }
- *    }
- * }
- * ```
- *
- * ### Connect Through proxy
- *
- * CodeceptJS also provides flexible options when you want to execute tests to Selenium servers through proxy. You will
- * need to update the `helpers.WebDriver.capabilities.proxy` key.
- *
- * ```js
- * {
- *     helpers: {
- *         WebDriver: {
- *             capabilities: {
- *                 proxy: {
- *                     "proxyType": "manual|pac",
- *                     "proxyAutoconfigUrl": "URL TO PAC FILE",
- *                     "httpProxy": "PROXY SERVER",
- *                     "sslProxy": "PROXY SERVER",
- *                     "ftpProxy": "PROXY SERVER",
- *                     "socksProxy": "PROXY SERVER",
- *                     "socksUsername": "USERNAME",
- *                     "socksPassword": "PASSWORD",
- *                     "noProxy": "BYPASS ADDRESSES"
- *                 }
- *             }
- *         }
- *     }
- * }
- * ```
- * For example,
- *
- * ```js
- * {
- *     helpers: {
- *         WebDriver: {
- *             capabilities: {
- *                 proxy: {
- *                     "proxyType": "manual",
- *                     "httpProxy": "http://corporate.proxy:8080",
- *                     "socksUsername": "codeceptjs",
- *                     "socksPassword": "secret",
- *                     "noProxy": "127.0.0.1,localhost"
- *                 }
- *             }
- *         }
- *     }
- * }
- * ```
- *
- * Please refer to [Selenium - Proxy Object](https://github.com/SeleniumHQ/selenium/wiki/DesiredCapabilities) for more
- * information.
- *
- * ### Cloud Providers
- *
- * WebDriver makes it possible to execute tests against services like `Sauce Labs` `BrowserStack` `TestingBot`
- * Check out their documentation on [available parameters](http://webdriver.io/guide/usage/cloudservices.html)
- *
- * Connecting to `BrowserStack` and `Sauce Labs` is simple. All you need to do
- * is set the `user` and `key` parameters. WebDriver automatically know which
- * service provider to connect to.
- *
- * ```js
- * {
- *     helpers:{
- *         WebDriver: {
- *             url: "YOUR_DESIRED_HOST",
- *             user: "YOUR_BROWSERSTACK_USER",
- *             key: "YOUR_BROWSERSTACK_KEY",
- *             capabilities: {
- *                 "browserName": "chrome",
- *
- *                 // only set this if you're using BrowserStackLocal to test a local domain
- *                 // "browserstack.local": true,
- *
- *                 // set this option to tell browserstack to provide addition debugging info
- *                 // "browserstack.debug": true,
- *             }
- *         }
- *     }
- * }
- * ```
- *
- * #### SauceLabs
- *
- * SauceLabs can be configured via wdio service, which should be installed additionally:
- *
- * ```
- * npm i @wdio/sauce-service --save
- * ```
- *
- * It is important to make sure it is compatible with current webdriverio version.
- *
- * Enable `wdio` plugin in plugins list and add `sauce` service:
- *
- * ```js
- * plugins: {
- *    wdio: {
- *       enabled: true,
- *        services: ['sauce'],
- *        user: ... ,// saucelabs username
- *        key: ... // saucelabs api key
- *        // additional config, from sauce service
- *    }
- * }
- * ```
- *
- * See [complete reference on webdriver.io](https://webdriver.io/docs/sauce-service.html).
- *
- * > Alternatively, use [codeceptjs-saucehelper](https://github.com/puneet0191/codeceptjs-saucehelper/) for better reporting.
- *
- * #### BrowserStack
- *
- * BrowserStack can be configured via wdio service, which should be installed additionally:
- *
- * ```
- * npm i @wdio/browserstack-service --save
- * ```
- *
- * It is important to make sure it is compatible with current webdriverio version.
- *
- * Enable `wdio` plugin in plugins list and add `browserstack` service:
- *
- * ```js
- * plugins: {
- *    wdio: {
- *       enabled: true,
- *        services: ['browserstack'],
- *        user: ... ,// browserstack username
- *        key: ... // browserstack api key
- *        // additional config, from browserstack service
- *    }
- * }
- * ```
- *
- * See [complete reference on webdriver.io](https://webdriver.io/docs/browserstack-service.html).
- *
- * > Alternatively, use [codeceptjs-bshelper](https://github.com/PeterNgTr/codeceptjs-bshelper) for better reporting.
- *
- * #### TestingBot
- *
- * > **Recommended**: use official [TestingBot Helper](https://github.com/testingbot/codeceptjs-tbhelper).
- *
- * Alternatively, TestingBot can be configured via wdio service, which should be installed additionally:
- *
- * ```
- * npm i @wdio/testingbot-service --save
- * ```
- *
- * It is important to make sure it is compatible with current webdriverio version.
- *
- * Enable `wdio` plugin in plugins list and add `testingbot` service:
- *
- * ```js
- * plugins: {
- *   wdio: {
- *       enabled: true,
- *       services: ['testingbot'],
- *       user: ... ,// testingbot key
- *       key: ... // testingbot secret
- *       // additional config, from testingbot service
- *   }
- * }
- * ```
- *
- * See [complete reference on webdriver.io](https://webdriver.io/docs/testingbot-service.html).
- *
- * #### Applitools
- *
- * Visual testing via Applitools service
- *
- * > Use [CodeceptJS Applitools Helper](https://github.com/PeterNgTr/codeceptjs-applitoolshelper) with Applitools wdio service.
- *
- *
- * ### Multiremote Capabilities
- *
- * This is a work in progress but you can control two browsers at a time right out of the box.
- * Individual control is something that is planned for a later version.
- *
- * Here is the [webdriverio docs](http://webdriver.io/guide/usage/multiremote.html) on the subject
- *
- * ```js
- * {
- *     helpers: {
- *         WebDriver: {
- *             "multiremote": {
- *                 "MyChrome": {
- *                     "desiredCapabilities": {
- *                         "browserName": "chrome"
- *                      }
- *                 },
- *                 "MyFirefox": {
- *                    "desiredCapabilities": {
- *                        "browserName": "firefox"
- *                    }
- *                 }
- *             }
- *         }
- *     }
- * }
- * ```
- *
- * ## Access From Helpers
- *
- * Receive a WebDriver client from a custom helper by accessing `browser` property:
- *
- * ```js
- * const { WebDriver } = this.helpers;
- * const browser = WebDriver.browser
- * ```
- *
- * ## Methods
- */
-class WebDriver extends Helper {
-  constructor(config) {
-    super(config);
-    webdriverio = require('webdriverio');
-
-    // set defaults
-    this.root = webRoot;
-    this.isWeb = true;
-    this.isRunning = false;
-    this.sessionWindows = {};
-    this.activeSessionName = '';
-    this.customLocatorStrategies = config.customLocatorStrategies;
-
-    // for network stuff
-    this.requests = [];
-    this.recording = false;
-    this.recordedAtLeastOnce = false;
-
-    this._setConfig(config);
-
-    Locator.addFilter((locator, result) => {
-      if (typeof locator === 'string' && locator.indexOf('~') === 0) {
-        // accessibility locator
-        if (this.isWeb) {
-          result.value = `[aria-label="${locator.slice(1)}"]`;
-          result.type = 'css';
-          result.output = `aria-label=${locator.slice(1)}`;
-        }
-      }
-    });
-  }
-
-  _validateConfig(config) {
-    const defaults = {
-      logLevel: 'silent',
-      // codeceptjs
-      remoteFileUpload: true,
-      smartWait: 0,
-      waitForTimeout: 1000, // ms
-      capabilities: {},
-      restart: true,
-      uniqueScreenshotNames: false,
-      disableScreenshots: false,
-      fullPageScreenshots: false,
-      manualStart: false,
-      keepCookies: false,
-      keepBrowserState: false,
-      deprecationWarnings: false,
-      highlightElement: false,
-    };
-
-    // override defaults with config
-    config = Object.assign(defaults, config);
-
-    if (config.host) {
-      // webdriverio spec
-      config.hostname = config.host;
-      config.path = config.path ? config.path : '/wd/hub';
-    }
-
-    config.baseUrl = config.url || config.baseUrl;
-    if (config.desiredCapabilities && Object.keys(config.desiredCapabilities).length) {
-      config.capabilities = config.desiredCapabilities;
-    }
-    config.capabilities.browserName = config.browser || config.capabilities.browserName;
-    config.capabilities.browserVersion = config.browserVersion || config.capabilities.browserVersion;
-    if (config.capabilities.chromeOptions) {
-      config.capabilities['goog:chromeOptions'] = config.capabilities.chromeOptions;
-      delete config.capabilities.chromeOptions;
-    }
-    if (config.capabilities.firefoxOptions) {
-      config.capabilities['moz:firefoxOptions'] = config.capabilities.firefoxOptions;
-      delete config.capabilities.firefoxOptions;
-    }
-    if (config.capabilities.ieOptions) {
-      config.capabilities['se:ieOptions'] = config.capabilities.ieOptions;
-      delete config.capabilities.ieOptions;
-    }
-    if (config.capabilities.selenoidOptions) {
-      config.capabilities['selenoid:options'] = config.capabilities.selenoidOptions;
-      delete config.capabilities.selenoidOptions;
-    }
-
-    config.waitForTimeoutInSeconds = config.waitForTimeout / 1000; // convert to seconds
-
-    if (!config.capabilities.platformName && (!config.url || !config.browser)) {
-      throw new Error(`
-        WebDriver requires at url and browser to be set.
-        Check your codeceptjs config file to ensure these are set properly
-          {
-            "helpers": {
-              "WebDriver": {
-                "url": "YOUR_HOST"
-                "browser": "YOUR_PREFERRED_TESTING_BROWSER"
-              }
-            }
-          }
-      `);
-    }
-
-    return config;
-  }
-
-  static _checkRequirements() {
-    try {
-      require('webdriverio');
-    } catch (e) {
-      return ['webdriverio@^6.12.1'];
-    }
-  }
-
-  static _config() {
-    return [{
-      name: 'url',
-      message: 'Base url of site to be tested',
-      default: 'http://localhost',
-    }, {
-      name: 'browser',
-      message: 'Browser in which testing will be performed',
-      default: 'chrome',
-    }];
-  }
-
-  _beforeSuite() {
-    if (!this.options.restart && !this.options.manualStart && !this.isRunning) {
-      this.debugSection('Session', 'Starting singleton browser session');
-      return this._startBrowser();
-    }
-  }
-
-  _lookupCustomLocator(customStrategy) {
-    if (typeof (this.customLocatorStrategies) !== 'object') {
-      return null;
-    }
-    const strategy = this.customLocatorStrategies[customStrategy];
-    return typeof (strategy) === 'function' ? strategy : null;
-  }
-
-  _isCustomLocator(locator) {
-    const locatorObj = new Locator(locator);
-    if (locatorObj.isCustom()) {
-      const customLocator = this._lookupCustomLocator(locatorObj.type);
-      if (customLocator) {
-        return true;
-      }
-      throw new Error('Please define "customLocatorStrategies" as an Object and the Locator Strategy as a "function".');
-    }
-    return false;
-  }
-
-  async _res(locator) {
-    const res = (this._isShadowLocator(locator) || this._isCustomLocator(locator))
-      ? await this._locate(locator)
-      : await this.$$(withStrictLocator(locator));
-    return res;
-  }
-
-  async _startBrowser() {
-    try {
-      if (this.options.multiremote) {
-        this.browser = await webdriverio.multiremote(this.options.multiremote);
-      } else {
-        // remove non w3c capabilities
-        delete this.options.capabilities.protocol;
-        delete this.options.capabilities.hostname;
-        delete this.options.capabilities.port;
-        delete this.options.capabilities.path;
-        if (this.options.devtoolsProtocol) {
-          if (!['chrome', 'chromium'].includes(this.options.browser.toLowerCase())) throw Error('The devtools protocol is only working with Chrome or Chromium');
-          this.options.automationProtocol = 'devtools';
-        }
-        this.browser = await webdriverio.remote(this.options);
-      }
-    } catch (err) {
-      if (err.toString().indexOf('ECONNREFUSED')) {
-        throw new ConnectionRefused(err);
-      }
-      throw err;
-    }
-
-    this.isRunning = true;
-    if (this.options.timeouts && this.isWeb) {
-      await this.defineTimeout(this.options.timeouts);
-    }
-
-    await this._resizeWindowIfNeeded(this.browser, this.options.windowSize);
-
-    this.$$ = this.browser.$$.bind(this.browser);
-
-    if (this._isCustomLocatorStrategyDefined()) {
-      Object.keys(this.customLocatorStrategies).forEach(async (customLocator) => {
-        this.debugSection('Weddriver', `adding custom locator strategy: ${customLocator}`);
-        const locatorFunction = this._lookupCustomLocator(customLocator);
-        this.browser.addLocatorStrategy(customLocator, locatorFunction);
-      });
-    }
-
-    if (this.browser.capabilities && this.browser.capabilities.platformName) {
-      this.browser.capabilities.platformName = this.browser.capabilities.platformName.toLowerCase();
-    }
-
-    if (this.options.automationProtocol) {
-      this.puppeteerBrowser = await this.browser.getPuppeteer();
-    }
-
-    return this.browser;
-  }
-
-  _isCustomLocatorStrategyDefined() {
-    return this.customLocatorStrategies && Object.keys(this.customLocatorStrategies).length;
-  }
-
-  async _stopBrowser() {
-    if (this.browser && this.isRunning) await this.browser.deleteSession();
-  }
-
-  async _before() {
-    this.context = this.root;
-    if (this.options.restart && !this.options.manualStart) return this._startBrowser();
-    if (!this.isRunning && !this.options.manualStart) return this._startBrowser();
-    if (this.browser) this.$$ = this.browser.$$.bind(this.browser);
-    return this.browser;
-  }
-
-  async _after() {
-    if (!this.isRunning) return;
-    if (this.options.restart) {
-      this.isRunning = false;
-      return this.browser.deleteSession();
-    }
-    if (this.browser.isInsideFrame) await this.browser.switchToFrame(null);
-
-    if (this.options.keepBrowserState) return;
-
-    if (!this.options.keepCookies && this.options.capabilities.browserName) {
-      this.debugSection('Session', 'cleaning cookies and localStorage');
-      await this.browser.deleteCookies();
-    }
-    await this.browser.execute('localStorage.clear();').catch((err) => {
-      if (!(err.message.indexOf("Storage is disabled inside 'data:' URLs.") > -1)) throw err;
-    });
-    await this.closeOtherTabs();
-    return this.browser;
-  }
-
-  _afterSuite() {
-  }
-
-  _finishTest() {
-    if (!this.options.restart && this.isRunning) return this._stopBrowser();
-  }
-
-  _session() {
-    const defaultSession = this.browser;
-    return {
-      start: async (sessionName, opts) => {
-        // opts.disableScreenshots = true; // screenshots cant be saved as session will be already closed
-        opts = this._validateConfig(Object.assign(this.options, opts));
-        this.debugSection('New Browser', JSON.stringify(opts));
-        const browser = await webdriverio.remote(opts);
-        this.activeSessionName = sessionName;
-        if (opts.timeouts && this.isWeb) {
-          await this._defineBrowserTimeout(browser, opts.timeouts);
-        }
-
-        await this._resizeWindowIfNeeded(browser, opts.windowSize);
-
-        return browser;
-      },
-      stop: async (browser) => {
-        if (!browser) return;
-        return browser.deleteSession();
-      },
-      loadVars: async (browser) => {
-        if (this.context !== this.root) throw new Error('Can\'t start session inside within block');
-        this.browser = browser;
-        this.$$ = this.browser.$$.bind(this.browser);
-        this.sessionWindows[this.activeSessionName] = browser;
-      },
-      restoreVars: async (session) => {
-        if (!session) {
-          this.activeSessionName = '';
-        }
-        this.browser = defaultSession;
-        this.$$ = this.browser.$$.bind(this.browser);
-      },
-    };
-  }
-
-  /**
-   * Use [webdriverio](https://webdriver.io/docs/api.html) API inside a test.
-   *
-   * First argument is a description of an action.
-   * Second argument is async function that gets this helper as parameter.
-   *
-   * { [`browser`](https://webdriver.io/docs/api.html)) } object from WebDriver API is available.
-   *
-   * ```js
-   * I.useWebDriverTo('open multiple windows', async ({ browser }) {
-   *    // create new window
-   *    await browser.newWindow('https://webdriver.io');
-   * });
-   * ```
-   *
-   * @param {string} description used to show in logs.
-   * @param {function} fn async functuion that executed with WebDriver helper as argument
-   */
-  useWebDriverTo(description, fn) {
-    return this._useTo(...arguments);
-  }
-
-  async _failed() {
-    if (this.context !== this.root) await this._withinEnd();
-  }
-
-  async _withinBegin(locator) {
-    const frame = isFrameLocator(locator);
-    if (frame) {
-      this.browser.isInsideFrame = true;
-      if (Array.isArray(frame)) {
-        // this.switchTo(null);
-        await forEachAsync(frame, async f => this.switchTo(f));
-        return;
-      }
-      await this.switchTo(frame);
-      return;
-    }
-    this.context = locator;
-
-    let res = await this.browser.$$(withStrictLocator(locator));
-    assertElementExists(res, locator);
-    res = usingFirstElement(res);
-    this.context = res.selector;
-    this.$$ = res.$$.bind(res);
-  }
-
-  async _withinEnd() {
-    if (this.browser.isInsideFrame) {
-      this.browser.isInsideFrame = false;
-      return this.switchTo(null);
-    }
-    this.context = this.root;
-    this.$$ = this.browser.$$.bind(this.browser);
-  }
-
-  /**
-   * Check if locator is type of "Shadow"
-   *
-   * @param {object} locator
-   */
-  _isShadowLocator(locator) {
-    return locator.type === SHADOW || locator[SHADOW];
-  }
-
-  /**
-   * Locate Element within the Shadow Dom
-   *
-   * @param {object} locator
-   */
-  async _locateShadow(locator) {
-    const shadow = locator.value ? locator.value : locator[SHADOW];
-    const shadowSequence = [];
-    let elements;
-
-    if (!Array.isArray(shadow)) {
-      throw new Error(`Shadow '${shadow}' should be defined as an Array of elements.`);
-    }
-
-    // traverse through the Shadow locators in sequence
-    for (let index = 0; index < shadow.length; index++) {
-      const shadowElement = shadow[index];
-      shadowSequence.push(shadowElement);
-
-      if (!elements) {
-        elements = await (this.browser.$$(shadowElement));
-      } else if (Array.isArray(elements)) {
-        elements = await elements[0].shadow$$(shadowElement);
-      } else if (elements) {
-        elements = await elements.shadow$$(shadowElement);
-      }
-
-      if (!elements || !elements[0]) {
-        throw new Error(`Shadow Element '${shadowElement}' is not found. It is possible the element is incorrect or elements sequence is incorrect. Please verify the sequence '${shadowSequence.join('>')}' is correctly chained.`);
-      }
-    }
-
-    this.debugSection('Elements', `Found ${elements.length} '${SHADOW}' elements`);
-
-    return elements;
-  }
-
-  /**
-   * Smart Wait to locate an element
-   *
-   * @param {object} locator
-   */
-  async _smartWait(locator) {
-    this.debugSection(`SmartWait (${this.options.smartWait}ms)`, `Locating ${JSON.stringify(locator)} in ${this.options.smartWait}`);
-    await this.defineTimeout({ implicit: this.options.smartWait });
-  }
-
-  /**
-   * Get elements by different locator types, including strict locator.
-   * Should be used in custom helpers:
-   *
-   * ```js
-   * this.helpers['WebDriver']._locate({name: 'password'}).then //...
-   * ```
-   *
-   *
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   */
-  async _locate(locator, smartWait = false) {
-    if (require('../store').debugMode) smartWait = false;
-
-    // special locator type for Shadow DOM
-    if (this._isShadowLocator(locator)) {
-      if (!this.options.smartWait || !smartWait) {
-        const els = await this._locateShadow(locator);
-        return els;
-      }
-
-      const els = await this._locateShadow(locator);
-      return els;
-    }
-
-    // special locator type for React
-    if (locator.react) {
-      const els = await this.browser.react$$(locator.react, locator.props || undefined, locator.state || undefined);
-      this.debugSection('Elements', `Found ${els.length} react components`);
-      return els;
-    }
-
-    if (!this.options.smartWait || !smartWait) {
-      if (this._isCustomLocator(locator)) {
-        const locatorObj = new Locator(locator);
-        return this.browser.custom$$(locatorObj.type, locatorObj.value);
-      }
-
-      const els = await this.$$(withStrictLocator(locator));
-      return els;
-    }
-
-    await this._smartWait(locator);
-
-    if (this._isCustomLocator(locator)) {
-      const locatorObj = new Locator(locator);
-      return this.browser.custom$$(locatorObj.type, locatorObj.value);
-    }
-
-    const els = await this.$$(withStrictLocator(locator));
-    await this.defineTimeout({ implicit: 0 });
-    return els;
-  }
-
-  _grabCustomLocator(locator) {
-    if (typeof locator === 'string') {
-      locator = new Locator(locator);
-    }
-    return locator.value ? locator.value : locator.custom;
-  }
-
-  /**
-   * Find a checkbox by providing human-readable text:
-   *
-   * ```js
-   * this.helpers['WebDriver']._locateCheckable('I agree with terms and conditions').then // ...
-   * ```
-   *
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   */
-  async _locateCheckable(locator) {
-    return findCheckable.call(this, locator, this.$$.bind(this)).then(res => res);
-  }
-
-  /**
-   * Find a clickable element by providing human-readable text:
-   *
-   * ```js
-   * const els = await this.helpers.WebDriver._locateClickable('Next page');
-   * const els = await this.helpers.WebDriver._locateClickable('Next page', '.pages');
-   * ```
-   *
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   */
-  async _locateClickable(locator, context) {
-    const locateFn = prepareLocateFn.call(this, context);
-    return findClickable.call(this, locator, locateFn);
-  }
-
-  /**
-   * Find field elements by providing human-readable text:
-   *
-   * ```js
-   * this.helpers['WebDriver']._locateFields('Your email').then // ...
-   * ```
-   *
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   */
-  async _locateFields(locator) {
-    return findFields.call(this, locator).then(res => res);
-  }
-
-  /**
-   * Grab WebElements for given locator
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * 
-   * ```js
-   * const webElements = await I.grabWebElements('#button');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {Promise<*>} WebElement of being used Web helper
-   * 
-   *
-   */
-  async grabWebElements(locator) {
-    return this._locate(locator);
-  }
-
-  /**
-   * Set [WebDriver timeouts](https://webdriver.io/docs/timeouts.html) in realtime.
-   *
-   * Timeouts are expected to be passed as object:
-   *
-   * ```js
-   * I.defineTimeout({ script: 5000 });
-   * I.defineTimeout({ implicit: 10000, pageLoad: 10000, script: 5000 });
-   * ```
-   *
-   * @param {*} timeouts WebDriver timeouts object.
-   */
-  defineTimeout(timeouts) {
-    return this._defineBrowserTimeout(this.browser, timeouts);
-  }
-
-  _defineBrowserTimeout(browser, timeouts) {
-    return browser.setTimeout(timeouts);
-  }
-
-  /**
-   * Opens a web page in a browser. Requires relative or absolute url.
-   * If url starts with `/`, opens a web page of a site defined in `url` config parameter.
-   * 
-   * ```js
-   * I.amOnPage('/'); // opens main page of website
-   * I.amOnPage('https://github.com'); // opens github
-   * I.amOnPage('/login'); // opens a login page
-   * ```
-   * 
-   * @param {string} url url path or global url.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  amOnPage(url) {
-    let split_url;
-    if (this.options.basicAuth) {
-      if (url.startsWith('/')) {
-        url = this.options.url + url;
-      }
-      split_url = url.split('//');
-      url = `${split_url[0]}//${this.options.basicAuth.username}:${this.options.basicAuth.password}@${split_url[1]}`;
-    }
-    return this.browser.url(url);
-  }
-
-  /**
-   * Perform a click on a link or a button, given by a locator.
-   * If a fuzzy locator is given, the page will be searched for a button, link, or image matching the locator string.
-   * For buttons, the "value" attribute, "name" attribute, and inner text are searched. For links, the link text is searched.
-   * For images, the "alt" attribute and inner text of any parent links are searched.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * // simple link
-   * I.click('Logout');
-   * // button of form
-   * I.click('Submit');
-   * // CSS button
-   * I.click('#form input[type=submit]');
-   * // XPath
-   * I.click('//form/*[@type=submit]');
-   * // link in context
-   * I.click('Logout', '#nav');
-   * // using strict locator
-   * I.click({css: 'nav a.login'});
-   * ```
-   * 
-   * @param {string | object} locator clickable link or button located by text, or any element located by CSS|XPath|strict locator.
-   * @param {?string | object | null} [context=null] (optional, `null` by default) element to search in CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * {{ react }}
-   */
-  async click(locator, context = null) {
-    const clickMethod = this.browser.isMobile && !this.browser.isW3C ? 'touchClick' : 'elementClick';
-    const locateFn = prepareLocateFn.call(this, context);
-
-    const res = await findClickable.call(this, locator, locateFn);
-    if (context) {
-      assertElementExists(res, locator, 'Clickable element', `was not found inside element ${new Locator(context)}`);
-    } else {
-      assertElementExists(res, locator, 'Clickable element');
-    }
-    const elem = usingFirstElement(res);
-    highlightActiveElement.call(this, elem);
-    return this.browser[clickMethod](getElementId(elem));
-  }
-
-  /**
-   * Perform an emulated click on a link or a button, given by a locator.
-   * Unlike normal click instead of sending native event, emulates a click with JavaScript.
-   * This works on hidden, animated or inactive elements as well.
-   * 
-   * If a fuzzy locator is given, the page will be searched for a button, link, or image matching the locator string.
-   * For buttons, the "value" attribute, "name" attribute, and inner text are searched. For links, the link text is searched.
-   * For images, the "alt" attribute and inner text of any parent links are searched.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * // simple link
-   * I.forceClick('Logout');
-   * // button of form
-   * I.forceClick('Submit');
-   * // CSS button
-   * I.forceClick('#form input[type=submit]');
-   * // XPath
-   * I.forceClick('//form/*[@type=submit]');
-   * // link in context
-   * I.forceClick('Logout', '#nav');
-   * // using strict locator
-   * I.forceClick({css: 'nav a.login'});
-   * ```
-   * 
-   * @param {string | object} locator clickable link or button located by text, or any element located by CSS|XPath|strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element to search in CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * {{ react }}
-   */
-  async forceClick(locator, context = null) {
-    const locateFn = prepareLocateFn.call(this, context);
-
-    const res = await findClickable.call(this, locator, locateFn);
-    if (context) {
-      assertElementExists(res, locator, 'Clickable element', `was not found inside element ${new Locator(context)}`);
-    } else {
-      assertElementExists(res, locator, 'Clickable element');
-    }
-    const elem = usingFirstElement(res);
-    highlightActiveElement.call(this, elem);
-
-    return this.executeScript((el) => {
-      if (document.activeElement instanceof HTMLElement) {
-        document.activeElement.blur();
-      }
-      const event = document.createEvent('MouseEvent');
-      event.initEvent('click', true, true);
-      return el.dispatchEvent(event);
-    }, elem);
-  }
-
-  /**
-   * Performs a double-click on an element matched by link|button|label|CSS or XPath.
-   * Context can be specified as second parameter to narrow search.
-   * 
-   * ```js
-   * I.doubleClick('Edit');
-   * I.doubleClick('Edit', '.actions');
-   * I.doubleClick({css: 'button.accept'});
-   * I.doubleClick('.btn.edit');
-   * ```
-   * 
-   * @param {string | object} locator clickable link or button located by text, or any element located by CSS|XPath|strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element to search in CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * {{ react }}
-   */
-  async doubleClick(locator, context = null) {
-    const locateFn = prepareLocateFn.call(this, context);
-
-    const res = await findClickable.call(this, locator, locateFn);
-    if (context) {
-      assertElementExists(res, locator, 'Clickable element', `was not found inside element ${new Locator(context)}`);
-    } else {
-      assertElementExists(res, locator, 'Clickable element');
-    }
-
-    const elem = usingFirstElement(res);
-    highlightActiveElement.call(this, elem);
-    return elem.doubleClick();
-  }
-
-  /**
-   * Performs right click on a clickable element matched by semantic locator, CSS or XPath.
-   * 
-   * ```js
-   * // right click element with id el
-   * I.rightClick('#el');
-   * // right click link or button with text "Click me"
-   * I.rightClick('Click me');
-   * // right click button with text "Click me" inside .context
-   * I.rightClick('Click me', '.context');
-   * ```
-   * 
-   * @param {string | object} locator clickable element located by CSS|XPath|strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * {{ react }}
-   */
-  async rightClick(locator, context) {
-    const locateFn = prepareLocateFn.call(this, context);
-
-    const res = await findClickable.call(this, locator, locateFn);
-    if (context) {
-      assertElementExists(res, locator, 'Clickable element', `was not found inside element ${new Locator(context)}`);
-    } else {
-      assertElementExists(res, locator, 'Clickable element');
-    }
-
-    const el = usingFirstElement(res);
-
-    await el.moveTo();
-
-    if (this.browser.isW3C) {
-      return el.click({ button: 'right' });
-    }
-    // JSON Wire version
-    await this.browser.buttonDown(2);
-  }
-
-  /**
-   * Emulates right click on an element.
-   * Unlike normal click instead of sending native event, emulates a click with JavaScript.
-   * This works on hidden, animated or inactive elements as well.
-   * 
-   * If a fuzzy locator is given, the page will be searched for a button, link, or image matching the locator string.
-   * For buttons, the "value" attribute, "name" attribute, and inner text are searched. For links, the link text is searched.
-   * For images, the "alt" attribute and inner text of any parent links are searched.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * // simple link
-   * I.forceRightClick('Menu');
-   * ```
-   * 
-   * @param {string | object} locator clickable link or button located by text, or any element located by CSS|XPath|strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element to search in CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * {{ react }}
-   */
-  async forceRightClick(locator, context = null) {
-    const locateFn = prepareLocateFn.call(this, context);
-
-    const res = await findClickable.call(this, locator, locateFn);
-    if (context) {
-      assertElementExists(res, locator, 'Clickable element', `was not found inside element ${new Locator(context)}`);
-    } else {
-      assertElementExists(res, locator, 'Clickable element');
-    }
-    const elem = usingFirstElement(res);
-
-    return this.executeScript((el) => {
-      if (document.activeElement instanceof HTMLElement) {
-        document.activeElement.blur();
-      }
-      const event = document.createEvent('MouseEvent');
-      event.initEvent('contextmenu', true, true);
-      return el.dispatchEvent(event);
-    }, elem);
-  }
-
-  /**
-   * Fills a text field or textarea, after clearing its value, with the given string.
-   * Field is located by name, label, CSS, or XPath.
-   * 
-   * ```js
-   * // by label
-   * I.fillField('Email', 'hello@world.com');
-   * // by name
-   * I.fillField('password', secret('123456'));
-   * // by CSS
-   * I.fillField('form#login input[name=username]', 'John');
-   * // or by strict locator
-   * I.fillField({css: 'form#login input[name=username]'}, 'John');
-   * ```
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @param {string | object} value text value to fill.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   * {{ react }}
-   * {{ custom }}
-   *
-   */
-  async fillField(field, value) {
-    const res = await findFields.call(this, field);
-    assertElementExists(res, field, 'Field');
-    const elem = usingFirstElement(res);
-    highlightActiveElement.call(this, elem);
-    await elem.clearValue();
-    await elem.setValue(value.toString());
-  }
-
-  /**
-   * Appends text to a input field or textarea.
-   * Field is located by name, label, CSS or XPath
-   * 
-   * ```js
-   * I.appendField('#myTextField', 'appended');
-   * // typing secret
-   * I.appendField('password', secret('123456'));
-   * ```
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator
-   * @param {string} value text value to append.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   * {{ react }}
-   */
-  async appendField(field, value) {
-    const res = await findFields.call(this, field);
-    assertElementExists(res, field, 'Field');
-    const elem = usingFirstElement(res);
-    highlightActiveElement.call(this, elem);
-    if (this.options.automationProtocol) {
-      const curentValue = await elem.getValue();
-      return elem.setValue(curentValue + value.toString());
-    }
-    return elem.addValue(value.toString());
-  }
-
-  /**
-   * Clears a `<textarea>` or text `<input>` element's value.
-   * 
-   * ```js
-   * I.clearField('Email');
-   * I.clearField('user[email]');
-   * I.clearField('#email');
-   * ```
-   * @param {string | object} editable field located by label|name|CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder.
-   * 
-   *
-   */
-  async clearField(field) {
-    const res = await findFields.call(this, field);
-    assertElementExists(res, field, 'Field');
-    const elem = usingFirstElement(res);
-    highlightActiveElement.call(this, elem);
-    if (this.options.automationProtocol) {
-      return elem.setValue('');
-    }
-    return elem.clearValue(getElementId(elem));
-  }
-
-  /**
-   * Selects an option in a drop-down select.
-   * Field is searched by label | name | CSS | XPath.
-   * Option is selected by visible text or by value.
-   * 
-   * ```js
-   * I.selectOption('Choose Plan', 'Monthly'); // select by label
-   * I.selectOption('subscription', 'Monthly'); // match option by text
-   * I.selectOption('subscription', '0'); // or by value
-   * I.selectOption('//form/select[@name=account]','Premium');
-   * I.selectOption('form select[name=account]', 'Premium');
-   * I.selectOption({css: 'form select[name=account]'}, 'Premium');
-   * ```
-   * 
-   * Provide an array for the second argument to select multiple options.
-   * 
-   * ```js
-   * I.selectOption('Which OS do you use?', ['Android', 'iOS']);
-   * ```
-   * @param {string | object} select field located by label|name|CSS|XPath|strict locator.
-   * @param {string|Array<*>} option visible text or value of option.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async selectOption(select, option) {
-    const res = await findFields.call(this, select);
-    assertElementExists(res, select, 'Selectable field');
-    const elem = usingFirstElement(res);
-    highlightActiveElement.call(this, elem);
-
-    if (!Array.isArray(option)) {
-      option = [option];
-    }
-
-    // select options by visible text
-    let els = await forEachAsync(option, async opt => this.browser.findElementsFromElement(getElementId(elem), 'xpath', Locator.select.byVisibleText(xpathLocator.literal(opt))));
-
-    const clickOptionFn = async (el) => {
-      if (el[0]) el = el[0];
-      const elementId = getElementId(el);
-      if (elementId) return this.browser.elementClick(elementId);
-    };
-
-    if (Array.isArray(els) && els.length) {
-      return forEachAsync(els, clickOptionFn);
-    }
-    // select options by value
-    els = await forEachAsync(option, async opt => this.browser.findElementsFromElement(getElementId(elem), 'xpath', Locator.select.byValue(xpathLocator.literal(opt))));
-    if (els.length === 0) {
-      throw new ElementNotFound(select, `Option "${option}" in`, 'was not found neither by a visible text nor by a value');
-    }
-    return forEachAsync(els, clickOptionFn);
-  }
-
-  /**
-   * Appium: not tested
-   *
-   * Attaches a file to element located by label, name, CSS or XPath
-   * Path to file is relative current codecept directory (where codecept.conf.ts or codecept.conf.js is located).
-   * File will be uploaded to remote system (if tests are running remotely).
-   * 
-   * ```js
-   * I.attachFile('Avatar', 'data/avatar.jpg');
-   * I.attachFile('form input[name=avatar]', 'data/avatar.jpg');
-   * ```
-   * 
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @param {string} pathToFile local file path relative to codecept.conf.ts or codecept.conf.js config file.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async attachFile(locator, pathToFile) {
-    let file = path.join(global.codecept_dir, pathToFile);
-    if (!fileExists(file)) {
-      throw new Error(`File at ${file} can not be found on local system`);
-    }
-
-    const res = await findFields.call(this, locator);
-    this.debug(`Uploading ${file}`);
-    assertElementExists(res, locator, 'File field');
-    const el = usingFirstElement(res);
-
-    // Remote Upload (when running Selenium Server)
-    if (this.options.remoteFileUpload && !this.options.automationProtocol) {
-      try {
-        this.debugSection('File', 'Uploading file to remote server');
-        file = await this.browser.uploadFile(file);
-      } catch (err) {
-        throw new Error(`File can't be transferred to remote server. Set \`remoteFileUpload: false\` in config to upload file locally.\n${err.message}`);
-      }
-    }
-
-    return el.addValue(file);
-  }
-
-  /**
-   * Appium: not tested
-   * Selects a checkbox or radio button.
-   * Element is located by label or name or CSS or XPath.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * I.checkOption('#agree');
-   * I.checkOption('I Agree to Terms and Conditions');
-   * I.checkOption('agree', '//form');
-   * ```
-   * @param {string | object} field checkbox located by label | name | CSS | XPath | strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS | XPath | strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async checkOption(field, context = null) {
-    const clickMethod = this.browser.isMobile && !this.browser.isW3C ? 'touchClick' : 'elementClick';
-    const locateFn = prepareLocateFn.call(this, context);
-
-    const res = await findCheckable.call(this, field, locateFn);
-
-    assertElementExists(res, field, 'Checkable');
-    const elem = usingFirstElement(res);
-    const elementId = getElementId(elem);
-    highlightActiveElement.call(this, elem);
-
-    const isSelected = await this.browser.isElementSelected(elementId);
-    if (isSelected) return Promise.resolve(true);
-    return this.browser[clickMethod](elementId);
-  }
-
-  /**
-   * Appium: not tested
-   * Unselects a checkbox or radio button.
-   * Element is located by label or name or CSS or XPath.
-   * 
-   * The second parameter is a context (CSS or XPath locator) to narrow the search.
-   * 
-   * ```js
-   * I.uncheckOption('#agree');
-   * I.uncheckOption('I Agree to Terms and Conditions');
-   * I.uncheckOption('agree', '//form');
-   * ```
-   * @param {string | object} field checkbox located by label | name | CSS | XPath | strict locator.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS | XPath | strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async uncheckOption(field, context = null) {
-    const clickMethod = this.browser.isMobile && !this.browser.isW3C ? 'touchClick' : 'elementClick';
-    const locateFn = prepareLocateFn.call(this, context);
-
-    const res = await findCheckable.call(this, field, locateFn);
-
-    assertElementExists(res, field, 'Checkable');
-    const elem = usingFirstElement(res);
-    const elementId = getElementId(elem);
-    highlightActiveElement.call(this, elem);
-
-    const isSelected = await this.browser.isElementSelected(elementId);
-    if (!isSelected) return Promise.resolve(true);
-    return this.browser[clickMethod](elementId);
-  }
-
-  /**
-   * Retrieves all texts from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let pins = await I.grabTextFromAll('#pin li');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {Promise<string[]>} attribute value
-   * 
-   *
-   */
-  async grabTextFromAll(locator) {
-    const res = await this._locate(locator, true);
-    const val = await forEachAsync(res, el => this.browser.getElementText(getElementId(el)));
-    this.debugSection('GrabText', String(val));
-    return val;
-  }
-
-  /**
-   * Retrieves a text from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let pin = await I.grabTextFrom('#pin');
-   * ```
-   * If multiple elements found returns first element.
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {Promise<string>} attribute value
-   * 
-   *
-   */
-  async grabTextFrom(locator) {
-    const texts = await this.grabTextFromAll(locator);
-    assertElementExists(texts, locator);
-    if (texts.length > 1) {
-      this.debugSection('GrabText', `Using first element out of ${texts.length}`);
-    }
-
-    return texts[0];
-  }
-
-  /**
-   * Retrieves all the innerHTML from elements located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let postHTMLs = await I.grabHTMLFromAll('.post');
-   * ```
-   * 
-   * @param {string | object} element located by CSS|XPath|strict locator.
-   * @returns {Promise<string[]>} HTML code for an element
-   * 
-   *
-   */
-  async grabHTMLFromAll(locator) {
-    const elems = await this._locate(locator, true);
-    const html = await forEachAsync(elems, elem => elem.getHTML(false));
-    this.debugSection('GrabHTML', String(html));
-    return html;
-  }
-
-  /**
-   * Retrieves the innerHTML from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * If more than one element is found - HTML of first element is returned.
-   * 
-   * ```js
-   * let postHTML = await I.grabHTMLFrom('#post');
-   * ```
-   * 
-   * @param {string | object} element located by CSS|XPath|strict locator.
-   * @returns {Promise<string>} HTML code for an element
-   * 
-   *
-   */
-  async grabHTMLFrom(locator) {
-    const html = await this.grabHTMLFromAll(locator);
-    assertElementExists(html, locator);
-    if (html.length > 1) {
-      this.debugSection('GrabHTML', `Using first element out of ${html.length}`);
-    }
-
-    return html[0];
-  }
-
-  /**
-   * Retrieves an array of value from a form located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let inputs = await I.grabValueFromAll('//form/input');
-   * ```
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @returns {Promise<string[]>} attribute value
-   * 
-   *
-   */
-  async grabValueFromAll(locator) {
-    const res = await this._locate(locator, true);
-    const val = await forEachAsync(res, el => el.getValue());
-    this.debugSection('GrabValue', String(val));
-
-    return val;
-  }
-
-  /**
-   * Retrieves a value from a form element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * If more than one element is found - value of first element is returned.
-   * 
-   * ```js
-   * let email = await I.grabValueFrom('input[name=email]');
-   * ```
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @returns {Promise<string>} attribute value
-   * 
-   *
-   */
-  async grabValueFrom(locator) {
-    const values = await this.grabValueFromAll(locator);
-    assertElementExists(values, locator);
-    if (values.length > 1) {
-      this.debugSection('GrabValue', `Using first element out of ${values.length}`);
-    }
-
-    return values[0];
-  }
-
-  /**
-   * Grab array of CSS properties for given locator
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * 
-   * ```js
-   * const values = await I.grabCssPropertyFromAll('h3', 'font-weight');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} cssProperty CSS property name.
-   * @returns {Promise<string[]>} CSS value
-   * 
-   */
-  async grabCssPropertyFromAll(locator, cssProperty) {
-    const res = await this._locate(locator, true);
-    const val = await forEachAsync(res, async el => this.browser.getElementCSSValue(getElementId(el), cssProperty));
-    this.debugSection('Grab', String(val));
-    return val;
-  }
-
-  /**
-   * Grab CSS property for given locator
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * If more than one element is found - value of first element is returned.
-   * 
-   * ```js
-   * const value = await I.grabCssPropertyFrom('h3', 'font-weight');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} cssProperty CSS property name.
-   * @returns {Promise<string>} CSS value
-   * 
-   */
-  async grabCssPropertyFrom(locator, cssProperty) {
-    const cssValues = await this.grabCssPropertyFromAll(locator, cssProperty);
-    assertElementExists(cssValues, locator);
-
-    if (cssValues.length > 1) {
-      this.debugSection('GrabCSS', `Using first element out of ${cssValues.length}`);
-    }
-
-    return cssValues[0];
-  }
-
-  /**
-   * Retrieves an array of attributes from elements located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let hints = await I.grabAttributeFromAll('.tooltip', 'title');
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} attr attribute name.
-   * @returns {Promise<string[]>} attribute value
-   * 
-   */
-  async grabAttributeFromAll(locator, attr) {
-    const res = await this._locate(locator, true);
-    const val = await forEachAsync(res, async el => el.getAttribute(attr));
-    this.debugSection('GrabAttribute', String(val));
-    return val;
-  }
-
-  /**
-   * Retrieves an attribute from an element located by CSS or XPath and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * If more than one element is found - attribute of first element is returned.
-   * 
-   * ```js
-   * let hint = await I.grabAttributeFrom('#tooltip', 'title');
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} attr attribute name.
-   * @returns {Promise<string>} attribute value
-   * 
-   */
-  async grabAttributeFrom(locator, attr) {
-    const attrs = await this.grabAttributeFromAll(locator, attr);
-    assertElementExists(attrs, locator);
-    if (attrs.length > 1) {
-      this.debugSection('GrabAttribute', `Using first element out of ${attrs.length}`);
-    }
-    return attrs[0];
-  }
-
-  /**
-   * Checks that title contains text.
-   * 
-   * ```js
-   * I.seeInTitle('Home Page');
-   * ```
-   * 
-   * @param {string} text text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeInTitle(text) {
-    const title = await this.browser.getTitle();
-    return stringIncludes('web page title').assert(text, title);
-  }
-
-  /**
-   * Checks that title is equal to provided one.
-   * 
-   * ```js
-   * I.seeTitleEquals('Test title.');
-   * ```
-   * 
-   * @param {string} text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeTitleEquals(text) {
-    const title = await this.browser.getTitle();
-    return assert.equal(title, text, `expected web page title to be ${text}, but found ${title}`);
-  }
-
-  /**
-   * Checks that title does not contain text.
-   * 
-   * ```js
-   * I.dontSeeInTitle('Error');
-   * ```
-   * 
-   * @param {string} text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeInTitle(text) {
-    const title = await this.browser.getTitle();
-    return stringIncludes('web page title').negate(text, title);
-  }
-
-  /**
-   * Retrieves a page title and returns it to test.
-   * Resumes test execution, so **should be used inside async with `await`** operator.
-   * 
-   * ```js
-   * let title = await I.grabTitle();
-   * ```
-   * 
-   * @returns {Promise<string>} title
-   */
-  async grabTitle() {
-    const title = await this.browser.getTitle();
-    this.debugSection('Title', title);
-    return title;
-  }
-
-  /**
-   * Checks that a page contains a visible text.
-   * Use context parameter to narrow down the search.
-   * 
-   * ```js
-   * I.see('Welcome'); // text welcome on a page
-   * I.see('Welcome', '.content'); // text inside .content div
-   * I.see('Register', {css: 'form.register'}); // use strict locator
-   * ```
-   * @param {string} text expected on page.
-   * @param {?string | object} [context=null] (optional, `null` by default) element located by CSS|Xpath|strict locator in which to search for text.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * {{ react }}
-   */
-  async see(text, context = null) {
-    return proceedSee.call(this, 'assert', text, context);
-  }
-
-  /**
-   * Checks that text is equal to provided one.
-   * 
-   * ```js
-   * I.seeTextEquals('text', 'h1');
-   * ```
-   * 
-   * @param {string} text element value to check.
-   * @param {(string | object)?} [context=null]  element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeTextEquals(text, context = null) {
-    return proceedSee.call(this, 'assert', text, context, true);
-  }
-
-  /**
-   * Opposite to `see`. Checks that a text is not present on a page.
-   * Use context parameter to narrow down the search.
-   * 
-   * ```js
-   * I.dontSee('Login'); // assume we are already logged in.
-   * I.dontSee('Login', '.nav'); // no login inside .nav element
-   * ```
-   * 
-   * @param {string} text which is not present.
-   * @param {string | object} [context] (optional) element located by CSS|XPath|strict locator in which to perfrom search.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   * {{ react }}
-   */
-  async dontSee(text, context = null) {
-    return proceedSee.call(this, 'negate', text, context);
-  }
-
-  /**
-   * Checks that the given input field or textarea equals to given value.
-   * For fuzzy locators, fields are matched by label text, the "name" attribute, CSS, and XPath.
-   * 
-   * ```js
-   * I.seeInField('Username', 'davert');
-   * I.seeInField({css: 'form textarea'},'Type your comment here');
-   * I.seeInField('form input[type=hidden]','hidden_value');
-   * I.seeInField('#searchform input','Search');
-   * ```
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @param {string | object} value value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async seeInField(field, value) {
-    const _value = (typeof value === 'boolean') ? value : value.toString();
-    return proceedSeeField.call(this, 'assert', field, _value);
-  }
-
-  /**
-   * Checks that value of input field or textarea doesn't equal to given value
-   * Opposite to `seeInField`.
-   * 
-   * ```js
-   * I.dontSeeInField('email', 'user@user.com'); // field by name
-   * I.dontSeeInField({ css: 'form input.email' }, 'user@user.com'); // field by CSS
-   * ```
-   * 
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @param {string | object} value value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async dontSeeInField(field, value) {
-    const _value = (typeof value === 'boolean') ? value : value.toString();
-    return proceedSeeField.call(this, 'negate', field, _value);
-  }
-
-  /**
-   * Appium: not tested
-   * Verifies that the specified checkbox is checked.
-   * 
-   * ```js
-   * I.seeCheckboxIsChecked('Agree');
-   * I.seeCheckboxIsChecked('#agree'); // I suppose user agreed to terms
-   * I.seeCheckboxIsChecked({css: '#signup_form input[type=checkbox]'});
-   * ```
-   * 
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeCheckboxIsChecked(field) {
-    return proceedSeeCheckbox.call(this, 'assert', field);
-  }
-
-  /**
-   * Appium: not tested
-   * Verifies that the specified checkbox is not checked.
-   * 
-   * ```js
-   * I.dontSeeCheckboxIsChecked('#agree'); // located by ID
-   * I.dontSeeCheckboxIsChecked('I agree to terms'); // located by label
-   * I.dontSeeCheckboxIsChecked('agree'); // located by name
-   * ```
-   * 
-   * @param {string | object} field located by label|name|CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeCheckboxIsChecked(field) {
-    return proceedSeeCheckbox.call(this, 'negate', field);
-  }
-
-  /**
-   * Checks that a given Element is visible
-   * Element is located by CSS or XPath.
-   * 
-   * ```js
-   * I.seeElement('#modal');
-   * ```
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   * {{ react }}
-   *
-   */
-  async seeElement(locator) {
-    const res = await this._locate(locator, true);
-    assertElementExists(res, locator);
-    const selected = await forEachAsync(res, async el => el.isDisplayed());
-    try {
-      return truth(`elements of ${(new Locator(locator))}`, 'to be seen').assert(selected);
-    } catch (e) {
-      dontSeeElementError(locator);
-    }
-  }
-
-  /**
-   * Opposite to `seeElement`. Checks that element is not visible (or in DOM)
-   * 
-   * ```js
-   * I.dontSeeElement('.modal'); // modal is not shown
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   * {{ react }}
-   */
-  async dontSeeElement(locator) {
-    const res = await this._locate(locator, false);
-    if (!res || res.length === 0) {
-      return truth(`elements of ${(new Locator(locator))}`, 'to be seen').negate(false);
-    }
-    const selected = await forEachAsync(res, async el => el.isDisplayed());
-    try {
-      return truth(`elements of ${(new Locator(locator))}`, 'to be seen').negate(selected);
-    } catch (e) {
-      seeElementError(locator);
-    }
-  }
-
-  /**
-   * Checks that a given Element is present in the DOM
-   * Element is located by CSS or XPath.
-   * 
-   * ```js
-   * I.seeElementInDOM('#modal');
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async seeElementInDOM(locator) {
-    const res = await this._res(locator);
-    try {
-      return empty('elements').negate(res);
-    } catch (e) {
-      dontSeeElementInDOMError(locator);
-    }
-  }
-
-  /**
-   * Opposite to `seeElementInDOM`. Checks that element is not on page.
-   * 
-   * ```js
-   * I.dontSeeElementInDOM('.nav'); // checks that element is not on page visible or not
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|Strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async dontSeeElementInDOM(locator) {
-    const res = await this._res(locator);
-    try {
-      return empty('elements').assert(res);
-    } catch (e) {
-      seeElementInDOMError(locator);
-    }
-  }
-
-  /**
-   * Checks that the current page contains the given string in its raw source code.
-   * 
-   * ```js
-   * I.seeInSource('<h1>Green eggs &amp; ham</h1>');
-   * ```
-   * @param {string} text value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async seeInSource(text) {
-    const source = await this.browser.getPageSource();
-    return stringIncludes('HTML source of a page').assert(text, source);
-  }
-
-  /**
-   * Retrieves page source and returns it to test.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let pageSource = await I.grabSource();
-   * ```
-   * 
-   * @returns {Promise<string>} source code
-   *
-   */
-  async grabSource() {
-    return this.browser.getPageSource();
-  }
-
-  /**
-   * Get JS log from browser. Log buffer is reset after each request.
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * 
-   * ```js
-   * let logs = await I.grabBrowserLogs();
-   * console.log(JSON.stringify(logs))
-   * ```
-   * 
-   * @returns {Promise<object[]>|undefined} all browser logs
-   * 
-   */
-  async grabBrowserLogs() {
-    if (this.browser.isW3C) {
-      this.debug('Logs not available in W3C specification');
-      return;
-    }
-    return this.browser.getLogs('browser');
-  }
-
-  /**
-   * Get current URL from browser.
-   * Resumes test execution, so should be used inside an async function.
-   * 
-   * ```js
-   * let url = await I.grabCurrentUrl();
-   * console.log(`Current URL is [${url}]`);
-   * ```
-   * 
-   * @returns {Promise<string>} current URL
-   */
-  async grabCurrentUrl() {
-    const res = await this.browser.getUrl();
-    this.debugSection('Url', res);
-    return res;
-  }
-
-  /**
-   * Checks that the current page does not contains the given string in its raw source code.
-   * 
-   * ```js
-   * I.dontSeeInSource('<!--'); // no comments in source
-   * ```
-   * 
-   * @param {string} value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeInSource(text) {
-    const source = await this.browser.getPageSource();
-    return stringIncludes('HTML source of a page').negate(text, source);
-  }
-
-  /**
-   * Asserts that an element appears a given number of times in the DOM.
-   * Element is located by label or name or CSS or XPath.
-   * 
-   * 
-   * ```js
-   * I.seeNumberOfElements('#submitBtn', 1);
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} num number of elements.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   * {{ react }}
-   */
-  async seeNumberOfElements(locator, num) {
-    const res = await this._locate(locator);
-    return assert.equal(res.length, num, `expected number of elements (${(new Locator(locator))}) is ${num}, but found ${res.length}`);
-  }
-
-  /**
-   * Asserts that an element is visible a given number of times.
-   * Element is located by CSS or XPath.
-   * 
-   * ```js
-   * I.seeNumberOfVisibleElements('.buttons', 3);
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} num number of elements.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   * {{ react }}
-   */
-  async seeNumberOfVisibleElements(locator, num) {
-    const res = await this.grabNumberOfVisibleElements(locator);
-    return assert.equal(res, num, `expected number of visible elements (${(new Locator(locator))}) is ${num}, but found ${res}`);
-  }
-
-  /**
-   * Checks that all elements with given locator have given CSS properties.
-   * 
-   * ```js
-   * I.seeCssPropertiesOnElements('h3', { 'font-weight': "bold"});
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @param {object} cssProperties object with CSS properties and their values to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeCssPropertiesOnElements(locator, cssProperties) {
-    const res = await this._locate(locator);
-    assertElementExists(res, locator);
-
-    const cssPropertiesCamelCase = convertCssPropertiesToCamelCase(cssProperties);
-    const elemAmount = res.length;
-    let props = [];
-
-    for (const element of res) {
-      for (const prop of Object.keys(cssProperties)) {
-        const cssProp = await this.grabCssPropertyFrom(locator, prop);
-        if (isColorProperty(prop)) {
-          props.push(convertColorToRGBA(cssProp));
-        } else {
-          props.push(cssProp);
-        }
-      }
-    }
-
-    const values = Object.keys(cssPropertiesCamelCase).map(key => cssPropertiesCamelCase[key]);
-    if (!Array.isArray(props)) props = [props];
-    let chunked = chunkArray(props, values.length);
-    chunked = chunked.filter((val) => {
-      for (let i = 0; i < val.length; ++i) {
-        // eslint-disable-next-line eqeqeq
-        if (val[i] != values[i]) return false;
-      }
-      return true;
-    });
-    return equals(`all elements (${(new Locator(locator))}) to have CSS property ${JSON.stringify(cssProperties)}`).assert(chunked.length, elemAmount);
-  }
-
-  /**
-   * Checks that all elements with given locator have given attributes.
-   * 
-   * ```js
-   * I.seeAttributesOnElements('//form', { method: "post"});
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @param {object} attributes attributes and their values to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeAttributesOnElements(locator, attributes) {
-    const res = await this._locate(locator);
-    assertElementExists(res, locator);
-    const elemAmount = res.length;
-
-    let attrs = await forEachAsync(res, async (el) => {
-      return forEachAsync(Object.keys(attributes), async attr => el.getAttribute(attr));
-    });
-
-    const values = Object.keys(attributes).map(key => attributes[key]);
-    if (!Array.isArray(attrs)) attrs = [attrs];
-    let chunked = chunkArray(attrs, values.length);
-    chunked = chunked.filter((val) => {
-      for (let i = 0; i < val.length; ++i) {
-        const _actual = Number.isNaN(val[i]) || (typeof values[i]) === 'string' ? val[i] : Number.parseInt(val[i], 10);
-        const _expected = Number.isNaN(values[i]) || (typeof values[i]) === 'string' ? values[i] : Number.parseInt(values[i], 10);
-        // the attribute could be a boolean
-        if (typeof _actual === 'boolean') return _actual === _expected;
-        if (_actual !== _expected) return false;
-      }
-      return true;
-    });
-    return assert.ok(
-      chunked.length === elemAmount,
-      `expected all elements (${(new Locator(locator))}) to have attributes ${JSON.stringify(attributes)}`,
-    );
-  }
-
-  /**
-   * Grab number of visible elements by locator.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let numOfElements = await I.grabNumberOfVisibleElements('p');
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @returns {Promise<number>} number of visible elements
-   */
-  async grabNumberOfVisibleElements(locator) {
-    const res = await this._locate(locator);
-
-    let selected = await forEachAsync(res, async el => el.isDisplayed());
-    if (!Array.isArray(selected)) selected = [selected];
-    selected = selected.filter(val => val === true);
-    return selected.length;
-  }
-
-  /**
-   * Checks that current url contains a provided fragment.
-   * 
-   * ```js
-   * I.seeInCurrentUrl('/register'); // we are on registration page
-   * ```
-   * 
-   * @param {string} url a fragment to check
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async seeInCurrentUrl(url) {
-    const res = await this.browser.getUrl();
-    return stringIncludes('url').assert(url, decodeUrl(res));
-  }
-
-  /**
-   * Checks that current url does not contain a provided fragment.
-   * 
-   * @param {string} url value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async dontSeeInCurrentUrl(url) {
-    const res = await this.browser.getUrl();
-    return stringIncludes('url').negate(url, decodeUrl(res));
-  }
-
-  /**
-   * Checks that current url is equal to provided one.
-   * If a relative url provided, a configured url will be prepended to it.
-   * So both examples will work:
-   * 
-   * ```js
-   * I.seeCurrentUrlEquals('/register');
-   * I.seeCurrentUrlEquals('http://my.site.com/register');
-   * ```
-   * 
-   * @param {string} url value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async seeCurrentUrlEquals(url) {
-    const res = await this.browser.getUrl();
-    return urlEquals(this.options.url).assert(url, decodeUrl(res));
-  }
-
-  /**
-   * Checks that current url is not equal to provided one.
-   * If a relative url provided, a configured url will be prepended to it.
-   * 
-   * ```js
-   * I.dontSeeCurrentUrlEquals('/login'); // relative url are ok
-   * I.dontSeeCurrentUrlEquals('http://mysite.com/login'); // absolute urls are also ok
-   * ```
-   * 
-   * @param {string} url value to check.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async dontSeeCurrentUrlEquals(url) {
-    const res = await this.browser.getUrl();
-    return urlEquals(this.options.url).negate(url, decodeUrl(res));
-  }
-
-  /**
-   * Wraps [execute](http://webdriver.io/api/protocol/execute.html) command.
-   *
-   * Executes sync script on a page.
-   * Pass arguments to function as additional parameters.
-   * Will return execution result to a test.
-   * In this case you should use async function and await to receive results.
-   * 
-   * Example with jQuery DatePicker:
-   * 
-   * ```js
-   * // change date of jQuery DatePicker
-   * I.executeScript(function() {
-   *   // now we are inside browser context
-   *   $('date').datetimepicker('setDate', new Date());
-   * });
-   * ```
-   * Can return values. Don't forget to use `await` to get them.
-   * 
-   * ```js
-   * let date = await I.executeScript(function(el) {
-   *   // only basic types can be returned
-   *   return $(el).datetimepicker('getDate').toString();
-   * }, '#date'); // passing jquery selector
-   * ```
-   * 
-   * @param {string|function} fn function to be executed in browser context.
-   * @param {...any} args to be passed to function.
-   * @returns {Promise<any>} script return value
-   * 
-   */
-  executeScript(...args) {
-    return this.browser.execute.apply(this.browser, args);
-  }
-
-  /**
-   * Executes async script on page.
-   * Provided function should execute a passed callback (as first argument) to signal it is finished.
-   * 
-   * Example: In Vue.js to make components completely rendered we are waiting for [nextTick](https://vuejs.org/v2/api/#Vue-nextTick).
-   * 
-   * ```js
-   * I.executeAsyncScript(function(done) {
-   *   Vue.nextTick(done); // waiting for next tick
-   * });
-   * ```
-   * 
-   * By passing value to `done()` function you can return values.
-   * Additional arguments can be passed as well, while `done` function is always last parameter in arguments list.
-   * 
-   * ```js
-   * let val = await I.executeAsyncScript(function(url, done) {
-   *   // in browser context
-   *   $.ajax(url, { success: (data) => done(data); }
-   * }, 'http://ajax.callback.url/');
-   * ```
-   * 
-   * @param {string|function} fn function to be executed in browser context.
-   * @param {...any} args to be passed to function.
-   * @returns {Promise<any>} script return value
-   * 
-   *
-   */
-  executeAsyncScript(...args) {
-    return this.browser.executeAsync.apply(this.browser, args);
-  }
-
-  /**
-   * Scroll element into viewport.
-   * 
-   * ```js
-   * I.scrollIntoView('#submit');
-   * I.scrollIntoView('#submit', true);
-   * I.scrollIntoView('#submit', { behavior: "smooth", block: "center", inline: "center" });
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @param {ScrollIntoViewOptions|boolean} scrollIntoViewOptions either alignToTop=true|false or scrollIntoViewOptions. See https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async scrollIntoView(locator, scrollIntoViewOptions) {
-    const res = await this._locate(withStrictLocator(locator), true);
-    assertElementExists(res, locator);
-    const elem = usingFirstElement(res);
-    return elem.scrollIntoView(scrollIntoViewOptions);
-  }
-
-  /**
-   * Scrolls to element matched by locator.
-   * Extra shift can be set with offsetX and offsetY options.
-   * 
-   * ```js
-   * I.scrollTo('footer');
-   * I.scrollTo('#submit', 5, 5);
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @param {number} [offsetX=0] (optional, `0` by default) X-axis offset.
-   * @param {number} [offsetY=0] (optional, `0` by default) Y-axis offset.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async scrollTo(locator, offsetX = 0, offsetY = 0) {
-    if (typeof locator === 'number' && typeof offsetX === 'number') {
-      offsetY = offsetX;
-      offsetX = locator;
-      locator = null;
-    }
-
-    if (locator) {
-      const res = await this._locate(withStrictLocator(locator), true);
-      assertElementExists(res, locator);
-      const elem = usingFirstElement(res);
-      const elementId = getElementId(elem);
-      if (this.browser.isMobile && !this.browser.isW3C) return this.browser.touchScroll(offsetX, offsetY, elementId);
-      const location = await elem.getLocation();
-      assertElementExists(location, locator, 'Failed to receive', 'location');
-      /* eslint-disable prefer-arrow-callback */
-      return this.browser.execute(function (x, y) { return window.scrollTo(x, y); }, location.x + offsetX, location.y + offsetY);
-      /* eslint-enable */
-    }
-
-    if (this.browser.isMobile && !this.browser.isW3C) return this.browser.touchScroll(locator, offsetX, offsetY);
-
-    /* eslint-disable prefer-arrow-callback, comma-dangle */
-    return this.browser.execute(function (x, y) { return window.scrollTo(x, y); }, offsetX, offsetY);
-    /* eslint-enable */
-  }
-
-  /**
-   * Moves cursor to element matched by locator.
-   * Extra shift can be set with offsetX and offsetY options.
-   * 
-   * ```js
-   * I.moveCursorTo('.tooltip');
-   * I.moveCursorTo('#submit', 5,5);
-   * ```
-   * 
-   * @param {string | object} locator located by CSS|XPath|strict locator.
-   * @param {number} [offsetX=0] (optional, `0` by default) X-axis offset.
-   * @param {number} [offsetY=0] (optional, `0` by default) Y-axis offset.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async moveCursorTo(locator, xOffset, yOffset) {
-    const res = await this._locate(withStrictLocator(locator), true);
-    assertElementExists(res, locator);
-    const elem = usingFirstElement(res);
-    try {
-      await elem.moveTo({ xOffset, yOffset });
-    } catch (e) {
-      debug(e.message);
-    }
-  }
-
-  /**
-   * Saves screenshot of the specified locator to ouput folder (set in codecept.conf.ts or codecept.conf.js).
-   * Filename is relative to output folder.
-   * 
-   * ```js
-   * I.saveElementScreenshot(`#submit`,'debug.png');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string} fileName file name to save.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async saveElementScreenshot(locator, fileName) {
-    const outputFile = screenshotOutputFolder(fileName);
-
-    const res = await this._locate(withStrictLocator(locator), true);
-    assertElementExists(res, locator);
-    const elem = usingFirstElement(res);
-
-    this.debug(`Screenshot of ${(new Locator(locator))} element has been saved to ${outputFile}`);
-    return elem.saveScreenshot(outputFile);
-  }
-
-  /**
-   * Saves a screenshot to ouput folder (set in codecept.conf.ts or codecept.conf.js).
-   * Filename is relative to output folder.
-   * Optionally resize the window to the full available page `scrollHeight` and `scrollWidth` to capture the entire page by passing `true` in as the second argument.
-   * 
-   * ```js
-   * I.saveScreenshot('debug.png');
-   * I.saveScreenshot('debug.png', true) //resizes to available scrollHeight and scrollWidth before taking screenshot
-   * ```
-   * 
-   * @param {string} fileName file name to save.
-   * @param {boolean} [fullPage=false] (optional, `false` by default) flag to enable fullscreen screenshot mode.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async saveScreenshot(fileName, fullPage = false) {
-    const outputFile = screenshotOutputFolder(fileName);
-
-    if (this.activeSessionName) {
-      const browser = this.sessionWindows[this.activeSessionName];
-
-      if (browser) {
-        this.debug(`Screenshot of ${this.activeSessionName} session has been saved to ${outputFile}`);
-        return browser.saveScreenshot(outputFile);
-      }
-    }
-
-    if (!fullPage) {
-      this.debug(`Screenshot has been saved to ${outputFile}`);
-      return this.browser.saveScreenshot(outputFile);
-    }
-
-    /* eslint-disable prefer-arrow-callback, comma-dangle, prefer-const */
-    const originalWindowSize = await this.browser.getWindowSize();
-
-    let { width, height } = await this.browser.execute(function () {
-      return {
-        height: document.body.scrollHeight,
-        width: document.body.scrollWidth
-      };
-    }).then(res => res);
-
-    if (height < 100) height = 500; // errors for very small height
-    /* eslint-enable */
-
-    await this.browser.setWindowSize(width, height);
-    this.debug(`Screenshot has been saved to ${outputFile}, size: ${width}x${height}`);
-    const buffer = await this.browser.saveScreenshot(outputFile);
-    await this.browser.setWindowSize(originalWindowSize.width, originalWindowSize.height);
-    return buffer;
-  }
-
-  /**
-   * Uses Selenium's JSON [cookie format](https://code.google.com/p/selenium/wiki/JsonWireProtocol#Cookie_JSON_Object).
-   * Sets cookie(s).
-   * 
-   * Can be a single cookie object or an array of cookies:
-   * 
-   * ```js
-   * I.setCookie({name: 'auth', value: true});
-   * 
-   * // as array
-   * I.setCookie([
-   *   {name: 'auth', value: true},
-   *   {name: 'agree', value: true}
-   * ]);
-   * ```
-   * 
-   * @param {Cookie|Array<Cookie>} cookie a cookie object or array of cookie objects.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async setCookie(cookie) {
-    return this.browser.setCookies(cookie);
-  }
-
-  /**
-   * Clears a cookie by name,
-   * if none provided clears all cookies.
-   * 
-   * ```js
-   * I.clearCookie();
-   * I.clearCookie('test'); // Playwright currently doesn't support clear a particular cookie name
-   * ```
-   * 
-   * @param {?string} [cookie=null] (optional, `null` by default) cookie name
-   * 
-   */
-  async clearCookie(cookie) {
-    return this.browser.deleteCookies(cookie);
-  }
-
-  /**
-   * Checks that cookie with given name exists.
-   * 
-   * ```js
-   * I.seeCookie('Auth');
-   * ```
-   * 
-   * @param {string} name cookie name.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeCookie(name) {
-    const cookie = await this.browser.getCookies([name]);
-    return truth(`cookie ${name}`, 'to be set').assert(cookie);
-  }
-
-  /**
-   * Checks that cookie with given name does not exist.
-   * 
-   * ```js
-   * I.dontSeeCookie('auth'); // no auth cookie
-   * ```
-   * 
-   * @param {string} name cookie name.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dontSeeCookie(name) {
-    const cookie = await this.browser.getCookies([name]);
-    return truth(`cookie ${name}`, 'to be set').negate(cookie);
-  }
-
-  /**
-   * Gets a cookie object by name.
-   * If none provided gets all cookies.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let cookie = await I.grabCookie('auth');
-   * assert(cookie.value, '123456');
-   * ```
-   * 
-   * @param {?string} [name=null] cookie name.
-   * @returns {any} attribute value
-   * 
-   */
-  async grabCookie(name) {
-    if (!name) return this.browser.getCookies();
-    const cookie = await this.browser.getCookies([name]);
-    this.debugSection('Cookie', JSON.stringify(cookie));
-    return cookie[0];
-  }
-
-  /**
-   * Waits for the specified cookie in the cookies.
-   * 
-   * ```js
-   * I.waitForCookie("token");
-   * ```
-   * 
-   * @param {string} name expected cookie name.
-   * @param {number} [sec=3] (optional, `3` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForCookie(name, sec) {
-    // by default, we will retry 3 times
-    let retries = 3;
-    const waitTimeout = sec || this.options.waitForTimeoutInSeconds;
-
-    if (sec) {
-      retries = sec;
-    } else {
-      retries = waitTimeout - 1;
-    }
-
-    return promiseRetry(async (retry, number) => {
-      const _grabCookie = async (name) => {
-        const cookie = await this.browser.getCookies([name]);
-        if (cookie.length === 0) throw Error(`Cookie ${name} is not found after ${retries}s`);
-      };
-
-      this.debugSection('Wait for cookie: ', name);
-      if (number > 1) this.debugSection('Retrying... Attempt #', number);
-
-      try {
-        await _grabCookie(name);
-      } catch (e) {
-        retry(e);
-      }
-    }, { retries, maxTimeout: 1000 });
-  }
-
-  /**
-   * Accepts the active JavaScript native popup window, as created by window.alert|window.confirm|window.prompt.
-   * Don't confuse popups with modal windows, as created by [various
-   * libraries](http://jster.net/category/windows-modals-popups).
-   */
-  async acceptPopup() {
-    return this.browser.getAlertText().then((res) => {
-      if (res !== null) {
-        return this.browser.acceptAlert();
-      }
-    });
-  }
-
-  /**
-   * Dismisses the active JavaScript popup, as created by `window.alert|window.confirm|window.prompt`.
-   *
-   */
-  async cancelPopup() {
-    return this.browser.getAlertText().then((res) => {
-      if (res !== null) {
-        return this.browser.dismissAlert();
-      }
-    });
-  }
-
-  /**
-   * Checks that the active JavaScript popup, as created by `window.alert|window.confirm|window.prompt`, contains the
-   * given string.
-   *
-   * @param {string} text value to check.
-   */
-  async seeInPopup(text) {
-    return this.browser.getAlertText().then((res) => {
-      if (res === null) {
-        throw new Error('Popup is not opened');
-      }
-      stringIncludes('text in popup').assert(text, res);
-    });
-  }
-
-  /**
-   * Grab the text within the popup. If no popup is visible then it will return null.
-   * ```js
-   * await I.grabPopupText();
-   * ```
-   * @returns {Promise<string>}
-   * 
-   */
-  async grabPopupText() {
-    try {
-      return await this.browser.getAlertText();
-    } catch (err) {
-      this.debugSection('Popup', 'Error getting text from popup');
-    }
-  }
-
-  /**
-   * Presses a key in the browser and leaves it in a down state.
-   * 
-   * To make combinations with modifier key and user operation (e.g. `'Control'` + [`click`](#click)).
-   * 
-   * ```js
-   * I.pressKeyDown('Control');
-   * I.click('#element');
-   * I.pressKeyUp('Control');
-   * ```
-   * 
-   * @param {string} key name of key to press down.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async pressKeyDown(key) {
-    key = getNormalizedKey.call(this, key);
-    if (!this.browser.isW3C) {
-      return this.browser.sendKeys([key]);
-    }
-    return this.browser.performActions([{
-      type: 'key',
-      id: 'keyboard',
-      actions: [{
-        type: 'keyDown',
-        value: key,
-      }],
-    }]);
-  }
-
-  /**
-   * Releases a key in the browser which was previously set to a down state.
-   * 
-   * To make combinations with modifier key and user operation (e.g. `'Control'` + [`click`](#click)).
-   * 
-   * ```js
-   * I.pressKeyDown('Control');
-   * I.click('#element');
-   * I.pressKeyUp('Control');
-   * ```
-   * 
-   * @param {string} key name of key to release.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async pressKeyUp(key) {
-    key = getNormalizedKey.call(this, key);
-    if (!this.browser.isW3C) {
-      return this.browser.sendKeys([key]);
-    }
-    return this.browser.performActions([{
-      type: 'key',
-      id: 'keyboard',
-      actions: [{
-        type: 'keyUp',
-        value: key,
-      }],
-    }]);
-  }
-
-  /**
-   * _Note:_ In case a text field or textarea is focused be aware that some browsers do not respect active modifier when combining modifier keys with other keys.
-   *
-   * Presses a key in the browser (on a focused element).
-   * 
-   * _Hint:_ For populating text field or textarea, it is recommended to use [`fillField`](#fillfield).
-   * 
-   * ```js
-   * I.pressKey('Backspace');
-   * ```
-   * 
-   * To press a key in combination with modifier keys, pass the sequence as an array. All modifier keys (`'Alt'`, `'Control'`, `'Meta'`, `'Shift'`) will be released afterwards.
-   * 
-   * ```js
-   * I.pressKey(['Control', 'Z']);
-   * ```
-   * 
-   * For specifying operation modifier key based on operating system it is suggested to use `'CommandOrControl'`.
-   * This will press `'Command'` (also known as `'Meta'`) on macOS machines and `'Control'` on non-macOS machines.
-   * 
-   * ```js
-   * I.pressKey(['CommandOrControl', 'Z']);
-   * ```
-   * 
-   * Some of the supported key names are:
-   * - `'AltLeft'` or `'Alt'`
-   * - `'AltRight'`
-   * - `'ArrowDown'`
-   * - `'ArrowLeft'`
-   * - `'ArrowRight'`
-   * - `'ArrowUp'`
-   * - `'Backspace'`
-   * - `'Clear'`
-   * - `'ControlLeft'` or `'Control'`
-   * - `'ControlRight'`
-   * - `'Command'`
-   * - `'CommandOrControl'`
-   * - `'Delete'`
-   * - `'End'`
-   * - `'Enter'`
-   * - `'Escape'`
-   * - `'F1'` to `'F12'`
-   * - `'Home'`
-   * - `'Insert'`
-   * - `'MetaLeft'` or `'Meta'`
-   * - `'MetaRight'`
-   * - `'Numpad0'` to `'Numpad9'`
-   * - `'NumpadAdd'`
-   * - `'NumpadDecimal'`
-   * - `'NumpadDivide'`
-   * - `'NumpadMultiply'`
-   * - `'NumpadSubtract'`
-   * - `'PageDown'`
-   * - `'PageUp'`
-   * - `'Pause'`
-   * - `'Return'`
-   * - `'ShiftLeft'` or `'Shift'`
-   * - `'ShiftRight'`
-   * - `'Space'`
-   * - `'Tab'`
-   * 
-   * @param {string|string[]} key key or array of keys to press.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async pressKey(key) {
-    const modifiers = [];
-    if (Array.isArray(key)) {
-      for (let k of key) {
-        k = getNormalizedKey.call(this, k);
-        if (isModifierKey(k)) {
-          modifiers.push(k);
-        } else {
-          key = k;
-          break;
-        }
-      }
-    } else {
-      key = getNormalizedKey.call(this, key);
-    }
-    for (const modifier of modifiers) {
-      await this.pressKeyDown(modifier);
-    }
-    if (!this.browser.isW3C) {
-      await this.browser.sendKeys([key]);
-    } else {
-      await this.browser.performActions([{
-        type: 'key',
-        id: 'keyboard',
-        actions: [{
-          type: 'keyDown',
-          value: key,
-        }, {
-          type: 'keyUp',
-          value: key,
-        }],
-      }]);
-    }
-    for (const modifier of modifiers) {
-      await this.pressKeyUp(modifier);
-    }
-  }
-
-  /**
-   * Types out the given text into an active field.
-   * To slow down typing use a second parameter, to set interval between key presses.
-   * _Note:_ Should be used when [`fillField`](#fillfield) is not an option.
-   * 
-   * ```js
-   * // passing in a string
-   * I.type('Type this out.');
-   * 
-   * // typing values with a 100ms interval
-   * I.type('4141555311111111', 100);
-   * 
-   * // passing in an array
-   * I.type(['T', 'E', 'X', 'T']);
-   * 
-   * // passing a secret
-   * I.type(secret('123456'));
-   * ```
-   * 
-   * @param {string|string[]} key or array of keys to type.
-   * @param {?number} [delay=null] (optional) delay in ms between key presses
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async type(keys, delay = null) {
-    if (!Array.isArray(keys)) {
-      keys = keys.toString();
-      keys = keys.split('');
-    }
-    if (delay) {
-      for (const key of keys) {
-        await this.browser.keys(key);
-        await this.wait(delay / 1000);
-      }
-      return;
-    }
-    await this.browser.keys(keys);
-  }
-
-  /**
-   * Appium: not tested in web, in apps doesn't work
-   *
-   * Resize the current window to provided width and height.
-   * First parameter can be set to `maximize`.
-   * 
-   * @param {number} width width in pixels or `maximize`.
-   * @param {number} height height in pixels.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async resizeWindow(width, height) {
-    return this.browser.setWindowSize(width, height);
-  }
-
-  async _resizeBrowserWindow(browser, width, height) {
-    if (width === 'maximize') {
-      const size = await browser.maximizeWindow();
-      this.debugSection('Window Size', size);
-      return;
-    }
-    if (browser.isW3C) {
-      return browser.setWindowRect(null, null, parseInt(width, 10), parseInt(height, 10));
-    }
-    return browser.setWindowSize(parseInt(width, 10), parseInt(height, 10));
-  }
-
-  async _resizeWindowIfNeeded(browser, windowSize) {
-    if (this.isWeb && windowSize === 'maximize') {
-      await this._resizeBrowserWindow(browser, 'maximize');
-    } else if (this.isWeb && windowSize && windowSize.indexOf('x') > 0) {
-      const dimensions = windowSize.split('x');
-      await this._resizeBrowserWindow(browser, dimensions[0], dimensions[1]);
-    }
-  }
-
-  /**
-   * Calls [focus](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus) on the matching element.
-   * 
-   * Examples:
-   * 
-   * ```js
-   * I.dontSee('#add-to-cart-btn');
-   * I.focus('#product-tile')
-   * I.see('#add-to-cart-bnt');
-   * ```
-   * 
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @param {any} [options] Playwright only: [Additional options](https://playwright.dev/docs/api/class-locator#locator-focus) for available options object as 2nd argument.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async focus(locator) {
-    const els = await this._locate(locator);
-    assertElementExists(els, locator, 'Element to focus');
-    const el = usingFirstElement(els);
-
-    await focusElement(el, this.browser);
-  }
-
-  /**
-   * Remove focus from a text input, button, etc.
-   * Calls [blur](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus) on the element.
-   * 
-   * Examples:
-   * 
-   * ```js
-   * I.blur('.text-area')
-   * ```
-   * ```js
-   * //element `#product-tile` is focused
-   * I.see('#add-to-cart-btn');
-   * I.blur('#product-tile')
-   * I.dontSee('#add-to-cart-btn');
-   * ```
-   * 
-   * @param {string | object} locator field located by label|name|CSS|XPath|strict locator.
-   * @param {any} [options] Playwright only: [Additional options](https://playwright.dev/docs/api/class-locator#locator-blur) for available options object as 2nd argument.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async blur(locator) {
-    const els = await this._locate(locator);
-    assertElementExists(els, locator, 'Element to blur');
-    const el = usingFirstElement(els);
-
-    await blurElement(el, this.browser);
-  }
-
-  /**
-   * Appium: not tested
-   * Drag an item to a destination element.
-   * 
-   * ```js
-   * I.dragAndDrop('#dragHandle', '#container');
-   * ```
-   * 
-   * @param {string | object} srcElement located by CSS|XPath|strict locator.
-   * @param {string | object} destElement located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dragAndDrop(srcElement, destElement) {
-    let sourceEl = await this._locate(srcElement);
-    assertElementExists(sourceEl, srcElement);
-    sourceEl = usingFirstElement(sourceEl);
-
-    let destEl = await this._locate(destElement);
-    assertElementExists(destEl, destElement);
-    destEl = usingFirstElement(destEl);
-
-    return sourceEl.dragAndDrop(destEl);
-  }
-
-  /**
-   * Drag the scrubber of a slider to a given position
-   * For fuzzy locators, fields are matched by label text, the "name" attribute, CSS, and XPath.
-   * 
-   * ```js
-   * I.dragSlider('#slider', 30);
-   * I.dragSlider('#slider', -70);
-   * ```
-   * 
-   * @param {string | object} locator located by label|name|CSS|XPath|strict locator.
-   * @param {number} offsetX position to drag.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async dragSlider(locator, offsetX = 0) {
-    const browser = this.browser;
-    await this.moveCursorTo(locator);
-
-    // for chrome
-    if (browser.isW3C) {
-      const xOffset = await this.grabElementBoundingRect(locator, 'x');
-      const yOffset = await this.grabElementBoundingRect(locator, 'y');
-
-      return browser.performActions([{
-        type: 'pointer',
-        id: 'pointer1',
-        parameters: { pointerType: 'mouse' },
-        actions: [
-          {
-            type: 'pointerMove', origin: 'pointer', duration: 1000, x: xOffset, y: yOffset,
-          },
-          { type: 'pointerDown', button: 0 },
-          {
-            type: 'pointerMove', origin: 'pointer', duration: 1000, x: offsetX, y: 0,
-          },
-          { type: 'pointerUp', button: 0 },
-        ],
-      },
-      ]);
-    }
-
-    await browser.buttonDown(0);
-    await browser.moveToElement(null, offsetX, 0);
-    await browser.buttonUp(0);
-  }
-
-  /**
-   * Get all Window Handles.
-   * Useful for referencing a specific handle when calling `I.switchToWindow(handle)`
-   * 
-   * ```js
-   * const windows = await I.grabAllWindowHandles();
-   * ```
-   * @returns {Promise<string[]>}
-   * 
-   */
-  async grabAllWindowHandles() {
-    return this.browser.getWindowHandles();
-  }
-
-  /**
-   * Get the current Window Handle.
-   * Useful for referencing it when calling `I.switchToWindow(handle)`
-   * ```js
-   * const window = await I.grabCurrentWindowHandle();
-   * ```
-   * @returns {Promise<string>}
-   * 
-   */
-  async grabCurrentWindowHandle() {
-    return this.browser.getWindowHandle();
-  }
-
-  /**
-   * Switch to the window with a specified handle.
-   *
-   * ```js
-   * const windows = await I.grabAllWindowHandles();
-   * // ... do something
-   * await I.switchToWindow( windows[0] );
-   *
-   * const window = await I.grabCurrentWindowHandle();
-   * // ... do something
-   * await I.switchToWindow( window );
-   * ```
-   * @param {string} window name of window handle.
-   */
-  async switchToWindow(window) {
-    await this.browser.switchToWindow(window);
-  }
-
-  /**
-   * Close all tabs except for the current one.
-   * 
-   * 
-   * ```js
-   * I.closeOtherTabs();
-   * ```
-   * 
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async closeOtherTabs() {
-    const handles = await this.browser.getWindowHandles();
-    const currentHandle = await this.browser.getWindowHandle();
-    const otherHandles = handles.filter(handle => handle !== currentHandle);
-
-    await forEachAsync(otherHandles, async (handle) => {
-      await this.browser.switchToWindow(handle);
-      await this.browser.closeWindow();
-    });
-    await this.browser.switchToWindow(currentHandle);
-  }
-
-  /**
-   * Pauses execution for a number of seconds.
-   * 
-   * ```js
-   * I.wait(2); // wait 2 secs
-   * ```
-   * 
-   * @param {number} sec number of second to wait.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async wait(sec) {
-    return new Promise(resolve => {
-      setTimeout(resolve, sec * 1000);
-    });
-  }
-
-  /**
-   * Waits for element to become enabled (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional) time in seconds to wait, 1 by default.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForEnabled(locator, sec = null) {
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-
-    return this.browser.waitUntil(async () => {
-      const res = await this._res(locator);
-      if (!res || res.length === 0) {
-        return false;
-      }
-      const selected = await forEachAsync(res, async el => this.browser.isElementEnabled(getElementId(el)));
-      if (Array.isArray(selected)) {
-        return selected.filter(val => val === true).length > 0;
-      }
-      return selected;
-    }, {
-      timeout: aSec * 1000,
-      timeoutMsg: `element (${new Locator(locator)}) still not enabled after ${aSec} sec`,
-    });
-  }
-
-  /**
-   * Waits for element to be present on page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForElement('.btn.continue');
-   * I.waitForElement('.btn.continue', 5); // wait for 5 secs
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForElement(locator, sec = null) {
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-
-    return this.browser.waitUntil(async () => {
-      const res = await this._res(locator);
-      return res && res.length;
-    }, { timeout: aSec * 1000, timeoutMsg: `element (${(new Locator(locator))}) still not present on page after ${aSec} sec` });
-  }
-
-  /**
-   * Waits for element to be clickable (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForClickable('.btn.continue');
-   * I.waitForClickable('.btn.continue', 5); // wait for 5 secs
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForClickable(locator, waitTimeout) {
-    waitTimeout = waitTimeout || this.options.waitForTimeoutInSeconds;
-    let res = await this._locate(locator);
-    res = usingFirstElement(res);
-    assertElementExists(res, locator);
-
-    return res.waitForClickable({
-      timeout: waitTimeout * 1000,
-      timeoutMsg: `element ${res.selector} still not clickable after ${waitTimeout} sec`,
-    });
-  }
-
-  /**
-   * Waiting for the part of the URL to match the expected. Useful for SPA to understand that page was changed.
-   * 
-   * ```js
-   * I.waitInUrl('/info', 2);
-   * ```
-   * 
-   * @param {string} urlPart value to check.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitInUrl(urlPart, sec = null) {
-    const client = this.browser;
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-    let currUrl = '';
-
-    return client
-      .waitUntil(function () {
-        return this.getUrl().then((res) => {
-          currUrl = decodeUrl(res);
-          return currUrl.indexOf(urlPart) > -1;
-        });
-      }, { timeout: aSec * 1000 }).catch((e) => {
-        if (e.message.indexOf('timeout')) {
-          throw new Error(`expected url to include ${urlPart}, but found ${currUrl}`);
-        }
-        throw e;
-      });
-  }
-
-  /**
-   * Waits for the entire URL to match the expected
-   * 
-   * ```js
-   * I.waitUrlEquals('/info', 2);
-   * I.waitUrlEquals('http://127.0.0.1:8000/info');
-   * ```
-   * 
-   * @param {string} urlPart value to check.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitUrlEquals(urlPart, sec = null) {
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-    const baseUrl = this.options.url;
-    if (urlPart.indexOf('http') < 0) {
-      urlPart = baseUrl + urlPart;
-    }
-    let currUrl = '';
-    return this.browser.waitUntil(function () {
-      return this.getUrl().then((res) => {
-        currUrl = decodeUrl(res);
-        return currUrl === urlPart;
-      });
-    }, aSec * 1000).catch((e) => {
-      if (e.message.indexOf('timeout')) {
-        throw new Error(`expected url to be ${urlPart}, but found ${currUrl}`);
-      }
-      throw e;
-    });
-  }
-
-  /**
-   * Waits for a text to appear (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * Narrow down search results by providing context.
-   * 
-   * ```js
-   * I.waitForText('Thank you, form has been submitted');
-   * I.waitForText('Thank you, form has been submitted', 5, '#modal');
-   * ```
-   * 
-   * @param {string }text to wait for.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @param {string | object} [context] (optional) element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async waitForText(text, sec = null, context = null) {
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-    const _context = context || this.root;
-
-    return this.browser.waitUntil(async () => {
-      const res = await this.$$(withStrictLocator.call(this, _context));
-      if (!res || res.length === 0) return false;
-      const selected = await forEachAsync(res, async el => this.browser.getElementText(getElementId(el)));
-      if (Array.isArray(selected)) {
-        return selected.filter(part => part.indexOf(text) >= 0).length > 0;
-      }
-      return selected.indexOf(text) >= 0;
-    }, {
-      timeout: aSec * 1000,
-      timeoutMsg: `element (${_context}) is not in DOM or there is no element(${_context}) with text "${text}" after ${aSec} sec`,
-    });
-  }
-
-  /**
-   * Waits for the specified value to be in value attribute.
-   * 
-   * ```js
-   * I.waitForValue('//input', "GoodValue");
-   * ```
-   * 
-   * @param {string | object} field input field.
-   * @param {string }value expected value.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForValue(field, value, sec = null) {
-    const client = this.browser;
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-
-    return client.waitUntil(async () => {
-      const res = await findFields.call(this, field);
-      if (!res || res.length === 0) return false;
-      const selected = await forEachAsync(res, async el => el.getValue());
-      if (Array.isArray(selected)) {
-        return selected.filter(part => part.indexOf(value) >= 0).length > 0;
-      }
-      return selected.indexOf(value) >= 0;
-    }, {
-      timeout: aSec * 1000,
-      timeoutMsg: `element (${field}) is not in DOM or there is no element(${field}) with value "${value}" after ${aSec} sec`,
-    });
-  }
-
-  /**
-   * Waits for an element to become visible on a page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForVisible('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async waitForVisible(locator, sec = null) {
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-
-    return this.browser.waitUntil(async () => {
-      const res = await this._res(locator);
-      if (!res || res.length === 0) return false;
-      const selected = await forEachAsync(res, async el => el.isDisplayed());
-      if (Array.isArray(selected)) {
-        return selected.filter(val => val === true).length > 0;
-      }
-      return selected;
-    }, { timeout: aSec * 1000, timeoutMsg: `element (${new Locator(locator)}) still not visible after ${aSec} sec` });
-  }
-
-  /**
-   * Waits for a specified number of elements on the page.
-   * 
-   * ```js
-   * I.waitNumberOfVisibleElements('a', 3);
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} num number of elements.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitNumberOfVisibleElements(locator, num, sec = null) {
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-
-    return this.browser.waitUntil(async () => {
-      const res = await this._res(locator);
-      if (!res || res.length === 0) return false;
-      let selected = await forEachAsync(res, async el => el.isDisplayed());
-
-      if (!Array.isArray(selected)) selected = [selected];
-      selected = selected.filter(val => val === true);
-      return selected.length === num;
-    }, { timeout: aSec * 1000, timeoutMsg: `The number of elements (${new Locator(locator)}) is not ${num} after ${aSec} sec` });
-  }
-
-  /**
-   * Waits for an element to be removed or become invisible on a page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForInvisible('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForInvisible(locator, sec = null) {
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-
-    return this.browser.waitUntil(async () => {
-      const res = await this._res(locator);
-      if (!res || res.length === 0) return true;
-      const selected = await forEachAsync(res, async el => el.isDisplayed());
-      return !selected.length;
-    }, { timeout: aSec * 1000, timeoutMsg: `element (${new Locator(locator)}) still visible after ${aSec} sec` });
-  }
-
-  /**
-   * Waits for an element to hide (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitToHide('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitToHide(locator, sec = null) {
-    return this.waitForInvisible(locator, sec);
-  }
-
-  /**
-   * Waits for an element to become not attached to the DOM on a page (by default waits for 1sec).
-   * Element can be located by CSS or XPath.
-   * 
-   * ```js
-   * I.waitForDetached('#popup');
-   * ```
-   * 
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {number} [sec=1] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForDetached(locator, sec = null) {
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-
-    return this.browser.waitUntil(async () => {
-      const res = await this._res(locator);
-      if (!res || res.length === 0) {
-        return true;
-      }
-      return false;
-    }, { timeout: aSec * 1000, timeoutMsg: `element (${new Locator(locator)}) still on page after ${aSec} sec` });
-  }
-
-  /**
-   * Waits for a function to return true (waits for 1 sec by default).
-   * Running in browser context.
-   * 
-   * ```js
-   * I.waitForFunction(fn[, [args[, timeout]])
-   * ```
-   * 
-   * ```js
-   * I.waitForFunction(() => window.requests == 0);
-   * I.waitForFunction(() => window.requests == 0, 5); // waits for 5 sec
-   * I.waitForFunction((count) => window.requests == count, [3], 5) // pass args and wait for 5 sec
-   * ```
-   * 
-   * @param {string|function} fn to be executed in browser context.
-   * @param {any[]|number} [argsOrSec] (optional, `1` by default) arguments for function or seconds.
-   * @param {number} [sec] (optional, `1` by default) time in seconds to wait
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForFunction(fn, argsOrSec = null, sec = null) {
-    let args = [];
-    if (argsOrSec) {
-      if (Array.isArray(argsOrSec)) {
-        args = argsOrSec;
-      } else if (typeof argsOrSec === 'number') {
-        sec = argsOrSec;
-      }
-    }
-
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-
-    return this.browser.waitUntil(async () => this.browser.execute(fn, ...args), { timeout: aSec * 1000, timeoutMsg: '' });
-  }
-
-  /**
-   * Waits for number of tabs.
-   * 
-   * ```js
-   * I.waitForNumberOfTabs(2);
-   * ```
-   * 
-   * @param {number} expectedTabs expecting the number of tabs.
-   * @param {number} sec number of secs to wait.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async waitForNumberOfTabs(expectedTabs, sec) {
-    const waitTimeout = sec ? sec * 1000 : this.options.waitForTimeoutInSeconds;
-    let currentTabs;
-    let count = 0;
-
-    do {
-      currentTabs = await this.grabNumberOfOpenTabs();
-      await this.wait(1);
-      count += 1000;
-      if (currentTabs >= expectedTabs) return;
-    } while (count <= waitTimeout);
-
-    throw new Error(`Expected ${expectedTabs} tabs are not met after ${waitTimeout / 1000} sec.`);
-  }
-
-  /**
-   * Switches frame or in case of null locator reverts to parent.
-   * 
-   * ```js
-   * I.switchTo('iframe'); // switch to first iframe
-   * I.switchTo(); // switch back to main page
-   * ```
-   * 
-   * @param {?string | object} [locator=null] (optional, `null` by default) element located by CSS|XPath|strict locator.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async switchTo(locator) {
-    this.browser.isInsideFrame = true;
-    if (Number.isInteger(locator)) {
-      if (this.options.automationProtocol) {
-        return this.browser.switchToFrame(locator + 1);
-      }
-      return this.browser.switchToFrame(locator);
-    }
-    if (!locator) {
-      return this.browser.switchToFrame(null);
-    }
-
-    let res = await this._locate(locator, true);
-    assertElementExists(res, locator);
-    res = usingFirstElement(res);
-    return this.browser.switchToFrame(res);
-  }
-
-  /**
-   * Switch focus to a particular tab by its number. It waits tabs loading and then switch tab.
-   * 
-   * ```js
-   * I.switchToNextTab();
-   * I.switchToNextTab(2);
-   * ```
-   * 
-   * @param {number} [num] (optional) number of tabs to switch forward, default: 1.
-   * @param {number | null} [sec] (optional) time in seconds to wait.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async switchToNextTab(num = 1, sec = null) {
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-    let target;
-    const current = await this.browser.getWindowHandle();
-
-    await this.browser.waitUntil(async () => {
-      await this.browser.getWindowHandles().then((handles) => {
-        if (handles.indexOf(current) + num + 1 <= handles.length) {
-          target = handles[handles.indexOf(current) + num];
-        }
-      });
-      return target;
-    }, { timeout: aSec * 1000, timeoutMsg: `There is no ability to switch to next tab with offset ${num}` });
-    return this.browser.switchToWindow(target);
-  }
-
-  /**
-   * Switch focus to a particular tab by its number. It waits tabs loading and then switch tab.
-   * 
-   * ```js
-   * I.switchToPreviousTab();
-   * I.switchToPreviousTab(2);
-   * ```
-   * 
-   * @param {number} [num] (optional) number of tabs to switch backward, default: 1.
-   * @param {number?} [sec] (optional) time in seconds to wait.
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async switchToPreviousTab(num = 1, sec = null) {
-    const aSec = sec || this.options.waitForTimeoutInSeconds;
-    const current = await this.browser.getWindowHandle();
-    let target;
-
-    await this.browser.waitUntil(async () => {
-      await this.browser.getWindowHandles().then((handles) => {
-        if (handles.indexOf(current) - num > -1) {
-          target = handles[handles.indexOf(current) - num];
-        }
-      });
-      return target;
-    }, { timeout: aSec * 1000, timeoutMsg: `There is no ability to switch to previous tab with offset ${num}` });
-    return this.browser.switchToWindow(target);
-  }
-
-  /**
-   * Close current tab.
-   * 
-   * ```js
-   * I.closeCurrentTab();
-   * ```
-   * 
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async closeCurrentTab() {
-    await this.browser.closeWindow();
-    const handles = await this.browser.getWindowHandles();
-    if (handles[0]) await this.browser.switchToWindow(handles[0]);
-  }
-
-  /**
-   * Open new tab and switch to it.
-   * 
-   * ```js
-   * I.openNewTab();
-   * ```
-   * 
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async openNewTab(url = 'about:blank', windowName = null) {
-    const client = this.browser;
-    const crypto = require('crypto');
-    if (windowName == null) {
-      windowName = crypto.randomBytes(32).toString('hex');
-    }
-    return client.newWindow(url, windowName);
-  }
-
-  /**
-   * Grab number of open tabs.
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let tabs = await I.grabNumberOfOpenTabs();
-   * ```
-   * 
-   * @returns {Promise<number>} number of open tabs
-   * 
-   */
-  async grabNumberOfOpenTabs() {
-    const pages = await this.browser.getWindowHandles();
-    this.debugSection('Tabs', `Total ${pages.length}`);
-    return pages.length;
-  }
-
-  /**
-   * Reload the current page.
-   * 
-   * ```js
-   * I.refreshPage();
-   * ```
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async refreshPage() {
-    const client = this.browser;
-    return client.refresh();
-  }
-
-  /**
-   * Scroll page to the top.
-   * 
-   * ```js
-   * I.scrollPageToTop();
-   * ```
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  scrollPageToTop() {
-    const client = this.browser;
-    /* eslint-disable prefer-arrow-callback */
-    return client.execute(function () {
-      window.scrollTo(0, 0);
-    });
-    /* eslint-enable */
-  }
-
-  /**
-   * Scroll page to the bottom.
-   * 
-   * ```js
-   * I.scrollPageToBottom();
-   * ```
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  scrollPageToBottom() {
-    const client = this.browser;
-    /* eslint-disable prefer-arrow-callback, comma-dangle */
-    return client.execute(function () {
-      const body = document.body;
-      const html = document.documentElement;
-      window.scrollTo(0, Math.max(
-        body.scrollHeight,
-        body.offsetHeight,
-        html.clientHeight,
-        html.scrollHeight,
-        html.offsetHeight
-      ));
-    });
-    /* eslint-enable */
-  }
-
-  /**
-   * Retrieves a page scroll position and returns it to test.
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * 
-   * ```js
-   * let { x, y } = await I.grabPageScrollPosition();
-   * ```
-   * 
-   * @returns {Promise<PageScrollPosition>} scroll position
-   * 
-   */
-  async grabPageScrollPosition() {
-    /* eslint-disable comma-dangle */
-    function getScrollPosition() {
-      return {
-        x: window.pageXOffset,
-        y: window.pageYOffset
-      };
-    }
-    /* eslint-enable comma-dangle */
-    return this.executeScript(getScrollPosition);
-  }
-
-  /**
-   * This method is **deprecated**.
-   *
-   *
-   * Set the current geo location
-   * 
-   * 
-   * ```js
-   * I.setGeoLocation(121.21, 11.56);
-   * I.setGeoLocation(121.21, 11.56, 10);
-   * ```
-   * 
-   * @param {number} latitude to set.
-   * @param {number} longitude to set
-   * @param {number=} altitude (optional, null by default) to set
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async setGeoLocation(latitude, longitude) {
-    if (!this.options.automationProtocol) {
-      console.log(`setGeoLocation deprecated:
-    * This command is deprecated due to using deprecated JSON Wire Protocol command. More info: https://webdriver.io/docs/api/jsonwp/#setgeolocation
-    * Switch to devtools protocol to use this command by setting devtoolsProtocol: true in the configuration`);
-      return;
-    }
-    this.geoLocation = { latitude, longitude };
-
-    await this.browser.call(async () => {
-      const pages = await this.puppeteerBrowser.pages();
-      await pages[0].setGeolocation({ latitude, longitude });
-    });
-  }
-
-  /**
-   * This method is **deprecated**.
-   *
-   * Return the current geo location 
-   * Resumes test execution, so **should be used inside async function with `await`** operator.
-   * 
-   * ```js
-   * let geoLocation = await I.grabGeoLocation();
-   * ```
-   * 
-   * @returns {Promise<{ latitude: number, longitude: number, altitude: number }>}
-   *
-   */
-  async grabGeoLocation() {
-    if (!this.options.automationProtocol) {
-      console.log(`grabGeoLocation deprecated:
-    * This command is deprecated due to using deprecated JSON Wire Protocol command. More info: https://webdriver.io/docs/api/jsonwp/#getgeolocation
-    * Switch to devtools protocol to use this command by setting devtoolsProtocol: true in the configuration`);
-      return;
-    }
-    if (!this.geoLocation) return 'No GeoLocation is set!';
-    return this.geoLocation;
-  }
-
-  /**
-   * Grab the width, height, location of given locator.
-   * Provide `width` or `height`as second param to get your desired prop.
-   * Resumes test execution, so **should be used inside an async function with `await`** operator.
-   * 
-   * Returns an object with `x`, `y`, `width`, `height` keys.
-   * 
-   * ```js
-   * const value = await I.grabElementBoundingRect('h3');
-   * // value is like { x: 226.5, y: 89, width: 527, height: 220 }
-   * ```
-   * 
-   * To get only one metric use second parameter:
-   * 
-   * ```js
-   * const width = await I.grabElementBoundingRect('h3', 'width');
-   * // width == 527
-   * ```
-   * @param {string | object} locator element located by CSS|XPath|strict locator.
-   * @param {string=} elementSize x, y, width or height of the given element.
-   * @returns {Promise<DOMRect>|Promise<number>} Element bounding rectangle
-   * 
-   */
-  async grabElementBoundingRect(locator, prop) {
-    const res = await this._locate(locator, true);
-    assertElementExists(res, locator);
-    const el = usingFirstElement(res);
-
-    const rect = {
-      ...await el.getLocation(),
-      ...await el.getSize(),
-    };
-    if (prop) return rect[prop];
-    return rect;
-  }
-
-  /**
-   * Placeholder for ~ locator only test case write once run on both Appium and WebDriver.
-   * @param {*} caps
-   * @param {*} fn
-   */
-  /* eslint-disable */
-  runOnIOS(caps, fn) {
-  }
-
-  /**
-   * Placeholder for ~ locator only test case write once run on both Appium and WebDriver.
-   * @param {*} caps
-   * @param {*} fn
-   */
-  runOnAndroid(caps, fn) {
-  }
-  /* eslint-enable */
-
-  /**
-   * Placeholder for ~ locator only test case write once run on both Appium and WebDriver.
-   */
-  runInWeb(fn) {
-    return fn();
-  }
-
-  /**
-   *
-   * _Note:_ Only works when devtoolsProtocol is enabled.
-   *
-   * Resets all recorded network requests.
-   * 
-   * ```js
-   * I.flushNetworkTraffics();
-   * ```
-   * 
-   */
-  flushNetworkTraffics() {
-    if (!this.options.automationProtocol) {
-      console.log('* Switch to devtools protocol to use this command by setting devtoolsProtocol: true in the configuration');
-      return;
-    }
-    this.requests = [];
-  }
-
-  /**
-   *
-   * _Note:_ Only works when devtoolsProtocol is enabled.
-   *
-   * Stops recording of network traffic. Recorded traffic is not flashed.
-   * 
-   * ```js
-   * I.stopRecordingTraffic();
-   * ```
-   * 
-   */
-  stopRecordingTraffic() {
-    if (!this.options.automationProtocol) {
-      console.log('* Switch to devtools protocol to use this command by setting devtoolsProtocol: true in the configuration');
-      return;
-    }
-    this.page.removeAllListeners('request');
-    this.recording = false;
-  }
-
-  /**
-   *
-   * _Note:_ Only works when devtoolsProtocol is enabled.
-   *
-   * Starts recording the network traffics.
-   * This also resets recorded network requests.
-   * 
-   * ```js
-   * I.startRecordingTraffic();
-   * ```
-   * 
-   * @returns {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  async startRecordingTraffic() {
-    if (!this.options.automationProtocol) {
-      console.log('* Switch to devtools protocol to use this command by setting devtoolsProtocol: true in the configuration');
-      return;
-    }
-    this.flushNetworkTraffics();
-    this.recording = true;
-    this.recordedAtLeastOnce = true;
-
-    this.page = (await this.puppeteerBrowser.pages())[0];
-    await this.page.setRequestInterception(true);
-
-    this.page.on('request', (request) => {
-      const information = {
-        url: request.url(),
-        method: request.method(),
-        requestHeaders: request.headers(),
-        requestPostData: request.postData(),
-        response: request.response(),
-      };
-
-      this.debugSection('REQUEST: ', JSON.stringify(information));
-
-      if (typeof information.requestPostData === 'object') {
-        information.requestPostData = JSON.parse(information.requestPostData);
-      }
-      request.continue();
-      this.requests.push(information);
-    });
-  }
-
-  /**
-   *
-   * _Note:_ Only works when devtoolsProtocol is enabled.
-   *
-   * Grab the recording network traffics
-   * 
-   * ```js
-   * const traffics = await I.grabRecordedNetworkTraffics();
-   * expect(traffics[0].url).to.equal('https://reqres.in/api/comments/1');
-   * expect(traffics[0].response.status).to.equal(200);
-   * expect(traffics[0].response.body).to.contain({ name: 'this was mocked' });
-   * ```
-   * 
-   * @return { Array } recorded network traffics
-   * 
-   */
-  async grabRecordedNetworkTraffics() {
-    if (!this.options.automationProtocol) {
-      console.log('* Switch to devtools protocol to use this command by setting devtoolsProtocol: true in the configuration');
-      return;
-    }
-    if (!this.recording || !this.recordedAtLeastOnce) {
-      throw new Error('Failure in test automation. You use "I.grabRecordedNetworkTraffics", but "I.startRecordingTraffic" was never called before.');
-    }
-
-    const promises = this.requests.map(async (request) => {
-      const resp = await request.response;
-
-      if (!resp) {
-        return {
-          url: '',
-          response: {
-            status: '',
-            statusText: '',
-            body: '',
-          },
-        };
-      }
-
-      let body;
-      try {
-        // There's no 'body' for some requests (redirect etc...)
-        body = JSON.parse((await resp.body()).toString());
-      } catch (e) {
-        // only interested in JSON, not HTML responses.
-      }
-
-      return {
-        url: resp.url(),
-        response: {
-          status: resp.status(),
-          statusText: resp.statusText(),
-          body,
-        },
-      };
-    });
-    return Promise.all(promises);
-  }
-
-  /**
-   *
-   * _Note:_ Only works when devtoolsProtocol is enabled.
-   *
-   * Verifies that a certain request is part of network traffic.
-   * 
-   * ```js
-   * // checking the request url contains certain query strings
-   * I.amOnPage('https://openai.com/blog/chatgpt');
-   * I.startRecordingTraffic();
-   * await I.seeTraffic({
-   *     name: 'sentry event',
-   *     url: 'https://images.openai.com/blob/cf717bdb-0c8c-428a-b82b-3c3add87a600',
-   *     parameters: {
-   *     width: '1919',
-   *     height: '1138',
-   *     },
-   *   });
-   * ```
-   * 
-   * ```js
-   * // checking the request url contains certain post data
-   * I.amOnPage('https://openai.com/blog/chatgpt');
-   * I.startRecordingTraffic();
-   * await I.seeTraffic({
-   *     name: 'event',
-   *     url: 'https://cloudflareinsights.com/cdn-cgi/rum',
-   *     requestPostData: {
-   *     st: 2,
-   *     },
-   *   });
-   * ```
-   * 
-   * @param {Object} opts - options when checking the traffic network.
-   * @param {string} opts.name A name of that request. Can be any value. Only relevant to have a more meaningful error message in case of fail.
-   * @param {string} opts.url Expected URL of request in network traffic
-   * @param {Object} [opts.parameters] Expected parameters of that request in network traffic
-   * @param {Object} [opts.requestPostData] Expected that request contains post data in network traffic
-   * @param {number} [opts.timeout] Timeout to wait for request in seconds. Default is 10 seconds.
-   * @return {void} automatically synchronized promise through #recorder
-   * 
-   */
-  async seeTraffic({
-    name, url, parameters, requestPostData, timeout = 10,
-  }) {
-    if (!this.options.automationProtocol) {
-      console.log('* Switch to devtools protocol to use this command by setting devtoolsProtocol: true in the configuration');
-      return;
-    }
-    if (!name) {
-      throw new Error('Missing required key "name" in object given to "I.seeTraffic".');
-    }
-
-    if (!url) {
-      throw new Error('Missing required key "url" in object given to "I.seeTraffic".');
-    }
-
-    if (!this.recording || !this.recordedAtLeastOnce) {
-      throw new Error('Failure in test automation. You use "I.seeTraffic", but "I.startRecordingTraffic" was never called before.');
-    }
-
-    for (let i = 0; i <= timeout * 2; i++) {
-      const found = this._isInTraffic(url, parameters);
-      if (found) {
-        return true;
-      }
-      await new Promise((done) => {
-        setTimeout(done, 1000);
-      });
-    }
-
-    // check request post data
-    if (requestPostData && this._isInTraffic(url)) {
-      const advancedTestResults = createAdvancedTestResults(url, requestPostData, this.requests);
-
-      assert.equal(advancedTestResults, true, `Traffic named "${name}" found correct URL ${url}, BUT the post data did not match:\n ${advancedTestResults}`);
-    } else if (parameters && this._isInTraffic(url)) {
-      const advancedTestResults = createAdvancedTestResults(url, parameters, this.requests);
-
-      assert.fail(
-        `Traffic named "${name}" found correct URL ${url}, BUT the query parameters did not match:\n`
-        + `${advancedTestResults}`,
-      );
-    } else {
-      assert.fail(
-        `Traffic named "${name}" not found in recorded traffic within ${timeout} seconds.\n`
-        + `Expected url: ${url}.\n`
-        + `Recorded traffic:\n${this._getTrafficDump()}`,
-      );
-    }
-  }
-
-  /**
-   *
-   * _Note:_ Only works when devtoolsProtocol is enabled.
-   *
-   * Verifies that a certain request is not part of network traffic.
-   * 
-   * Examples:
-   * 
-   * ```js
-   * I.dontSeeTraffic({ name: 'Unexpected API Call', url: 'https://api.example.com' });
-   * I.dontSeeTraffic({ name: 'Unexpected API Call of "user" endpoint', url: /api.example.com.*user/ });
-   * ```
-   * 
-   * @param {Object} opts - options when checking the traffic network.
-   * @param {string} opts.name A name of that request. Can be any value. Only relevant to have a more meaningful error message in case of fail.
-   * @param {string|RegExp} opts.url Expected URL of request in network traffic. Can be a string or a regular expression.
-   * @return {void} automatically synchronized promise through #recorder
-   * 
-   *
-   */
-  dontSeeTraffic({ name, url }) {
-    if (!this.options.automationProtocol) {
-      console.log('* Switch to devtools protocol to use this command by setting devtoolsProtocol: true in the configuration');
-      return;
-    }
-    if (!this.recordedAtLeastOnce) {
-      throw new Error('Failure in test automation. You use "I.dontSeeTraffic", but "I.startRecordingTraffic" was never called before.');
-    }
-
-    if (!name) {
-      throw new Error('Missing required key "name" in object given to "I.dontSeeTraffic".');
-    }
-
-    if (!url) {
-      throw new Error('Missing required key "url" in object given to "I.dontSeeTraffic".');
-    }
-
-    if (this._isInTraffic(url)) {
-      assert.fail(`Traffic with name "${name}" (URL: "${url}') found, but was not expected to be found.`);
-    }
-  }
-
-  /**
-   * Checks if URL with parameters is part of network traffic. Returns true or false. Internal method for this helper.
-   *
-   * @param url URL to look for.
-   * @param [parameters] Parameters that this URL needs to contain
-   * @return {boolean} Whether or not URL with parameters is part of network traffic.
-   * @private
-   */
-  _isInTraffic(url, parameters) {
-    let isInTraffic = false;
-    this.requests.forEach((request) => {
-      if (isInTraffic) {
-        return; // We already found traffic. Continue with next request
-      }
-
-      if (!request.url.match(new RegExp(url))) {
-        return; // url not found in this request. continue with next request
-      }
-
-      // URL has matched. Now we check the parameters
-
-      if (parameters) {
-        const advancedReport = allParameterValuePairsMatchExtreme(extractQueryObjects(request.url), parameters);
-        if (advancedReport === true) {
-          isInTraffic = true;
-        }
-      } else {
-        isInTraffic = true;
-      }
-    });
-
-    return isInTraffic;
-  }
-
-  /**
-   * Returns all URLs of all network requests recorded so far during execution of test scenario.
-   *
-   * @return {string} List of URLs recorded as a string, separated by new lines after each URL
-   * @private
-   */
-  _getTrafficDump() {
-    let dumpedTraffic = '';
-    this.requests.forEach((request) => {
-      dumpedTraffic += `${request.method} - ${request.url}\n`;
-    });
-    return dumpedTraffic;
-  }
-}
-
-async function proceedSee(assertType, text, context, strict = false) {
-  let description;
-  if (!context) {
-    if (this.context === webRoot) {
-      context = this.context;
-      description = 'web page';
-    } else {
-      description = `current context ${this.context}`;
-      context = './/*';
-    }
-  } else {
-    description = `element ${context}`;
-  }
-
-  const smartWaitEnabled = assertType === 'assert';
-  const res = await this._locate(withStrictLocator(context), smartWaitEnabled);
-  assertElementExists(res, context);
-  const selected = await forEachAsync(res, async el => this.browser.getElementText(getElementId(el)));
-  if (strict) {
-    if (Array.isArray(selected) && selected.length !== 0) {
-      return selected.map(elText => equals(description)[assertType](text, elText));
-    }
-    return equals(description)[assertType](text, selected);
-  }
-  return stringIncludes(description)[assertType](text, selected);
-}
-
-/**
- * Mimic Array.forEach() API, but with an async callback function.
- * Execute each callback on each array item serially. Useful when using WebDriver API.
- *
- * Added due because of problem with chrome driver when too many requests
- * are made simultaneously. https://bugs.chromium.org/p/chromedriver/issues/detail?id=2152#c9
- * @private
- * @param {Array} array Input array items to iterate over.
- * @param {Function} callback - Async function to excute on each array item.
- * @param {object} [options] - Configurable options.
- * @param {boolean} [options.expandArrayResults=true] - Flag to flat one dimension array results.
- * @return {Promise<Array>} - Array of values.
- */
-async function forEachAsync(array, callback, options = { expandArrayResults: true }) {
-  const {
-    expandArrayResults = true,
-  } = options;
-  const inputArray = Array.isArray(array) ? array : [array];
-  const values = [];
-  for (let index = 0; index < inputArray.length; index++) {
-    const res = await callback(inputArray[index], index, inputArray);
-
-    if (Array.isArray(res) && expandArrayResults) {
-      res.forEach(val => values.push(val));
-    } else if (res) {
-      values.push(res);
-    }
-  }
-  return values;
-}
-
-/**
- * Mimic Array.filter() API, but with an async callback function.
- * Execute each callback on each array item serially. Useful when using WebDriver API.
- *
- * Added due because of problem with chrome driver when too many requests
- * are made simultaneously. https://bugs.chromium.org/p/chromedriver/issues/detail?id=2152#c9
- * @private
- * @param {Array} array - Input array items to iterate over.
- * @param {Function} callback - Async functin to excute on each array item.
- * @return {Promise<Array>} - Array of values.
- */
-async function filterAsync(array, callback) {
-  const inputArray = Array.isArray(array) ? array : [array];
-  const values = [];
-  for (let index = 0; index < inputArray.length; index++) {
-    const res = await callback(inputArray[index], index, inputArray);
-    const value = Array.isArray(res) ? res[0] : res;
-
-    if (value) {
-      values.push(inputArray[index]);
-    }
-  }
-  return values;
-}
-
-async function findClickable(locator, locateFn) {
-  locator = new Locator(locator);
-
-  if (this._isCustomLocator(locator)) {
-    return locateFn(locator.value);
-  }
-
-  if (locator.isAccessibilityId() && !this.isWeb) return locateFn(locator, true);
-  if (!locator.isFuzzy()) return locateFn(locator, true);
-
-  let els;
-  const literal = xpathLocator.literal(locator.value);
-
-  els = await locateFn(Locator.clickable.narrow(literal));
-  if (els.length) return els;
-
-  els = await locateFn(Locator.clickable.wide(literal));
-  if (els.length) return els;
-
-  els = await locateFn(Locator.clickable.self(literal));
-  if (els.length) return els;
-
-  return locateFn(locator.value); // by css or xpath
-}
-
-async function findFields(locator) {
-  locator = new Locator(locator);
-
-  if (this._isCustomLocator(locator)) {
-    return this._locate(locator);
-  }
-
-  if (locator.isAccessibilityId() && !this.isWeb) return this._locate(locator, true);
-  if (!locator.isFuzzy()) return this._locate(locator, true);
-
-  const literal = xpathLocator.literal(locator.value);
-  let els = await this._locate(Locator.field.labelEquals(literal));
-  if (els.length) return els;
-
-  els = await this._locate(Locator.field.labelContains(literal));
-  if (els.length) return els;
-
-  els = await this._locate(Locator.field.byName(literal));
-  if (els.length) return els;
-  return this._locate(locator.value); // by css or xpath
-}
-
-async function proceedSeeField(assertType, field, value) {
-  const res = await findFields.call(this, field);
-  assertElementExists(res, field, 'Field');
-  const elem = usingFirstElement(res);
-  const elemId = getElementId(elem);
-
-  const proceedMultiple = async (fields) => {
-    const fieldResults = toArray(await forEachAsync(fields, async (el) => {
-      const elementId = getElementId(el);
-      return this.browser.isW3C ? el.getValue() : this.browser.getElementAttribute(elementId, 'value');
-    }));
-
-    if (typeof value === 'boolean') {
-      equals(`no. of items matching > 0: ${field}`)[assertType](value, !!fieldResults.length);
-    } else {
-      // Assert that results were found so the forEach assert does not silently pass
-      equals(`no. of items matching > 0:  ${field}`)[assertType](true, !!fieldResults.length);
-      fieldResults.forEach(val => stringIncludes(`fields by ${field}`)[assertType](value, val));
-    }
-  };
-
-  const proceedSingle = el => el.getValue().then((res) => {
-    if (res === null) {
-      throw new Error(`Element ${el.selector} has no value attribute`);
-    }
-    stringIncludes(`fields by ${field}`)[assertType](value, res);
-  });
-
-  const filterBySelected = async elements => filterAsync(elements, async el => this.browser.isElementSelected(getElementId(el)));
-
-  const filterSelectedByValue = async (elements, value) => {
-    return filterAsync(elements, async (el) => {
-      const elementId = getElementId(el);
-      const currentValue = this.browser.isW3C ? await el.getValue() : await this.browser.getElementAttribute(elementId, 'value');
-      const isSelected = await this.browser.isElementSelected(elementId);
-      return currentValue === value && isSelected;
-    });
-  };
-
-  const tag = await elem.getTagName();
-  if (tag === 'select') {
-    const subOptions = await this.browser.findElementsFromElement(elemId, 'css', 'option');
-
-    if (value === '') {
-      // Don't filter by value
-      const selectedOptions = await filterBySelected(subOptions);
-      return proceedMultiple(selectedOptions);
-    }
-
-    const options = await filterSelectedByValue(subOptions, value);
-    return proceedMultiple(options);
-  }
-
-  if (tag === 'input') {
-    const fieldType = await elem.getAttribute('type');
-
-    if (fieldType === 'checkbox' || fieldType === 'radio') {
-      if (typeof value === 'boolean') {
-        // Support boolean values
-        const options = await filterBySelected(res);
-        return proceedMultiple(options);
-      }
-
-      const options = await filterSelectedByValue(res, value);
-      return proceedMultiple(options);
-    }
-    return proceedSingle(elem);
-  }
-  return proceedSingle(elem);
-}
-
-function toArray(item) {
-  if (!Array.isArray(item)) {
-    return [item];
-  }
-  return item;
-}
-
-async function proceedSeeCheckbox(assertType, field) {
-  const res = await findFields.call(this, field);
-  assertElementExists(res, field, 'Field');
-
-  const selected = await forEachAsync(res, async el => this.browser.isElementSelected(getElementId(el)));
-  return truth(`checkable field "${field}"`, 'to be checked')[assertType](selected);
-}
-
-async function findCheckable(locator, locateFn) {
-  let els;
-  locator = new Locator(locator);
-
-  if (this._isCustomLocator(locator)) {
-    return locateFn(locator.value);
-  }
-
-  if (locator.isAccessibilityId() && !this.isWeb) return locateFn(locator, true);
-  if (!locator.isFuzzy()) return locateFn(locator, true);
-
-  const literal = xpathLocator.literal(locator.value);
-  els = await locateFn(Locator.checkable.byText(literal));
-  if (els.length) return els;
-  els = await locateFn(Locator.checkable.byName(literal));
-  if (els.length) return els;
-
-  return locateFn(locator.value); // by css or xpath
-}
-
-function withStrictLocator(locator) {
-  locator = new Locator(locator);
-  return locator.simplify();
-}
-
-function isFrameLocator(locator) {
-  locator = new Locator(locator);
-  if (locator.isFrame()) return locator.value;
-  return false;
-}
-
-function assertElementExists(res, locator, prefix, suffix) {
-  if (!res || res.length === 0) {
-    throw new ElementNotFound(locator, prefix, suffix);
-  }
-}
-
-function usingFirstElement(els) {
-  if (els.length > 1) debug(`[Elements] Using first element out of ${els.length}`);
-  return els[0];
-}
-
-function getElementId(el) {
-  // W3C WebDriver web element identifier
-  // https://w3c.github.io/webdriver/#dfn-web-element-identifier
-  if (el['element-6066-11e4-a52e-4f735466cecf']) {
-    return el['element-6066-11e4-a52e-4f735466cecf'];
-  }
-  // (deprecated) JsonWireProtocol identifier
-  // https://github.com/SeleniumHQ/selenium/wiki/JsonWireProtocol#webelement-json-object
-  if (el.ELEMENT) {
-    return el.ELEMENT;
-  }
-
-  return null;
-}
-
-// List of known key values to unicode code points
-// https://www.w3.org/TR/webdriver/#keyboard-actions
-const keyUnicodeMap = {
-  /* eslint-disable quote-props */
-  'Unidentified': '\uE000',
-  'Cancel': '\uE001',
-  'Clear': '\uE005',
-  'Help': '\uE002',
-  'Pause': '\uE00B',
-  'Backspace': '\uE003',
-  'Return': '\uE006',
-  'Enter': '\uE007',
-  'Escape': '\uE00C',
-  'Alt': '\uE00A',
-  'AltLeft': '\uE00A',
-  'AltRight': '\uE052',
-  'Control': '\uE009',
-  'ControlLeft': '\uE009',
-  'ControlRight': '\uE051',
-  'Meta': '\uE03D',
-  'MetaLeft': '\uE03D',
-  'MetaRight': '\uE053',
-  'Shift': '\uE008',
-  'ShiftLeft': '\uE008',
-  'ShiftRight': '\uE050',
-  'Space': '\uE00D',
-  ' ': '\uE00D',
-  'Tab': '\uE004',
-  'Insert': '\uE016',
-  'Delete': '\uE017',
-  'End': '\uE010',
-  'Home': '\uE011',
-  'PageUp': '\uE00E',
-  'PageDown': '\uE00F',
-  'ArrowDown': '\uE015',
-  'ArrowLeft': '\uE012',
-  'ArrowRight': '\uE014',
-  'ArrowUp': '\uE013',
-  'F1': '\uE031',
-  'F2': '\uE032',
-  'F3': '\uE033',
-  'F4': '\uE034',
-  'F5': '\uE035',
-  'F6': '\uE036',
-  'F7': '\uE037',
-  'F8': '\uE038',
-  'F9': '\uE039',
-  'F10': '\uE03A',
-  'F11': '\uE03B',
-  'F12': '\uE03C',
-  'Numpad0': '\uE01A',
-  'Numpad1': '\uE01B',
-  'Numpad2': '\uE01C',
-  'Numpad3': '\uE01D',
-  'Numpad4': '\uE01E',
-  'Numpad5': '\uE01F',
-  'Numpad6': '\uE020',
-  'Numpad7': '\uE021',
-  'Numpad8': '\uE022',
-  'Numpad9': '\uE023',
-  'NumpadMultiply': '\uE024',
-  'NumpadAdd': '\uE025',
-  'NumpadSubtract': '\uE027',
-  'NumpadDecimal': '\uE028',
-  'NumpadDivide': '\uE029',
-  'NumpadEnter': '\uE007',
-  'NumpadInsert': '\uE05C', // 'Numpad0' alternate (when NumLock off)
-  'NumpadDelete': '\uE05D', // 'NumpadDecimal' alternate (when NumLock off)
-  'NumpadEnd': '\uE056', // 'Numpad1' alternate (when NumLock off)
-  'NumpadHome': '\uE057', // 'Numpad7' alternate (when NumLock off)
-  'NumpadPageDown': '\uE055', // 'Numpad3' alternate (when NumLock off)
-  'NumpadPageUp': '\uE054', // 'Numpad9' alternate (when NumLock off)
-  'NumpadArrowDown': '\uE05B', // 'Numpad2' alternate (when NumLock off)
-  'NumpadArrowLeft': '\uE058', // 'Numpad4' alternate (when NumLock off)
-  'NumpadArrowRight': '\uE05A', // 'Numpad6' alternate (when NumLock off)
-  'NumpadArrowUp': '\uE059', // 'Numpad8' alternate (when NumLock off)
-  'Comma': '\uE026', // ',' alias
-  'Digit0': '0', // '0' alias
-  'Digit1': '1', // '1' alias
-  'Digit2': '2', // '2' alias
-  'Digit3': '3', // '3' alias
-  'Digit4': '4', // '4' alias
-  'Digit5': '5', // '5' alias
-  'Digit6': '6', // '6' alias
-  'Digit7': '7', // '7' alias
-  'Digit8': '8', // '8' alias
-  'Digit9': '9', // '9' alias
-  'Equal': '\uE019', // '=' alias
-  'KeyA': 'a', // 'a' alias
-  'KeyB': 'b', // 'b' alias
-  'KeyC': 'c', // 'c' alias
-  'KeyD': 'd', // 'd' alias
-  'KeyE': 'e', // 'e' alias
-  'KeyF': 'f', // 'f' alias
-  'KeyG': 'g', // 'g' alias
-  'KeyH': 'h', // 'h' alias
-  'KeyI': 'i', // 'i' alias
-  'KeyJ': 'j', // 'j' alias
-  'KeyK': 'k', // 'k' alias
-  'KeyL': 'l', // 'l' alias
-  'KeyM': 'm', // 'm' alias
-  'KeyN': 'n', // 'n' alias
-  'KeyO': 'o', // 'o' alias
-  'KeyP': 'p', // 'p' alias
-  'KeyQ': 'q', // 'q' alias
-  'KeyR': 'r', // 'r' alias
-  'KeyS': 's', // 's' alias
-  'KeyT': 't', // 't' alias
-  'KeyU': 'u', // 'u' alias
-  'KeyV': 'v', // 'v' alias
-  'KeyW': 'w', // 'w' alias
-  'KeyX': 'x', // 'x' alias
-  'KeyY': 'y', // 'y' alias
-  'KeyZ': 'z', // 'z' alias
-  'Period': '.', // '.' alias
-  'Semicolon': '\uE018', // ';' alias
-  'Slash': '/', // '/' alias
-  'ZenkakuHankaku': '\uE040',
-  /* eslint-enable quote-props */
-};
-
-function convertKeyToRawKey(key) {
-  if (Object.prototype.hasOwnProperty.call(keyUnicodeMap, key)) {
-    return keyUnicodeMap[key];
-  }
-  // Key is raw key when no representative unicode code point for value
-  return key;
-}
-
-function getNormalizedKey(key) {
-  let normalizedKey = getNormalizedKeyAttributeValue(key);
-  // Always use "left" modifier keys for non-W3C sessions,
-  // as JsonWireProtocol does not support "right" modifier keys
-  if (!this.browser.isW3C) {
-    normalizedKey = normalizedKey.replace(/^(Alt|Control|Meta|Shift)Right$/, '$1');
-  }
-  if (key !== normalizedKey) {
-    this.debugSection('Input', `Mapping key '${key}' to '${normalizedKey}'`);
-  }
-  return convertKeyToRawKey(normalizedKey);
-}
-
-const unicodeModifierKeys = modifierKeys.map(k => convertKeyToRawKey(k));
-function isModifierKey(key) {
-  return unicodeModifierKeys.includes(key);
-}
-
-function highlightActiveElement(element) {
-  if (this.options.highlightElement && global.debugMode) {
-    highlightElement(element, this.browser);
-  }
-}
-
-function prepareLocateFn(context) {
-  if (!context) return this._locate.bind(this);
-  return (l) => {
-    l = new Locator(l, 'css');
-    return this._locate(context, true).then(async (res) => {
-      assertElementExists(res, context, 'Context element');
-      if (l.react) {
-        return res[0].react$$(l.react, l.props || undefined);
-      }
-      return res[0].$$(l.simplify());
-    });
-  };
-}
-
-module.exports = WebDriver;