codeceptjs 2.1.3 → 2.2.1

package/docs/build/Protractor.js

@@ -13,7 +13,6 @@ const truth = require('../assert/truth').truth;
 const {
   xpathLocator,
   fileExists,
-  clearString,
   convertCssPropertiesToCamelCase,
   screenshotOutputFolder,
 } = require('../utils');
@@ -25,7 +24,6 @@ const ElementNotFound = require('./errors/ElementNotFound');
 const ConnectionRefused = require('./errors/ConnectionRefused');
 const Locator = require('../locator');
 const path = require('path');
-const recorder = require('../recorder');
 
 let withinStore = {};
 let Runner;
@@ -425,15 +423,16 @@ class Protractor extends Helper {
 
   /**
    * 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 url url path or global 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.
+   * {--end--}
    */
   async amOnPage(url) {
     if (!(/^\w+\:\/\//.test(url))) {
@@ -446,29 +445,30 @@ I.amOnPage('/login'); // opens a login page
 
   /**
    * 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 locator clickable link or button located by text, or any element located by CSS|XPath|strict locator.
-@param context (optional) element to search in CSS|XPath|Strict 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} context (optional, `null` by default) element to search in CSS|XPath|Strict locator.
+   * {--end--}
    */
   async click(locator, context = null) {
     let matcher = this.browser;
@@ -483,17 +483,18 @@ I.click({css: 'nav a.login'});
 
   /**
    * 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 locator clickable link or button located by text, or any element located by CSS|XPath|strict locator.
-@param context (optional) element to search in CSS|XPath|Strict locator.
+   * 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 (optional, `null` by default) element to search in CSS|XPath|Strict locator.
+   * {--end--}
    */
   async doubleClick(locator, context = null) {
     let matcher = this.browser;
@@ -508,19 +509,19 @@ I.doubleClick('.btn.edit');
 
   /**
    * 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 locator clickable element located by CSS|XPath|strict locator.
-@param context (optional) element located by CSS|XPath|strict locator.
-
+   * 
+   * ```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 (optional, `null` by default) element located by CSS|XPath|strict locator.
+   * {--end--}
    */
   async rightClick(locator, context = null) {
     /**
@@ -543,16 +544,17 @@ I.rightClick('Click me', '.context');
 
   /**
    * 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 locator located by CSS|XPath|strict locator.
-@param offsetX (optional) X-axis offset.
-@param offsetY (optional) Y-axis offset.
+   * 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 (optional, `0` by default) X-axis offset.
+   * @param {number} offsetY (optional, `0` by default) Y-axis offset.
+   * {--end--}
    */
   async moveCursorTo(locator, offsetX = null, offsetY = null) {
     let offset = null;
@@ -566,15 +568,16 @@ I.moveCursorTo('#submit', 5,5);
 
   /**
    * 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 text expected on page.
-@param context (optional) element located by CSS|Xpath|strict locator in which to search for 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 (optional, `null` by default) element located by CSS|Xpath|strict locator in which to search for text.
+   * {--end--}
    */
   async see(text, context = null) {
     return proceedSee.call(this, 'assert', text, context);
@@ -593,13 +596,17 @@ I.see('Register', {css: 'form.register'}); // use strict locator
 
   /**
    * 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
-```
-@param text is not present.
-@param context (optional) element located by CSS|XPath|strict locator in which to perfrom search.
+   * 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.
+   *
+   * {--end--}
    */
   dontSee(text, context = null) {
     return proceedSee.call(this, 'negate', text, context);
@@ -607,12 +614,15 @@ I.dontSee('Login'); // assume we are already logged in
 
   /**
    * 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))
-```
+   * 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<Array>} all browser logs
+   * {--end--}
    */
   async grabBrowserLogs() {
     return this.browser.manage().logs().get('browser');
@@ -620,12 +630,15 @@ console.log(JSON.stringify(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}]`);
-```
+   * 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
+   * {--end--}
    */
   async grabCurrentUrl() {
     return this.browser.getCurrentUrl();
@@ -633,25 +646,26 @@ console.log(`Current URL is [${url}]`);
 
   /**
    * 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 select field located by label|name|CSS|XPath|strict locator.
-@param option visible text or value of option.
+   * 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.
+   * {--end--}
    */
   async selectOption(select, option) {
     const fields = await findFields(this.browser, select);
@@ -675,21 +689,21 @@ I.selectOption('Which OS do you use?', ['Android', 'iOS']);
 
   /**
    * 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 field located by label|name|CSS|XPath|strict locator.
-@param value text value to fill.
-
+   * 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} value text value to fill.
+   * {--end--}
    */
   async fillField(field, value) {
     const els = await findFields(this.browser, field);
@@ -699,47 +713,18 @@ I.fillField({css: 'form#login input[name=username]'}, 'John');
 
   /**
    * 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 key key or array of keys to press.
-   * [Valid key names](https://w3c.github.io/webdriver/#keyboard-actions) are:
-
-- `'Add'`,
-- `'Alt'`,
-- `'ArrowDown'` or `'Down arrow'`,
-- `'ArrowLeft'` or `'Left arrow'`,
-- `'ArrowRight'` or `'Right arrow'`,
-- `'ArrowUp'` or `'Up arrow'`,
-- `'Backspace'`,
-- `'Command'`,
-- `'Control'`,
-- `'Del'`,
-- `'Divide'`,
-- `'End'`,
-- `'Enter'`,
-- `'Equals'`,
-- `'Escape'`,
-- `'F1 to F12'`,
-- `'Home'`,
-- `'Insert'`,
-- `'Meta'`,
-- `'Multiply'`,
-- `'Numpad 0'` to `'Numpad 9'`,
-- `'Pagedown'` or `'PageDown'`,
-- `'Pageup'` or `'PageUp'`,
-- `'Pause'`,
-- `'Semicolon'`,
-- `'Shift'`,
-- `'Space'`,
-- `'Subtract'`,
-- `'Tab'`.
+   * 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|array} key key or array of keys to press.
+   * {--end--}
+   * {{ keys }}
    */
   async pressKey(key) {
     let modifier;
@@ -762,16 +747,17 @@ I.pressKey(['Control','a']);
 
   /**
    * Attaches a file to element located by label, name, CSS or XPath
-Path to file is relative current codecept directory (where codecept.json 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 locator field located by label|name|CSS|XPath|strict locator.
-@param pathToFile local file path relative to codecept.json config file.
+   * Path to file is relative current codecept directory (where codecept.json 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.json config file.
+   * {--end--}
    */
   async attachFile(locator, pathToFile) {
     const file = path.join(global.codecept_dir, pathToFile);
@@ -789,16 +775,17 @@ I.attachFile('form input[name=avatar]', 'data/avatar.jpg');
 
   /**
    * 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 field located by label|name|CSS|XPath|strict locator.
-@param value value to check.
+   * 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} value value to check.
+   * {--end--}
    */
   async seeInField(field, value) {
     return proceedSeeInField.call(this, 'assert', field, value);
@@ -806,10 +793,16 @@ I.seeInField('#searchform input','Search');
 
   /**
    * Checks that value of input field or textare doesn't equal to given value
-Opposite to `seeInField`.
-
-@param field located by label|name|CSS|XPath|strict locator.
-@param value value to check.
+   * 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} value value to check.
+   * {--end--}
    */
   async dontSeeInField(field, value) {
     return proceedSeeInField.call(this, 'negate', field, value);
@@ -817,13 +810,14 @@ Opposite to `seeInField`.
 
   /**
    * Appends text to a input field or textarea.
-Field is located by name, label, CSS or XPath
-
-```js
-I.appendField('#myTextField', 'appended');
-```
-@param field located by label|name|CSS|XPath|strict locator
-@param value text value to append.
+   * Field is located by name, label, CSS or XPath
+   * 
+   * ```js
+   * I.appendField('#myTextField', 'appended');
+   * ```
+   * @param {string|object} field located by label|name|CSS|XPath|strict locator
+   * @param {string} value text value to append.
+   * {--end--}
    */
   async appendField(field, value) {
     const els = await findFields(this.browser, field);
@@ -833,13 +827,14 @@ I.appendField('#myTextField', 'appended');
 
   /**
    * Clears a `<textarea>` or text `<input>` element's value.
-
-```js
-I.clearField('Email');
-I.clearField('user[email]');
-I.clearField('#email');
-```
-@param field located by label|name|CSS|XPath|strict locator.
+   * 
+   * ```js
+   * I.clearField('Email');
+   * I.clearField('user[email]');
+   * I.clearField('#email');
+   * ```
+   * @param {string|object} editable field located by label|name|CSS|XPath|strict locator.
+   * {--end--}
    */
   async clearField(field) {
     const els = await findFields(this.browser, field);
@@ -849,17 +844,18 @@ I.clearField('#email');
 
   /**
    * 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 field checkbox located by label | name | CSS | XPath | strict locator.
-@param context (optional) element located by CSS | XPath | strict locator.
+   * 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} context (optional, `null` by default) element located by CSS | XPath | strict locator.
+   * {--end--}
    */
   async checkOption(field, context = null) {
     let matcher = this.browser;
@@ -875,14 +871,44 @@ I.checkOption('agree', '//form');
   }
 
   /**
-   * Verifies that the specified checkbox is checked.
+   * 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} context (optional, `null` by default) element located by CSS | XPath | strict locator.
+   * {--end--}
+   */
+  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();
+  }
 
-```js
-I.seeCheckboxIsChecked('Agree');
-I.seeCheckboxIsChecked('#agree'); // I suppose user agreed to terms
-I.seeCheckboxIsChecked({css: '#signup_form input[type=checkbox]'});
-```
-@param field located by label|name|CSS|XPath|strict locator.
+  /**
+   * 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.
+   * {--end--}
    */
   async seeCheckboxIsChecked(field) {
     return proceedIsChecked.call(this, 'assert', field);
@@ -890,8 +916,15 @@ I.seeCheckboxIsChecked({css: '#signup_form input[type=checkbox]'});
 
   /**
    * Verifies that the specified checkbox is not checked.
-
-@param field located by label|name|CSS|XPath|strict locator.
+   * 
+   * ```js
+   * I.dontSeeeCheckboxIsChedcked('#agree'); // located by ID
+   * I.dontSeeeCheckboxIsChedcked('I agree to terms'); // located by label
+   * I.dontSeeeCheckboxIsChedcked('agree'); // located by name
+   * ```
+   * 
+   * @param {string|object} field located by label|name|CSS|XPath|strict locator.
+   * {--end--}
    */
   async dontSeeCheckboxIsChecked(field) {
     return proceedIsChecked.call(this, 'negate', field);
@@ -899,14 +932,16 @@ I.seeCheckboxIsChecked({css: '#signup_form input[type=checkbox]'});
 
   /**
    * 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 an array of texts.
-
-@param locator element located by CSS|XPath|strict locator.
+   * Resumes test execution, so **should be used inside async with `await`** operator.
+   * 
+   * ```js
+   * let pin = await I.grabTextFrom('#pin');
+   * ```
+   * If multiple elements found returns an array of texts.
+   * 
+   * @param locator element located by CSS|XPath|strict locator.
+   * @returns {Promise<string>} attribute value
+   * {--end--}
    */
   async grabTextFrom(locator) {
     const els = await this._locate(locator);
@@ -921,14 +956,16 @@ If multiple elements found returns an array of texts.
 
   /**
    * 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 - an array of HTMLs returned.
-
-```js
-let postHTML = await I.grabHTMLFrom('#post');
-```
-
-@param locator element located by CSS|XPath|strict locator.
+   * Resumes test execution, so **should be used inside async function with `await`** operator.
+   * If more than one element is found - an array of HTMLs returned.
+   * 
+   * ```js
+   * let postHTML = await I.grabHTMLFrom('#post');
+   * ```
+   * 
+   * @param locator element located by CSS|XPath|strict locator.
+   * @returns {Promise<string>} HTML code for an element
+   * {--end--}
    */
   async grabHTMLFrom(locator) {
     const els = await this._locate(locator);
@@ -946,12 +983,14 @@ let postHTML = await I.grabHTMLFrom('#post');
 
   /**
    * 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.
-
-```js
-let email = await I.grabValueFrom('input[name=email]');
-```
-@param locator field located by label|name|CSS|XPath|strict locator.
+   * Resumes test execution, so **should be used inside async function with `await`** operator.
+   * 
+   * ```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
+   * {--end--}
    */
   async grabValueFrom(locator) {
     const els = await findFields(this.browser, locator);
@@ -961,14 +1000,16 @@ let email = await I.grabValueFrom('input[name=email]');
 
   /**
    * Grab CSS property for given locator
-Resumes test execution, so **should be used inside an async function with `await`** operator.
-
-```js
-const value = await I.grabCssPropertyFrom('h3', 'font-weight');
-```
-
-@param locator element located by CSS|XPath|strict locator.
-@param cssProperty CSS property name.
+   * Resumes test execution, so **should be used inside an async function with `await`** operator.
+   * 
+   * ```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
+   * {--end--}
    */
   async grabCssPropertyFrom(locator, cssProperty) {
     const els = await this._locate(locator, true);
@@ -983,14 +1024,16 @@ const value = await I.grabCssPropertyFrom('h3', 'font-weight');
 
   /**
    * Retrieves an attribute from an element located by CSS or XPath and returns it to test.
-An array as a result will be returned if there are more than one matched element.
-Resumes test execution, so **should be used inside async with `await`** operator.
-
-```js
-let hint = await I.grabAttributeFrom('#tooltip', 'title');
-```
-@param locator element located by CSS|XPath|strict locator.
-@param attr attribute name.
+   * An array as a result will be returned if there are more than one matched element.
+   * Resumes test execution, so **should be used inside async with `await`** operator.
+   * 
+   * ```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
+   * {--end--}
    */
   async grabAttributeFrom(locator, attr) {
     const els = await this._locate(locator);
@@ -1005,8 +1048,13 @@ let hint = await I.grabAttributeFrom('#tooltip', 'title');
   }
   /**
    * Checks that title contains text.
-
-@param text text value to check.
+   * 
+   * ```js
+   * I.seeInTitle('Home Page');
+   * ```
+   * 
+   * @param {string} text text value to check.
+   * {--end--}
    */
   async seeInTitle(text) {
     return this.browser.getTitle().then(title => stringIncludes('web page title').assert(text, title));
@@ -1026,8 +1074,13 @@ let hint = await I.grabAttributeFrom('#tooltip', 'title');
 
   /**
    * Checks that title does not contain text.
-
-@param text text value to check.
+   * 
+   * ```js
+   * I.dontSeeInTitle('Error');
+   * ```
+   * 
+   * @param {string} text value to check.
+   * {--end--}
    */
   async dontSeeInTitle(text) {
     return this.browser.getTitle().then(title => stringIncludes('web page title').negate(text, title));
@@ -1035,11 +1088,14 @@ let hint = await I.grabAttributeFrom('#tooltip', '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();
-```
+   * Resumes test execution, so **should be used inside async with `await`** operator.
+   * 
+   * ```js
+   * let title = await I.grabTitle();
+   * ```
+   * 
+   * @returns {Promise<string>} title
+   * {--end--}
    */
   async grabTitle() {
     return this.browser.getTitle().then((title) => {
@@ -1050,12 +1106,13 @@ let title = await I.grabTitle();
 
   /**
    * Checks that a given Element is visible
-Element is located by CSS or XPath.
-
-```js
-I.seeElement('#modal');
-```
-@param locator located by CSS|XPath|strict locator.
+   * Element is located by CSS or XPath.
+   * 
+   * ```js
+   * I.seeElement('#modal');
+   * ```
+   * @param {string|object} locator located by CSS|XPath|strict locator.
+   * {--end--}
    */
   async seeElement(locator) {
     let els = await this._locate(locator, true);
@@ -1065,8 +1122,13 @@ I.seeElement('#modal');
 
   /**
    * Opposite to `seeElement`. Checks that element is not visible (or in DOM)
-
-@param locator located by CSS|XPath|Strict locator.
+   * 
+   * ```js
+   * I.dontSeeElement('.modal'); // modal is not shown
+   * ```
+   * 
+   * @param {string|object} locator located by CSS|XPath|Strict locator.
+   * {--end--}
    */
   async dontSeeElement(locator) {
     let els = await this._locate(locator, false);
@@ -1076,12 +1138,13 @@ I.seeElement('#modal');
 
   /**
    * Checks that a given Element is present in the DOM
-Element is located by CSS or XPath.
-
-```js
-I.seeElementInDOM('#modal');
-```
-@param locator located by CSS|XPath|strict locator.
+   * Element is located by CSS or XPath.
+   * 
+   * ```js
+   * I.seeElementInDOM('#modal');
+   * ```
+   * @param {string|object} locator element located by CSS|XPath|strict locator.
+   * {--end--}
    */
   async seeElementInDOM(locator) {
     return this.browser.findElements(guessLocator(locator) || global.by.css(locator)).then(els => empty('elements').negate(els.fill('ELEMENT')));
@@ -1089,8 +1152,13 @@ I.seeElementInDOM('#modal');
 
   /**
    * Opposite to `seeElementInDOM`. Checks that element is not on page.
-
-@param locator located by CSS|XPath|Strict locator.
+   * 
+   * ```js
+   * I.dontSeeElementInDOM('.nav'); // checks that element is not on page visible or not
+   * ```
+   * 
+   * @param {string|object} locator located by CSS|XPath|Strict locator.
+   * {--end--}
    */
   async dontSeeElementInDOM(locator) {
     return this.browser.findElements(guessLocator(locator) || global.by.css(locator)).then(els => empty('elements').assert(els.fill('ELEMENT')));
@@ -1098,11 +1166,12 @@ I.seeElementInDOM('#modal');
 
   /**
    * Checks that the current page contains the given string in its raw source code.
-
-```js
-I.seeInSource('<h1>Green eggs &amp; ham</h1>');
-```
-@param text value to check.
+   * 
+   * ```js
+   * I.seeInSource('<h1>Green eggs &amp; ham</h1>');
+   * ```
+   * @param {string} text value to check.
+   * {--end--}
    */
   async seeInSource(text) {
     return this.browser.getPageSource().then(source => stringIncludes('HTML source of a page').assert(text, source));
@@ -1110,11 +1179,14 @@ I.seeInSource('<h1>Green eggs &amp; ham</h1>');
 
   /**
    * Retrieves page source and returns it to test.
-Resumes test execution, so should be used inside an async function.
-
-```js
-let pageSource = await I.grabSource();
-```
+   * Resumes test execution, so should be used inside an async function.
+   * 
+   * ```js
+   * let pageSource = await I.grabSource();
+   * ```
+   * 
+   * @returns {Promise<string>} source code
+   * {--end--}
    */
   async grabSource() {
     return this.browser.getPageSource();
@@ -1122,37 +1194,47 @@ let pageSource = await I.grabSource();
 
   /**
    * Checks that the current page does not contains the given string in its raw source code.
-
-@param text value to check.
-
+   * 
+   * ```js
+   * I.dontSeeInSource('<!--'); // no comments in source
+   * ```
+   * 
+   * @param {string} value to check.
+   * {--end--}
    */
   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
+   * 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.
+   * {--end--}
    */
-  async seeNumberOfElements(selector, num) {
-    const elements = await this._locate(selector);
-    return equals(`expected number of elements (${selector}) is ${num}, but found ${elements.length}`).assert(elements.length, num);
+  async seeNumberOfElements(locator, num) {
+    const elements = await this._locate(locator);
+    return equals(`expected number of elements (${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 locator element located by CSS|XPath|strict locator.
-@param num number of elements.
+   * 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.
+   * {--end--}
    */
   async seeNumberOfVisibleElements(locator, num) {
     const res = await this.grabNumberOfVisibleElements(locator);
@@ -1161,12 +1243,14 @@ I.seeNumberOfVisibleElements('.buttons', 3);
 
   /**
    * Grab number of visible elements by locator.
-
-```js
-I.grabNumberOfVisibleElements('p');
-```
-
-@param locator located by CSS|XPath|strict locator.
+   * 
+   * ```js
+   * let numOfElements = await I.grabNumberOfVisibleElements('p');
+   * ```
+   * 
+   * @param {string|object} locator located by CSS|XPath|strict locator.
+   * @returns {Promise<number>} number of visible elements
+   * {--end--}
    */
   async grabNumberOfVisibleElements(locator) {
     let els = await this._locate(locator);
@@ -1176,13 +1260,14 @@ I.grabNumberOfVisibleElements('p');
 
   /**
    * Checks that all elements with given locator have given CSS properties.
-
-```js
-I.seeCssPropertiesOnElements('h3', { 'font-weight': "bold"});
-```
-
-@param locator located by CSS|XPath|strict locator.
-@param cssProperties object with CSS properties and their values to check.
+   * 
+   * ```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.
+   * {--end--}
    */
   async seeCssPropertiesOnElements(locator, cssProperties) {
     const els = await this._locate(locator);
@@ -1214,13 +1299,14 @@ I.seeCssPropertiesOnElements('h3', { 'font-weight': "bold"});
 
   /**
    * Checks that all elements with given locator have given attributes.
-
-```js
-I.seeAttributesOnElements('//form', {'method': "post"});
-```
-
-@param locator located by CSS|XPath|strict locator.
-@param attributes object with attributes and their values to check.
+   * 
+   * ```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.
+   * {--end--}
    */
   async seeAttributesOnElements(locator, attributes) {
     const els = await this._locate(locator);
@@ -1248,30 +1334,31 @@ I.seeAttributesOnElements('//form', {'method': "post"});
 
   /**
    * 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 fn function to be executed in browser context.
-@param ...args args to be passed to function.
+   * 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 ...args args to be passed to function.
+   * {--end--}
    */
   async executeScript(fn) {
     return this.browser.executeScript.apply(this.browser, arguments);
@@ -1279,28 +1366,29 @@ let date = await I.executeScript(function(el) {
 
   /**
    * 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 fn function to be executed in browser context.
-@param ...args args to be passed to function.
+   * 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 ...args args to be passed to function.
+   * {--end--}
    */
   async executeAsyncScript(fn) {
     this.browser.manage().timeouts().setScriptTimeout(this.options.scriptTimeout);
@@ -1309,12 +1397,13 @@ let val = await I.executeAsyncScript(function(url, done) {
 
   /**
      * Checks that current url contains a provided fragment.
-
-```js
-I.seeInCurrentUrl('/register'); // we are on registration page
-```
-
-@param url value to check.
+   * 
+   * ```js
+   * I.seeInCurrentUrl('/register'); // we are on registration page
+   * ```
+   * 
+   * @param {string} url a fragment to check
+   * {--end--}
    */
   async seeInCurrentUrl(url) {
     return this.browser.getCurrentUrl().then(currentUrl => stringIncludes('url').assert(url, currentUrl));
@@ -1322,8 +1411,9 @@ I.seeInCurrentUrl('/register'); // we are on registration page
 
   /**
    * Checks that current url does not contain a provided fragment.
-
-@param url value to check.
+   * 
+   * @param {string} url value to check.
+   * {--end--}
    */
   async dontSeeInCurrentUrl(url) {
     return this.browser.getCurrentUrl().then(currentUrl => stringIncludes('url').negate(url, currentUrl));
@@ -1331,15 +1421,16 @@ I.seeInCurrentUrl('/register'); // we are on registration page
 
   /**
    * 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 url value to check.
+   * 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.
+   * {--end--}
    */
   async seeCurrentUrlEquals(url) {
     return this.browser.getCurrentUrl().then(currentUrl => urlEquals(this.options.url).assert(url, currentUrl));
@@ -1347,9 +1438,15 @@ I.seeCurrentUrlEquals('http://my.site.com/register');
 
   /**
    * Checks that current url is not equal to provided one.
-If a relative url provided, a configured url will be prepended to it.
-
-@param url value to check.
+   * 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.
+   * {--end--}
    */
   async dontSeeCurrentUrlEquals(url) {
     return this.browser.getCurrentUrl().then(currentUrl => urlEquals(this.options.url).negate(url, currentUrl));
@@ -1357,16 +1454,17 @@ If a relative url provided, a configured url will be prepended to it.
 
   /**
    * Saves a screenshot to ouput folder (set in codecept.json 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 fileName file name to save. 
-@param fullPage (optional) flag to enable fullscreen screenshot mode.
+   * 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 (optional, `false` by default) flag to enable fullscreen screenshot mode.
+   * {--end--}
    */
   async saveScreenshot(fileName, fullPage = false) {
     const outputFile = screenshotOutputFolder(fileName);
@@ -1400,14 +1498,15 @@ I.saveScreenshot('debug.png', true) //resizes to available scrollHeight and scro
 
   /**
    * Clears a cookie by name,
-if none provided clears all cookies.
-
-```js
-I.clearCookie();
-I.clearCookie('test');
-```
-
-@param cookie (optional) cookie name.
+   * if none provided clears all cookies.
+   * 
+   * ```js
+   * I.clearCookie();
+   * I.clearCookie('test');
+   * ```
+   * 
+   * @param {string} cookie (optional, `null` by default) cookie name
+   * {--end--}
    */
   async clearCookie(cookie = null) {
     if (!cookie) {
@@ -1418,12 +1517,13 @@ I.clearCookie('test');
 
   /**
    * Checks that cookie with given name exists.
-
-```js
-I.seeCookie('Auth');
-```
-
-@param name cookie name.
+   * 
+   * ```js
+   * I.seeCookie('Auth');
+   * ```
+   * 
+   * @param {string} name cookie name.
+   * {--end--}
    */
   async seeCookie(name) {
     return this.browser.manage().getCookie(name).then(res => truth(`cookie ${name}`, 'to be set').assert(res));
@@ -1431,8 +1531,13 @@ I.seeCookie('Auth');
 
   /**
    * Checks that cookie with given name does not exist.
-
-@param name cookie name.
+   * 
+   * ```js
+   * I.dontSeeCookie('auth'); // no auth cookie
+   * ```
+   * 
+   * @param {string} name cookie name.
+   * {--end--}
    */
   async dontSeeCookie(name) {
     return this.browser.manage().getCookie(name).then(res => truth(`cookie ${name}`, 'to be set').negate(res));
@@ -1440,19 +1545,22 @@ I.seeCookie('Auth');
 
   /**
    * Gets a cookie object by name.
-If none provided gets all cookies.
-* Resumes test execution, so **should be used inside async with `await`** operator.
-
-```js
-let cookie = await I.grabCookie('auth');
-assert(cookie.value, '123456');
-```
-
-@param name (optional) cookie name.
+   * If none provided gets all cookies.
+   * * Resumes test execution, so **should be used inside async with `await`** operator.
+   * 
+   * ```js
+   * let cookie = await I.grabCookie('auth');
+   * assert(cookie.value, '123456');
+   * ```
+   * 
+   * @param [name=null] cookie name.
+   * @returns {Promise<string>} attribute value
+   * {--end--}
    *
    * 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);
   }
 
@@ -1510,10 +1618,11 @@ assert(cookie.value, '123456');
 
   /**
    * Resize the current window to provided width and height.
-First parameter can be set to `maximize`.
-
-@param width width in pixels or `maximize`.
-@param height height in pixels.
+   * First parameter can be set to `maximize`.
+   * 
+   * @param {number} width width in pixels or `maximize`.
+   * @param {number} height height in pixels.
+   * {--end--}
    */
   async resizeWindow(width, height) {
     if (width === 'maximize') {
@@ -1525,13 +1634,14 @@ First parameter can be set to `maximize`.
 
   /**
    * Drag an item to a destination element.
-
-```js
-I.dragAndDrop('#dragHandle', '#container');
-```
-
-@param srcElement located by CSS|XPath|strict locator.
-@param destElement located by CSS|XPath|strict locator.
+   * 
+   * ```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.
+   * {--end--}
    */
   async dragAndDrop(srcElement, destElement) {
     const srcEl = await this._locate(srcElement, true);
@@ -1651,10 +1761,13 @@ I.dragAndDrop('#dragHandle', '#container');
 
   /**
    * Grab number of open tabs.
-
-```js
-I.grabNumberOfOpenTabs();
-```
+   * 
+   * ```js
+   * let tabs = await I.grabNumberOfOpenTabs();
+   * ```
+   * 
+   * @returns {Promise<number>} number of open tabs
+   * {--end--}
    */
   async grabNumberOfOpenTabs() {
     const pages = await this.browser.getAllWindowHandles();
@@ -1663,8 +1776,14 @@ I.grabNumberOfOpenTabs();
 
   /**
    * Switches frame or in case of null locator reverts to parent.
-
-@param locator element located by CSS|XPath|strict locator.
+   * 
+   * ```js
+   * I.switchTo('iframe'); // switch to first iframe
+   * I.switchTo(); // switch back to main page
+   * ```
+   * 
+   * @param {string|object} locator (optional, `null` by default) element located by CSS|XPath|strict locator.
+   * {--end--}
    */
   async switchTo(locator) {
     if (Number.isInteger(locator)) {
@@ -1680,13 +1799,13 @@ I.grabNumberOfOpenTabs();
 
   /**
    * Pauses execution for a number of seconds.
-
-```js
-I.wait(2); // wait 2 secs
-```
-
-@param sec number of second to wait.
-@param sec time in seconds to wait.
+   * 
+   * ```js
+   * I.wait(2); // wait 2 secs
+   * ```
+   * 
+   * @param {number} sec number of second to wait.
+   * {--end--}
    */
   wait(sec) {
     return this.browser.sleep(sec * 1000);
@@ -1695,15 +1814,16 @@ I.wait(2); // wait 2 secs
 
   /**
    * 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 locator element located by CSS|XPath|strict locator.
-@param sec (optional) time in seconds to wait, 1 by default.
+   * 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
+   * {--end--}
    */
   async waitForElement(locator, sec = null) {
     const aSec = sec || this.options.waitForTimeout;
@@ -1720,14 +1840,15 @@ I.waitForElement('.btn.continue', 5); // wait for 5 secs
 
   /**
    * 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.
-
-```
-I.waitForDetached('#popup');
-```
-
-@param locator element located by CSS|XPath|strict locator.
-@param sec (optional) time in seconds to wait, 1 by default.
+   * 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 (optional, `1` by default) time in seconds to wait
+   * {--end--}
    */
   async waitForDetached(locator, sec = null) {
     const aSec = sec || this.options.waitForTimeout;
@@ -1754,14 +1875,15 @@ I.waitForDetached('#popup');
 
   /**
    * Waits for an element to become visible on a page (by default waits for 1sec).
-Element can be located by CSS or XPath.
-
-```
-I.waitForVisible('#popup');
-```
-
-@param locator element located by CSS|XPath|strict locator.
-@param sec (optional) time in seconds to wait, 1 by default.
+   * 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 (optional, `1` by default) time in seconds to wait
+   * {--end--}
    */
   async waitForVisible(locator, sec = null) {
     const aSec = sec || this.options.waitForTimeout;
@@ -1771,14 +1893,15 @@ I.waitForVisible('#popup');
 
   /**
    * Waits for an element to hide (by default waits for 1sec).
-Element can be located by CSS or XPath.
-
-```
-I.waitToHide('#popup');
-```
-
-@param locator element located by CSS|XPath|strict locator.
-@param sec (optional) time in seconds to wait, 1 by default.
+   * 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 (optional, `1` by default) time in seconds to wait
+   * {--end--}
    */
   async waitToHide(locator, sec = null) {
     return this.waitForInvisible(locator, sec);
@@ -1786,14 +1909,15 @@ I.waitToHide('#popup');
 
   /**
    * 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.
-
-```
-I.waitForInvisible('#popup');
-```
-
-@param locator element located by CSS|XPath|strict locator.
-@param sec (optional) time in seconds to wait, 1 by default.
+   * 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 (optional, `1` by default) time in seconds to wait
+   * {--end--}
    */
   async waitForInvisible(locator, sec = null) {
     const aSec = sec || this.options.waitForTimeout;
@@ -1810,14 +1934,15 @@ I.waitForInvisible('#popup');
 
   /**
    * Waits for a specified number of elements on the page.
-
-```js
-I.waitNumberOfVisibleElements('a', 3);
-```
-
-@param locator element located by CSS|XPath|strict locator.
-@param num number of elements.
-@param sec (optional) time in seconds to wait.
+   * 
+   * ```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 (optional, `1` by default) time in seconds to wait
+   * {--end--}
    */
   async waitNumberOfVisibleElements(locator, num, sec = null) {
     function visibilityCountOf(loc, expectedCount) {
@@ -1840,10 +1965,11 @@ I.waitNumberOfVisibleElements('a', 3);
 
   /**
    * Waits for element to become enabled (by default waits for 1sec).
-Element can be located by CSS or XPath.
-
-@param locator element located by CSS|XPath|strict locator.
-@param sec (optional) time in seconds to wait, 1 by default.
+   * Element can be located by CSS or XPath.
+   * 
+   * @param {string|object} locator element located by CSS|XPath|strict locator.
+   * @param sec (optional) time in seconds to wait, 1 by default.
+   * {--end--}
    */
   async waitForEnabled(locator, sec = null) {
     const aSec = sec || this.options.waitForTimeout;
@@ -1857,14 +1983,15 @@ Element can be located by CSS or XPath.
 
   /**
    * Waits for the specified value to be in value attribute.
-
-```js
-I.waitForValue('//input', "GoodValue");
-```
-
-@param field input field.
-@param value expected value.
-@param sec (optional) time in seconds to wait, 1 sec by default.
+   * 
+   * ```js
+   * I.waitForValue('//input', "GoodValue");
+   * ```
+   * 
+   * @param {string|object} field input field.
+   * @param {string }value expected value.
+   * @param {number} sec (optional, `1` by default) time in seconds to wait
+   * {--end--}
    */
   async waitForValue(field, value, sec = null) {
     const aSec = sec || this.options.waitForTimeout;
@@ -1889,21 +2016,22 @@ I.waitForValue('//input', "GoodValue");
 
   /**
    * 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 fn to be executed in browser context.
-@param argsOrSec (optional) arguments for function or seconds.
-@param sec (optional) time in seconds to wait, 1 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 {array|number} argsOrSec (optional, `1` by default) arguments for function or seconds.
+   * @param {number} sec (optional, `1` by default) time in seconds to wait
+   * {--end--}
    */
   async waitForFunction(fn, argsOrSec = null, sec = null) {
     let args = [];
@@ -1921,15 +2049,16 @@ I.waitForFunction((count) => window.requests == count, [3], 5) // pass args and
 
   /**
    * Waits for a function to return true (waits for 1sec by default).
-
-```js
-I.waitUntil(() => window.requests == 0);
-I.waitUntil(() => window.requests == 0, 5);
-```
-
-@param fn function which is executed in browser context.
-@param sec (optional) time in seconds to wait, 1 by default.
-@param timeoutMsg (optional) message to show in case of timeout fail.
+   * 
+   * ```js
+   * I.waitUntil(() => window.requests == 0);
+   * I.waitUntil(() => window.requests == 0, 5);
+   * ```
+   * 
+   * @param {function|string} fn function which is executed in browser context.
+   * @param {number} sec (optional, `1` by default) time in seconds to wait
+   * @param {string} [timeoutMsg=''] message to show in case of timeout fail.
+   * {--end--}
    */
   async waitUntil(fn, sec = null, timeoutMsg = null) {
     const aSec = sec || this.options.waitForTimeout;
@@ -1938,13 +2067,14 @@ I.waitUntil(() => window.requests == 0, 5);
 
   /**
    * 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 urlPart value to check.
-@param sec (optional) time in seconds to wait.
+   * 
+   * ```js
+   * I.waitInUrl('/info', 2);
+   * ```
+   * 
+   * @param {string} urlPart value to check.
+   * @param {number} sec (optional, `1` by default) time in seconds to wait
+   * {--end--}
    */
   async waitInUrl(urlPart, sec = null) {
     const aSec = sec || this.options.waitForTimeout;
@@ -1963,14 +2093,15 @@ I.waitInUrl('/info', 2);
 
   /**
    * Waits for the entire URL to match the expected
-
-```js
-I.waitUrlEquals('/info', 2);
-I.waitUrlEquals('http://127.0.0.1:8000/info');
-```
-
-@param urlPart value to check.
-@param sec (optional) time in seconds to wait.
+   * 
+   * ```js
+   * I.waitUrlEquals('/info', 2);
+   * I.waitUrlEquals('http://127.0.0.1:8000/info');
+   * ```
+   * 
+   * @param {string} urlPart value to check.
+   * @param {number} sec (optional, `1` by default) time in seconds to wait
+   * {--end--}
    */
   async waitUrlEquals(urlPart, sec = null) {
     const aSec = sec || this.options.waitForTimeout;
@@ -1993,17 +2124,18 @@ I.waitUrlEquals('http://127.0.0.1:8000/info');
 
   /**
    * 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 text to wait for.
-@param sec (optional) time in seconds to wait.
-@param context (optional) element located by CSS|XPath|strict locator.
+   * 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 (optional, `1` by default) time in seconds to wait
+   * @param {string|object} context (optional) element located by CSS|XPath|strict locator.
+   * {--end--}
    */
   async waitForText(text, sec = null, context = null) {
     if (!context) {
@@ -2026,11 +2158,11 @@ I.waitForText('Thank you, form has been submitted', 5, '#modal');
 
   /**
    * Reload the current page.
-
-```js
-I.refreshPage();
-```
-
+   * 
+   * ```js
+   * I.refreshPage();
+   * ```
+   * {--end--}
    */
   refreshPage() {
     return this.browser.refresh();
@@ -2046,16 +2178,17 @@ I.refreshPage();
 
   /**
    * 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 locator located by CSS|XPath|strict locator.
-@param offsetX (optional) X-axis offset.
-@param offsetY (optional) Y-axis offset.
+   * 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 (optional, `0` by default) X-axis offset.
+   * @param {number} offsetY (optional, `0` by default) Y-axis offset.
+   * {--end--}
    */
   async scrollTo(locator, offsetX = 0, offsetY = 0) {
     if (typeof locator === 'number' && typeof offsetX === 'number') {
@@ -2083,10 +2216,11 @@ I.scrollTo('#submit', 5, 5);
 
   /**
    * Scroll page to the top.
-
-```js
-I.scrollPageToTop();
-```
+   * 
+   * ```js
+   * I.scrollPageToTop();
+   * ```
+   * {--end--}
    */
   async scrollPageToTop() {
     return this.executeScript('window.scrollTo(0, 0);');
@@ -2094,10 +2228,11 @@ I.scrollPageToTop();
 
   /**
    * Scroll page to the bottom.
-
-```js
-I.scrollPageToBottom();
-```
+   * 
+   * ```js
+   * I.scrollPageToBottom();
+   * ```
+   * {--end--}
    */
   async scrollPageToBottom() {
     /* eslint-disable prefer-arrow-callback, comma-dangle */
@@ -2114,11 +2249,14 @@ I.scrollPageToBottom();
 
   /**
    * 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();
-```
+   * Resumes test execution, so **should be used inside an async function with `await`** operator.
+   * 
+   * ```js
+   * let { x, y } = await I.grabPageScrollPosition();
+   * ```
+   * 
+   * @returns {Promise<object>} scroll position
+   * {--end--}
    */
   async grabPageScrollPosition() {
     /* eslint-disable comma-dangle */
@@ -2162,12 +2300,13 @@ let { x, y } = await I.grabPageScrollPosition();
 
   /**
    * Sets a cookie.
-
-```js
-I.setCookie({name: 'auth', value: true});
-```
-
-@param cookie cookie JSON object.
+   * 
+   * ```js
+   * I.setCookie({name: 'auth', value: true});
+   * ```
+   * 
+   * @param {object} cookie a cookie object.
+   * {--end--}
    */
   setCookie(cookie) {
     return this.browser.manage().addCookie(cookie);