diff --git a/docs/helpers/Playwright.md b/docs/helpers/Playwright.md
index eb9acba61..3ca755434 100644
--- a/docs/helpers/Playwright.md
+++ b/docs/helpers/Playwright.md
@@ -39,46 +39,47 @@ Using playwright-core package, will prevent the download of browser binaries and
 
 This helper should be configured in codecept.conf.(js|ts)
 
-Type: [object][5]
+Type: [object][6]
 
 ### Properties
 
--   `url` **[string][8]?** base url of website to be tested
+-   `url` **[string][9]?** base url of website to be tested
 -   `browser` **(`"chromium"` | `"firefox"` | `"webkit"` | `"electron"`)?** a browser to test on, either: `chromium`, `firefox`, `webkit`, `electron`. Default: chromium.
--   `show` **[boolean][25]?** show browser window.
--   `restart` **([string][8] | [boolean][25])?** restart strategy between tests. Possible values:-   'context' or **false** - restarts [browser context][43] but keeps running browser. Recommended by Playwright team to keep tests isolated.
+-   `show` **[boolean][26]?** show browser window.
+-   `restart` **([string][9] | [boolean][26])?** restart strategy between tests. Possible values:-   'context' or **false** - restarts [browser context][44] 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
--   `timeout` **[number][19]?** -   [timeout][44] in ms of all Playwright actions .
--   `disableScreenshots` **[boolean][25]?** don't save screenshot on failure.
+-   `timeout` **[number][20]?** -   [timeout][45] in ms of all Playwright actions .
+-   `disableScreenshots` **[boolean][26]?** don't save screenshot on failure.
 -   `emulate` **any?** browser in device emulation mode.
--   `video` **[boolean][25]?** enables video recording for failed tests; videos are saved into `output/videos` folder
--   `keepVideoForPassedTests` **[boolean][25]?** save videos for passed tests; videos are saved into `output/videos` folder
--   `trace` **[boolean][25]?** record [tracing information][45] with screenshots and snapshots.
--   `keepTraceForPassedTests` **[boolean][25]?** save trace for passed tests.
--   `fullPageScreenshots` **[boolean][25]?** make full page screenshots on failure.
--   `uniqueScreenshotNames` **[boolean][25]?** option to prevent screenshot override if you have scenarios with the same name in different suites.
--   `keepBrowserState` **[boolean][25]?** keep browser state between tests when `restart` is set to 'session'.
--   `keepCookies` **[boolean][25]?** keep cookies between tests when `restart` is set to 'session'.
--   `waitForAction` **[number][19]?** how long to wait after click, doubleClick or PressKey actions in ms. Default: 100.
--   `waitForNavigation` **(`"load"` | `"domcontentloaded"` | `"commit"`)?** When to consider navigation succeeded. Possible options: `load`, `domcontentloaded`, `commit`. Choose one of those options is possible. See [Playwright API][41].
--   `pressKeyDelay` **[number][19]?** Delay between key presses in ms. Used when calling Playwrights page.type(...) in fillField/appendField
--   `getPageTimeout` **[number][19]?** config option to set maximum navigation time in milliseconds.
--   `waitForTimeout` **[number][19]?** default wait* timeout in ms. Default: 1000.
--   `basicAuth` **[object][5]?** the basic authentication to pass to base url. Example: {username: 'username', password: 'password'}
--   `windowSize` **[string][8]?** default window size. Set a dimension like `640x480`.
+-   `video` **[boolean][26]?** enables video recording for failed tests; videos are saved into `output/videos` folder
+-   `keepVideoForPassedTests` **[boolean][26]?** save videos for passed tests; videos are saved into `output/videos` folder
+-   `trace` **[boolean][26]?** record [tracing information][46] with screenshots and snapshots.
+-   `keepTraceForPassedTests` **[boolean][26]?** save trace for passed tests.
+-   `fullPageScreenshots` **[boolean][26]?** make full page screenshots on failure.
+-   `uniqueScreenshotNames` **[boolean][26]?** option to prevent screenshot override if you have scenarios with the same name in different suites.
+-   `keepBrowserState` **[boolean][26]?** keep browser state between tests when `restart` is set to 'session'.
+-   `keepCookies` **[boolean][26]?** keep cookies between tests when `restart` is set to 'session'.
+-   `waitForAction` **[number][20]?** how long to wait after click, doubleClick or PressKey actions in ms. Default: 100.
+-   `waitForNavigation` **(`"load"` | `"domcontentloaded"` | `"commit"`)?** When to consider navigation succeeded. Possible options: `load`, `domcontentloaded`, `commit`. Choose one of those options is possible. See [Playwright API][42].
+-   `pressKeyDelay` **[number][20]?** Delay between key presses in ms. Used when calling Playwrights page.type(...) in fillField/appendField
+-   `getPageTimeout` **[number][20]?** config option to set maximum navigation time in milliseconds.
+-   `waitForTimeout` **[number][20]?** default wait* timeout in ms. Default: 1000.
+-   `basicAuth` **[object][6]?** the basic authentication to pass to base url. Example: {username: 'username', password: 'password'}
+-   `windowSize` **[string][9]?** default window size. Set a dimension like `640x480`.
 -   `colorScheme` **(`"dark"` | `"light"` | `"no-preference"`)?** default color scheme. Possible values: `dark` | `light` | `no-preference`.
--   `userAgent` **[string][8]?** user-agent string.
--   `locale` **[string][8]?** locale string. Example: 'en-GB', 'de-DE', 'fr-FR', ...
--   `manualStart` **[boolean][25]?** do not start browser before a test, start it manually inside a helper with `this.helpers["Playwright"]._startBrowser()`.
--   `chromium` **[object][5]?** pass additional chromium options
--   `firefox` **[object][5]?** pass additional firefox options
--   `electron` **[object][5]?** (pass additional electron options
--   `channel` **any?** (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][46].
--   `ignoreLog` **[Array][9]<[string][8]>?** 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][47].
--   `ignoreHTTPSErrors` **[boolean][25]?** Allows access to untrustworthy pages, e.g. to a page with an expired certificate. Default value is `false`
--   `bypassCSP` **[boolean][25]?** bypass Content Security Policy or CSP
--   `highlightElement` **[boolean][25]?** highlight the interacting elements. Default: false. Note: only activate under verbose mode (--verbose).
+-   `userAgent` **[string][9]?** user-agent string.
+-   `locale` **[string][9]?** locale string. Example: 'en-GB', 'de-DE', 'fr-FR', ...
+-   `manualStart` **[boolean][26]?** do not start browser before a test, start it manually inside a helper with `this.helpers["Playwright"]._startBrowser()`.
+-   `chromium` **[object][6]?** pass additional chromium options
+-   `firefox` **[object][6]?** pass additional firefox options
+-   `electron` **[object][6]?** (pass additional electron options
+-   `channel` **any?** (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][47].
+-   `ignoreLog` **[Array][10]<[string][9]>?** 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][48].
+-   `ignoreHTTPSErrors` **[boolean][26]?** Allows access to untrustworthy pages, e.g. to a page with an expired certificate. Default value is `false`
+-   `bypassCSP` **[boolean][26]?** bypass Content Security Policy or CSP
+-   `highlightElement` **[boolean][26]?** highlight the interacting elements. Default: false. Note: only activate under verbose mode (--verbose).
+-   `recordHar` **[object][6]?** record HAR and will be saved to `output/har`. See more of [HAR options][3].
 
 
 
@@ -99,6 +100,19 @@ 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][3].
+
+    ...
+    recordHar: {
+        mode: 'minimal', // possible values: 'minimal'|'full'.
+        content: 'embed' // possible values:  "omit"|"embed"|"attach".
+    }
+    ...
+
 #### Example #1: Wait for 0 network connections.
 
 ```js
@@ -142,7 +156,7 @@ Traces will be saved to `output/trace`
 }
 ```
 
-#### Example #4: Connect to remote browser by specifying [websocket endpoint][3]
+#### Example #4: Connect to remote browser by specifying [websocket endpoint][4]
 
 ```js
 {
@@ -160,7 +174,7 @@ Traces will be saved to `output/trace`
 
 #### Example #5: Testing with Chromium extensions
 
-[official docs][4]
+[official docs][5]
 
 ```js
 {
@@ -283,7 +297,7 @@ Usually it should be run from a custom helper after call of `_startBrowser()`
 
 #### Parameters
 
--   `contextOptions` **[object][5]?** See [https://playwright.dev/docs/api/class-browser#browser-new-context][6]
+-   `contextOptions` **[object][6]?** See [https://playwright.dev/docs/api/class-browser#browser-new-context][7]
 
 ### _getPageUrl
 
@@ -359,13 +373,13 @@ Set current page
 
 #### Parameters
 
--   `page` **[object][5]** page to set
+-   `page` **[object][6]** page to set
 
 ### acceptPopup
 
 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][7].
+libraries][8].
 
 ### amAcceptingPopups
 
@@ -402,7 +416,7 @@ I.amOnPage('/login'); // opens a login page
 
 #### Parameters
 
--   `url` **[string][8]** url path or global url.
+-   `url` **[string][9]** url path or global url.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -419,8 +433,8 @@ I.appendField('password', secret('123456'));
 
 #### Parameters
 
--   `field` **([string][8] | [object][5])** located by label|name|CSS|XPath|strict locator
--   `value` **[string][8]** text value to append.
+-   `field` **([string][9] | [object][6])** located by label|name|CSS|XPath|strict locator
+-   `value` **[string][9]** text value to append.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -437,8 +451,8 @@ I.attachFile('form input[name=avatar]', 'data/avatar.jpg');
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** field located by label|name|CSS|XPath|strict locator.
--   `pathToFile` **[string][8]** local file path relative to codecept.conf.ts or codecept.conf.js config file.
+-   `locator` **([string][9] | [object][6])** field located by label|name|CSS|XPath|strict locator.
+-   `pathToFile` **[string][9]** local file path relative to codecept.conf.ts or codecept.conf.js config file.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -461,12 +475,12 @@ I.blockTraffic(['http://example.com/css/style.css', 'http://example.com/css/*.cs
 
 #### Parameters
 
--   `urls` **([string][8] | [Array][9] | [RegExp][10])** URL or a list of URLs to block . URL can contain * for wildcards. Example: [https://www.example.com**][11] to block all traffic for that domain. Regexp are also supported.
+-   `urls` **([string][9] | [Array][10] | [RegExp][11])** URL or a list of URLs to block . URL can contain * for wildcards. Example: [https://www.example.com**][12] to block all traffic for that domain. Regexp are also supported.
 
 ### blur
 
 Remove focus from a text input, button, etc.
-Calls [blur][12] on the element.
+Calls [blur][13] on the element.
 
 Examples:
 
@@ -483,8 +497,8 @@ I.dontSee('#add-to-cart-btn');
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** field located by label|name|CSS|XPath|strict locator.
--   `options` **any?** Playwright only: [Additional options][13] for available options object as 2nd argument. 
+-   `locator` **([string][9] | [object][6])** field located by label|name|CSS|XPath|strict locator.
+-   `options` **any?** Playwright only: [Additional options][14] for available options object as 2nd argument. 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -507,11 +521,11 @@ I.checkOption('agree', '//form');
 
 #### Parameters
 
--   `field` **([string][8] | [object][5])** checkbox located by label | name | CSS | XPath | strict locator.
--   `context` **([string][8]? | [object][5])** (optional, `null` by default) element located by CSS | XPath | strict locator. 
+-   `field` **([string][9] | [object][6])** checkbox located by label | name | CSS | XPath | strict locator.
+-   `context` **([string][9]? | [object][6])** (optional, `null` by default) element located by CSS | XPath | strict locator. 
 -   `options`   
 
-Returns **void** automatically synchronized promise through #recorder[Additional options][14] for check available as 3rd argument.Examples:```js
+Returns **void** automatically synchronized promise through #recorder[Additional options][15] 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
@@ -528,7 +542,7 @@ I.clearCookie('test'); // Playwright currently doesn't support clear a particula
 
 #### Parameters
 
--   `cookie` **[string][8]?** (optional, `null` by default) cookie name 
+-   `cookie` **[string][9]?** (optional, `null` by default) cookie name 
 
 ### clearField
 
@@ -543,12 +557,12 @@ I.clearField('.text-area')
 I.clearField('#submit', { force: true })
 ```
 
-Use `force` to bypass the [actionability][15] checks.
+Use `force` to bypass the [actionability][16] checks.
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** field located by label|name|CSS|XPath|strict locator.
--   `options` **any?** [Additional options][16] for available options object as 2nd argument. 
+-   `locator` **([string][9] | [object][6])** field located by label|name|CSS|XPath|strict locator.
+-   `options` **any?** [Additional options][17] for available options object as 2nd argument. 
 
 ### click
 
@@ -576,9 +590,9 @@ I.click({css: 'nav a.login'});
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** clickable link or button located by text, or any element located by CSS|XPath|strict locator.
--   `context` **([string][8]? | [object][5] | null)** (optional, `null` by default) element to search in CSS|XPath|Strict locator. 
--   `options` **any?** [Additional options][17] for click available as 3rd argument.Examples:```js
+-   `locator` **([string][9] | [object][6])** clickable link or button located by text, or any element located by CSS|XPath|strict locator.
+-   `context` **([string][9]? | [object][6] | null)** (optional, `null` by default) element to search in CSS|XPath|Strict locator. 
+-   `options` **any?** [Additional options][18] for click available as 3rd argument.Examples:```js
     // click on element at position
     I.click('canvas', '.model', { position: { x: 20, y: 40 } })
 
@@ -625,8 +639,8 @@ I.dontSee('Login', '.nav'); // no login inside .nav element
 
 #### Parameters
 
--   `text` **[string][8]** which is not present.
--   `context` **([string][8] | [object][5])?** (optional) element located by CSS|XPath|strict locator in which to perfrom search. 
+-   `text` **[string][9]** which is not present.
+-   `context` **([string][9] | [object][6])?** (optional) element located by CSS|XPath|strict locator in which to perfrom search. 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -642,7 +656,7 @@ I.dontSeeCheckboxIsChecked('agree'); // located by name
 
 #### Parameters
 
--   `field` **([string][8] | [object][5])** located by label|name|CSS|XPath|strict locator.
+-   `field` **([string][9] | [object][6])** located by label|name|CSS|XPath|strict locator.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -656,7 +670,7 @@ I.dontSeeCookie('auth'); // no auth cookie
 
 #### Parameters
 
--   `name` **[string][8]** cookie name.
+-   `name` **[string][9]** cookie name.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -672,7 +686,7 @@ I.dontSeeCurrentUrlEquals('http://mysite.com/login'); // absolute urls are also
 
 #### Parameters
 
--   `url` **[string][8]** value to check.
+-   `url` **[string][9]** value to check.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -686,7 +700,7 @@ I.dontSeeElement('.modal'); // modal is not shown
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** located by CSS|XPath|Strict locator.
+-   `locator` **([string][9] | [object][6])** located by CSS|XPath|Strict locator.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -700,7 +714,7 @@ I.dontSeeElementInDOM('.nav'); // checks that element is not on page visible or
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** located by CSS|XPath|Strict locator.
+-   `locator` **([string][9] | [object][6])** located by CSS|XPath|Strict locator.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -710,7 +724,7 @@ Checks that current url does not contain a provided fragment.
 
 #### Parameters
 
--   `url` **[string][8]** value to check.
+-   `url` **[string][9]** value to check.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -726,8 +740,8 @@ I.dontSeeInField({ css: 'form input.email' }, 'user@user.com'); // field by CSS
 
 #### Parameters
 
--   `field` **([string][8] | [object][5])** located by label|name|CSS|XPath|strict locator.
--   `value` **([string][8] | [object][5])** value to check.
+-   `field` **([string][9] | [object][6])** located by label|name|CSS|XPath|strict locator.
+-   `value` **([string][9] | [object][6])** value to check.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -742,7 +756,7 @@ I.dontSeeInSource('<!--'); // no comments in source
 #### Parameters
 
 -   `text`  
--   `value` **[string][8]** to check.
+-   `value` **[string][9]** to check.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -756,7 +770,7 @@ I.dontSeeInTitle('Error');
 
 #### Parameters
 
--   `text` **[string][8]** value to check.
+-   `text` **[string][9]** value to check.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -773,9 +787,9 @@ I.dontSeeTraffic({ name: 'Unexpected API Call of "user" endpoint', url: /api.exa
 
 #### Parameters
 
--   `opts` **[Object][5]** options when checking the traffic network.
-    -   `opts.name` **[string][8]** A name of that request. Can be any value. Only relevant to have a more meaningful error message in case of fail.
-    -   `opts.url` **([string][8] | [RegExp][10])** Expected URL of request in network traffic. Can be a string or a regular expression.
+-   `opts` **[Object][6]** options when checking the traffic network.
+    -   `opts.name` **[string][9]** A name of that request. Can be any value. Only relevant to have a more meaningful error message in case of fail.
+    -   `opts.url` **([string][9] | [RegExp][11])** Expected URL of request in network traffic. Can be a string or a regular expression.
 
 ### doubleClick
 
@@ -791,8 +805,8 @@ I.doubleClick('.btn.edit');
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** clickable link or button located by text, or any element located by CSS|XPath|strict locator.
--   `context` **([string][8]? | [object][5])** (optional, `null` by default) element to search in CSS|XPath|Strict locator. 
+-   `locator` **([string][9] | [object][6])** clickable link or button located by text, or any element located by CSS|XPath|strict locator.
+-   `context` **([string][9]? | [object][6])** (optional, `null` by default) element to search in CSS|XPath|Strict locator. 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -806,9 +820,9 @@ I.dragAndDrop('#dragHandle', '#container');
 
 #### Parameters
 
--   `srcElement` **([string][8] | [object][5])** located by CSS|XPath|strict locator.
--   `destElement` **([string][8] | [object][5])** located by CSS|XPath|strict locator.
--   `options` **any?** [Additional options][18] can be passed as 3rd argument.```js
+-   `srcElement` **([string][9] | [object][6])** located by CSS|XPath|strict locator.
+-   `destElement` **([string][9] | [object][6])** located by CSS|XPath|strict locator.
+-   `options` **any?** [Additional options][19] can be passed as 3rd argument.```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`
@@ -827,8 +841,8 @@ I.dragSlider('#slider', -70);
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** located by label|name|CSS|XPath|strict locator.
--   `offsetX` **[number][19]** position to drag. 
+-   `locator` **([string][9] | [object][6])** located by label|name|CSS|XPath|strict locator.
+-   `offsetX` **[number][20]** position to drag. 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -857,10 +871,10 @@ If a function returns a Promise it will wait for its resolution.
 
 #### Parameters
 
--   `fn` **([string][8] | [function][20])** function to be executed in browser context.
+-   `fn` **([string][9] | [function][21])** function to be executed in browser context.
 -   `arg` **any?** optional argument to pass to the function
 
-Returns **[Promise][21]&lt;any>** 
+Returns **[Promise][22]&lt;any>** 
 
 ### fillField
 
@@ -880,8 +894,8 @@ I.fillField({css: 'form#login input[name=username]'}, 'John');
 
 #### Parameters
 
--   `field` **([string][8] | [object][5])** located by label|name|CSS|XPath|strict locator.
--   `value` **([string][8] | [object][5])** text value to fill.
+-   `field` **([string][9] | [object][6])** located by label|name|CSS|XPath|strict locator.
+-   `value` **([string][9] | [object][6])** text value to fill.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -895,7 +909,7 @@ Resets all recorded WS messages.
 
 ### focus
 
-Calls [focus][12] on the matching element.
+Calls [focus][13] on the matching element.
 
 Examples:
 
@@ -907,8 +921,8 @@ I.see('#add-to-cart-bnt');
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** field located by label|name|CSS|XPath|strict locator.
--   `options` **any?** Playwright only: [Additional options][22] for available options object as 2nd argument. 
+-   `locator` **([string][9] | [object][6])** field located by label|name|CSS|XPath|strict locator.
+-   `options` **any?** Playwright only: [Additional options][23] for available options object as 2nd argument. 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -941,8 +955,8 @@ I.forceClick({css: 'nav a.login'});
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** clickable link or button located by text, or any element located by CSS|XPath|strict locator.
--   `context` **([string][8]? | [object][5])** (optional, `null` by default) element to search in CSS|XPath|Strict locator. 
+-   `locator` **([string][9] | [object][6])** clickable link or button located by text, or any element located by CSS|XPath|strict locator.
+-   `context` **([string][9]? | [object][6])** (optional, `null` by default) element to search in CSS|XPath|Strict locator. 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -958,10 +972,10 @@ let hint = await I.grabAttributeFrom('#tooltip', 'title');
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** element located by CSS|XPath|strict locator.
--   `attr` **[string][8]** attribute name.
+-   `locator` **([string][9] | [object][6])** element located by CSS|XPath|strict locator.
+-   `attr` **[string][9]** attribute name.
 
-Returns **[Promise][21]&lt;[string][8]>** attribute value
+Returns **[Promise][22]&lt;[string][9]>** attribute value
 
 ### grabAttributeFromAll
 
@@ -974,10 +988,10 @@ let hints = await I.grabAttributeFromAll('.tooltip', 'title');
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** element located by CSS|XPath|strict locator.
--   `attr` **[string][8]** attribute name.
+-   `locator` **([string][9] | [object][6])** element located by CSS|XPath|strict locator.
+-   `attr` **[string][9]** attribute name.
 
-Returns **[Promise][21]&lt;[Array][9]&lt;[string][8]>>** attribute value
+Returns **[Promise][22]&lt;[Array][10]&lt;[string][9]>>** attribute value
 
 ### grabBrowserLogs
 
@@ -989,9 +1003,9 @@ const errors = logs.map(l => ({ type: l.type(), text: l.text() })).filter(l => l
 console.log(JSON.stringify(errors));
 ```
 
-[Learn more about console messages][23]
+[Learn more about console messages][24]
 
-Returns **[Promise][21]&lt;[Array][9]&lt;any>>** 
+Returns **[Promise][22]&lt;[Array][10]&lt;any>>** 
 
 ### grabCheckedElementStatus
 
@@ -999,10 +1013,10 @@ Return the checked status of given element.
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** element located by CSS|XPath|strict locator.
--   `options` **[object][5]?** See [https://playwright.dev/docs/api/class-locator#locator-is-checked][24] 
+-   `locator` **([string][9] | [object][6])** element located by CSS|XPath|strict locator.
+-   `options` **[object][6]?** See [https://playwright.dev/docs/api/class-locator#locator-is-checked][25] 
 
-Returns **[Promise][21]&lt;[boolean][25]>** 
+Returns **[Promise][22]&lt;[boolean][26]>** 
 
 ### grabCookie
 
@@ -1017,7 +1031,7 @@ assert(cookie.value, '123456');
 
 #### Parameters
 
--   `name` **[string][8]?** cookie name. 
+-   `name` **[string][9]?** cookie name. 
 
 Returns **any** attribute valueReturns cookie in JSON format. If name not passed returns all cookies for this domain.
 
@@ -1033,10 +1047,10 @@ const value = await I.grabCssPropertyFrom('h3', 'font-weight');
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** element located by CSS|XPath|strict locator.
--   `cssProperty` **[string][8]** CSS property name.
+-   `locator` **([string][9] | [object][6])** element located by CSS|XPath|strict locator.
+-   `cssProperty` **[string][9]** CSS property name.
 
-Returns **[Promise][21]&lt;[string][8]>** CSS value
+Returns **[Promise][22]&lt;[string][9]>** CSS value
 
 ### grabCssPropertyFromAll
 
@@ -1049,10 +1063,10 @@ const values = await I.grabCssPropertyFromAll('h3', 'font-weight');
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** element located by CSS|XPath|strict locator.
--   `cssProperty` **[string][8]** CSS property name.
+-   `locator` **([string][9] | [object][6])** element located by CSS|XPath|strict locator.
+-   `cssProperty` **[string][9]** CSS property name.
 
-Returns **[Promise][21]&lt;[Array][9]&lt;[string][8]>>** CSS value
+Returns **[Promise][22]&lt;[Array][10]&lt;[string][9]>>** CSS value
 
 ### grabCurrentUrl
 
@@ -1064,7 +1078,7 @@ let url = await I.grabCurrentUrl();
 console.log(`Current URL is [${url}]`);
 ```
 
-Returns **[Promise][21]&lt;[string][8]>** current URL
+Returns **[Promise][22]&lt;[string][9]>** current URL
 
 ### grabDataFromPerformanceTiming
 
@@ -1097,10 +1111,10 @@ Return the disabled status of given element.
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** element located by CSS|XPath|strict locator.
--   `options` **[object][5]?** See [https://playwright.dev/docs/api/class-locator#locator-is-disabled][26] 
+-   `locator` **([string][9] | [object][6])** element located by CSS|XPath|strict locator.
+-   `options` **[object][6]?** See [https://playwright.dev/docs/api/class-locator#locator-is-disabled][27] 
 
-Returns **[Promise][21]&lt;[boolean][25]>** 
+Returns **[Promise][22]&lt;[boolean][26]>** 
 
 ### grabElementBoundingRect
 
@@ -1124,11 +1138,11 @@ const width = await I.grabElementBoundingRect('h3', 'width');
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** element located by CSS|XPath|strict locator.
+-   `locator` **([string][9] | [object][6])** element located by CSS|XPath|strict locator.
 -   `prop`  
--   `elementSize` **[string][8]?** x, y, width or height of the given element.
+-   `elementSize` **[string][9]?** x, y, width or height of the given element.
 
-Returns **([Promise][21]&lt;DOMRect> | [Promise][21]&lt;[number][19]>)** Element bounding rectangle
+Returns **([Promise][22]&lt;DOMRect> | [Promise][22]&lt;[number][20]>)** Element bounding rectangle
 
 ### grabHTMLFrom
 
@@ -1143,9 +1157,9 @@ let postHTML = await I.grabHTMLFrom('#post');
 #### Parameters
 
 -   `locator`  
--   `element` **([string][8] | [object][5])** located by CSS|XPath|strict locator.
+-   `element` **([string][9] | [object][6])** located by CSS|XPath|strict locator.
 
-Returns **[Promise][21]&lt;[string][8]>** HTML code for an element
+Returns **[Promise][22]&lt;[string][9]>** HTML code for an element
 
 ### grabHTMLFromAll
 
@@ -1159,9 +1173,9 @@ let postHTMLs = await I.grabHTMLFromAll('.post');
 #### Parameters
 
 -   `locator`  
--   `element` **([string][8] | [object][5])** located by CSS|XPath|strict locator.
+-   `element` **([string][9] | [object][6])** located by CSS|XPath|strict locator.
 
-Returns **[Promise][21]&lt;[Array][9]&lt;[string][8]>>** HTML code for an element
+Returns **[Promise][22]&lt;[Array][10]&lt;[string][9]>>** HTML code for an element
 
 ### grabMetrics
 
@@ -1215,7 +1229,7 @@ const metrics = await I.grabMetrics();
 ]
 ```
 
-Returns **[Promise][21]&lt;[Array][9]&lt;[Object][5]>>** 
+Returns **[Promise][22]&lt;[Array][10]&lt;[Object][6]>>** 
 
 ### grabNumberOfOpenTabs
 
@@ -1226,7 +1240,7 @@ Resumes test execution, so **should be used inside async function with `await`**
 let tabs = await I.grabNumberOfOpenTabs();
 ```
 
-Returns **[Promise][21]&lt;[number][19]>** number of open tabs
+Returns **[Promise][22]&lt;[number][20]>** number of open tabs
 
 ### grabNumberOfVisibleElements
 
@@ -1239,9 +1253,9 @@ let numOfElements = await I.grabNumberOfVisibleElements('p');
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** located by CSS|XPath|strict locator.
+-   `locator` **([string][9] | [object][6])** located by CSS|XPath|strict locator.
 
-Returns **[Promise][21]&lt;[number][19]>** number of visible elements
+Returns **[Promise][22]&lt;[number][20]>** number of visible elements
 
 ### grabPageScrollPosition
 
@@ -1252,7 +1266,7 @@ Resumes test execution, so **should be used inside an async function with `await
 let { x, y } = await I.grabPageScrollPosition();
 ```
 
-Returns **[Promise][21]&lt;PageScrollPosition>** scroll position
+Returns **[Promise][22]&lt;PageScrollPosition>** scroll position
 
 ### grabPopupText
 
@@ -1262,7 +1276,7 @@ Grab the text within the popup. If no popup is visible then it will return null
 await I.grabPopupText();
 ```
 
-Returns **[Promise][21]&lt;([string][8] | null)>** 
+Returns **[Promise][22]&lt;([string][9] | null)>** 
 
 ### grabRecordedNetworkTraffics
 
@@ -1275,7 +1289,7 @@ expect(traffics[0].response.status).to.equal(200);
 expect(traffics[0].response.body).to.contain({ name: 'this was mocked' });
 ```
 
-Returns **[Promise][21]&lt;[Array][9]&lt;any>>** 
+Returns **[Promise][22]&lt;[Array][10]&lt;any>>** 
 
 ### grabSource
 
@@ -1286,7 +1300,7 @@ Resumes test execution, so **should be used inside async function with `await`**
 let pageSource = await I.grabSource();
 ```
 
-Returns **[Promise][21]&lt;[string][8]>** source code
+Returns **[Promise][22]&lt;[string][9]>** source code
 
 ### grabTextFrom
 
@@ -1301,9 +1315,9 @@ If multiple elements found returns first element.
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** element located by CSS|XPath|strict locator.
+-   `locator` **([string][9] | [object][6])** element located by CSS|XPath|strict locator.
 
-Returns **[Promise][21]&lt;[string][8]>** attribute value
+Returns **[Promise][22]&lt;[string][9]>** attribute value
 
 ### grabTextFromAll
 
@@ -1316,9 +1330,9 @@ let pins = await I.grabTextFromAll('#pin li');
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** element located by CSS|XPath|strict locator.
+-   `locator` **([string][9] | [object][6])** element located by CSS|XPath|strict locator.
 
-Returns **[Promise][21]&lt;[Array][9]&lt;[string][8]>>** attribute value
+Returns **[Promise][22]&lt;[Array][10]&lt;[string][9]>>** attribute value
 
 ### grabTitle
 
@@ -1329,7 +1343,7 @@ Resumes test execution, so **should be used inside async with `await`** operator
 let title = await I.grabTitle();
 ```
 
-Returns **[Promise][21]&lt;[string][8]>** title
+Returns **[Promise][22]&lt;[string][9]>** title
 
 ### grabTrafficUrl
 
@@ -1337,12 +1351,12 @@ Returns full URL of request matching parameter "urlMatch".
 
 #### Parameters
 
--   `urlMatch` **([string][8] | [RegExp][10])** Expected URL of request in network traffic. Can be a string or a regular expression.Examples:```js
+-   `urlMatch` **([string][9] | [RegExp][11])** 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/);
     ```
 
-Returns **[Promise][21]&lt;any>** 
+Returns **[Promise][22]&lt;any>** 
 
 ### grabValueFrom
 
@@ -1356,9 +1370,9 @@ let email = await I.grabValueFrom('input[name=email]');
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** field located by label|name|CSS|XPath|strict locator.
+-   `locator` **([string][9] | [object][6])** field located by label|name|CSS|XPath|strict locator.
 
-Returns **[Promise][21]&lt;[string][8]>** attribute value
+Returns **[Promise][22]&lt;[string][9]>** attribute value
 
 ### grabValueFromAll
 
@@ -1371,22 +1385,22 @@ let inputs = await I.grabValueFromAll('//form/input');
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** field located by label|name|CSS|XPath|strict locator.
+-   `locator` **([string][9] | [object][6])** field located by label|name|CSS|XPath|strict locator.
 
-Returns **[Promise][21]&lt;[Array][9]&lt;[string][8]>>** attribute value
+Returns **[Promise][22]&lt;[Array][10]&lt;[string][9]>>** attribute value
 
 ### grabWebSocketMessages
 
 Grab the recording WS messages
 
-Returns **[Array][9]&lt;any>** 
+Returns **[Array][10]&lt;any>** 
 
 ### handleDownloads
 
 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][27] to check that file were downloaded correctly.
+Should be used with [FileSystem helper][28] to check that file were downloaded correctly.
 
 ```js
 I.handleDownloads('downloads/avatar.jpg');
@@ -1397,13 +1411,13 @@ I.waitForFile('avatar.jpg', 5);
 
 #### Parameters
 
--   `fileName` **[string][8]** set filename for downloaded file
+-   `fileName` **[string][9]** set filename for downloaded file
 
-Returns **[Promise][21]&lt;void>** 
+Returns **[Promise][22]&lt;void>** 
 
 ### makeApiRequest
 
-Performs [api request][28] using
+Performs [api request][29] using
 the cookies from the current browser session.
 
 ```js
@@ -1416,26 +1430,26 @@ I.makeApiRequest('PATCH', )
 
 #### Parameters
 
--   `method` **[string][8]** HTTP method
--   `url` **[string][8]** endpoint
--   `options` **[object][5]** request options depending on method used
+-   `method` **[string][9]** HTTP method
+-   `url` **[string][9]** endpoint
+-   `options` **[object][6]** request options depending on method used
 
-Returns **[Promise][21]&lt;[object][5]>** response
+Returns **[Promise][22]&lt;[object][6]>** response
 
 ### mockRoute
 
-Mocks network request using [`browserContext.route`][29] of Playwright
+Mocks network request using [`browserContext.route`][30] of Playwright
 
 ```js
 I.mockRoute(/(.png$)|(.jpg$)/, route => route.abort());
 ```
 
-This method allows intercepting and mocking requests & responses. [Learn more about it][30]
+This method allows intercepting and mocking requests & responses. [Learn more about it][31]
 
 #### Parameters
 
--   `url` **([string][8] | [RegExp][10])?** URL, regex or pattern for to match URL
--   `handler` **[function][20]?** a function to process reques
+-   `url` **([string][9] | [RegExp][11])?** URL, regex or pattern for to match URL
+-   `handler` **[function][21]?** a function to process reques
 
 ### mockTraffic
 
@@ -1468,9 +1482,9 @@ I.moveCursorTo('#submit', 5,5);
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** located by CSS|XPath|strict locator.
--   `offsetX` **[number][19]** (optional, `0` by default) X-axis offset. 
--   `offsetY` **[number][19]** (optional, `0` by default) Y-axis offset. 
+-   `locator` **([string][9] | [object][6])** located by CSS|XPath|strict locator.
+-   `offsetX` **[number][20]** (optional, `0` by default) X-axis offset. 
+-   `offsetY` **[number][20]** (optional, `0` by default) Y-axis offset. 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -1482,7 +1496,7 @@ Open new tab and automatically switched to new tab
 I.openNewTab();
 ```
 
-You can pass in [page options][31] to emulate device on this page
+You can pass in [page options][32] to emulate device on this page
 
 ```js
 // enable mobile
@@ -1497,7 +1511,7 @@ I.openNewTab({ isMobile: true });
 
 Presses a key in the browser (on a focused element).
 
-_Hint:_ For populating text field or textarea, it is recommended to use [`fillField`][32].
+_Hint:_ For populating text field or textarea, it is recommended to use [`fillField`][33].
 
 ```js
 I.pressKey('Backspace');
@@ -1556,15 +1570,15 @@ Some of the supported key names are:
 
 #### Parameters
 
--   `key` **([string][8] | [Array][9]&lt;[string][8]>)** key or array of keys to press.
+-   `key` **([string][9] | [Array][10]&lt;[string][9]>)** key or array of keys to press.
 
-Returns **void** automatically synchronized promise through #recorder_Note:_ Shortcuts like `'Meta'` + `'A'` do not work on macOS ([GoogleChrome/Puppeteer#1313][33]).
+Returns **void** automatically synchronized promise through #recorder_Note:_ Shortcuts like `'Meta'` + `'A'` do not work on macOS ([GoogleChrome/Puppeteer#1313][34]).
 
 ### pressKeyDown
 
 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`][34]).
+To make combinations with modifier key and user operation (e.g. `'Control'` + [`click`][35]).
 
 ```js
 I.pressKeyDown('Control');
@@ -1574,7 +1588,7 @@ I.pressKeyUp('Control');
 
 #### Parameters
 
--   `key` **[string][8]** name of key to press down.
+-   `key` **[string][9]** name of key to press down.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -1582,7 +1596,7 @@ Returns **void** automatically synchronized promise through #recorder
 
 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`][34]).
+To make combinations with modifier key and user operation (e.g. `'Control'` + [`click`][35]).
 
 ```js
 I.pressKeyDown('Control');
@@ -1592,7 +1606,7 @@ I.pressKeyUp('Control');
 
 #### Parameters
 
--   `key` **[string][8]** name of key to release.
+-   `key` **[string][9]** name of key to release.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -1621,8 +1635,8 @@ Replaying from HAR
 
 #### Parameters
 
--   `harFilePath` **[string][8]** Path to recorded HAR file
--   `opts` **[object][5]?** [Options for replaying from HAR][35]
+-   `harFilePath` **[string][9]** Path to recorded HAR file
+-   `opts` **[object][6]?** [Options for replaying from HAR][36]
 
 Returns **any** Promise<void>
 
@@ -1633,8 +1647,8 @@ First parameter can be set to `maximize`.
 
 #### Parameters
 
--   `width` **[number][19]** width in pixels or `maximize`.
--   `height` **[number][19]** height in pixels.
+-   `width` **[number][20]** width in pixels or `maximize`.
+-   `height` **[number][20]** height in pixels.
 
 Returns **void** automatically synchronized promise through #recorderUnlike 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.
@@ -1659,7 +1673,7 @@ I.restartBrowser({ permissions: ['clipboard-read', 'clipboard-write'] });
 
 #### Parameters
 
--   `contextOptions` **[object][5]?** [Options for browser context][6] when starting new browser
+-   `contextOptions` **[object][6]?** [Options for browser context][7] when starting new browser
 
 ### rightClick
 
@@ -1676,8 +1690,8 @@ I.rightClick('Click me', '.context');
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** clickable element located by CSS|XPath|strict locator.
--   `context` **([string][8]? | [object][5])** (optional, `null` by default) element located by CSS|XPath|strict locator. 
+-   `locator` **([string][9] | [object][6])** clickable element located by CSS|XPath|strict locator.
+-   `context` **([string][9]? | [object][6])** (optional, `null` by default) element located by CSS|XPath|strict locator. 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -1692,8 +1706,8 @@ I.saveElementScreenshot(`#submit`,'debug.png');
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** element located by CSS|XPath|strict locator.
--   `fileName` **[string][8]** file name to save.
+-   `locator` **([string][9] | [object][6])** element located by CSS|XPath|strict locator.
+-   `fileName` **[string][9]** file name to save.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -1710,8 +1724,8 @@ I.saveScreenshot('debug.png', true) //resizes to available scrollHeight and scro
 
 #### Parameters
 
--   `fileName` **[string][8]** file name to save.
--   `fullPage` **[boolean][25]** (optional, `false` by default) flag to enable fullscreen screenshot mode. 
+-   `fileName` **[string][9]** file name to save.
+-   `fullPage` **[boolean][26]** (optional, `false` by default) flag to enable fullscreen screenshot mode. 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -1747,9 +1761,9 @@ I.scrollTo('#submit', 5, 5);
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** located by CSS|XPath|strict locator.
--   `offsetX` **[number][19]** (optional, `0` by default) X-axis offset. 
--   `offsetY` **[number][19]** (optional, `0` by default) Y-axis offset. 
+-   `locator` **([string][9] | [object][6])** located by CSS|XPath|strict locator.
+-   `offsetX` **[number][20]** (optional, `0` by default) X-axis offset. 
+-   `offsetY` **[number][20]** (optional, `0` by default) Y-axis offset. 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -1766,8 +1780,8 @@ I.see('Register', {css: 'form.register'}); // use strict locator
 
 #### Parameters
 
--   `text` **[string][8]** expected on page.
--   `context` **([string][8]? | [object][5])** (optional, `null` by default) element located by CSS|Xpath|strict locator in which to search for text. 
+-   `text` **[string][9]** expected on page.
+-   `context` **([string][9]? | [object][6])** (optional, `null` by default) element located by CSS|Xpath|strict locator in which to search for text. 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -1781,8 +1795,8 @@ I.seeAttributesOnElements('//form', { method: "post"});
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** located by CSS|XPath|strict locator.
--   `attributes` **[object][5]** attributes and their values to check.
+-   `locator` **([string][9] | [object][6])** located by CSS|XPath|strict locator.
+-   `attributes` **[object][6]** attributes and their values to check.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -1798,7 +1812,7 @@ I.seeCheckboxIsChecked({css: '#signup_form input[type=checkbox]'});
 
 #### Parameters
 
--   `field` **([string][8] | [object][5])** located by label|name|CSS|XPath|strict locator.
+-   `field` **([string][9] | [object][6])** located by label|name|CSS|XPath|strict locator.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -1812,7 +1826,7 @@ I.seeCookie('Auth');
 
 #### Parameters
 
--   `name` **[string][8]** cookie name.
+-   `name` **[string][9]** cookie name.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -1826,8 +1840,8 @@ I.seeCssPropertiesOnElements('h3', { 'font-weight': "bold"});
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** located by CSS|XPath|strict locator.
--   `cssProperties` **[object][5]** object with CSS properties and their values to check.
+-   `locator` **([string][9] | [object][6])** located by CSS|XPath|strict locator.
+-   `cssProperties` **[object][6]** object with CSS properties and their values to check.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -1844,7 +1858,7 @@ I.seeCurrentUrlEquals('http://my.site.com/register');
 
 #### Parameters
 
--   `url` **[string][8]** value to check.
+-   `url` **[string][9]** value to check.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -1859,7 +1873,7 @@ I.seeElement('#modal');
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** located by CSS|XPath|strict locator.
+-   `locator` **([string][9] | [object][6])** located by CSS|XPath|strict locator.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -1874,7 +1888,7 @@ I.seeElementInDOM('#modal');
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** element located by CSS|XPath|strict locator.
+-   `locator` **([string][9] | [object][6])** element located by CSS|XPath|strict locator.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -1888,7 +1902,7 @@ I.seeInCurrentUrl('/register'); // we are on registration page
 
 #### Parameters
 
--   `url` **[string][8]** a fragment to check
+-   `url` **[string][9]** a fragment to check
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -1906,8 +1920,8 @@ I.seeInField('#searchform input','Search');
 
 #### Parameters
 
--   `field` **([string][8] | [object][5])** located by label|name|CSS|XPath|strict locator.
--   `value` **([string][8] | [object][5])** value to check.
+-   `field` **([string][9] | [object][6])** located by label|name|CSS|XPath|strict locator.
+-   `value` **([string][9] | [object][6])** value to check.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -1922,7 +1936,7 @@ I.seeInPopup('Popup text');
 
 #### Parameters
 
--   `text` **[string][8]** value to check.
+-   `text` **[string][9]** value to check.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -1936,7 +1950,7 @@ I.seeInSource('<h1>Green eggs &amp; ham</h1>');
 
 #### Parameters
 
--   `text` **[string][8]** value to check.
+-   `text` **[string][9]** value to check.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -1950,7 +1964,7 @@ I.seeInTitle('Home Page');
 
 #### Parameters
 
--   `text` **[string][8]** text value to check.
+-   `text` **[string][9]** text value to check.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -1965,8 +1979,8 @@ I.seeNumberOfElements('#submitBtn', 1);
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** element located by CSS|XPath|strict locator.
--   `num` **[number][19]** number of elements.
+-   `locator` **([string][9] | [object][6])** element located by CSS|XPath|strict locator.
+-   `num` **[number][20]** number of elements.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -1981,8 +1995,8 @@ I.seeNumberOfVisibleElements('.buttons', 3);
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** element located by CSS|XPath|strict locator.
--   `num` **[number][19]** number of elements.
+-   `locator` **([string][9] | [object][6])** element located by CSS|XPath|strict locator.
+-   `num` **[number][20]** number of elements.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -1996,8 +2010,8 @@ I.seeTextEquals('text', 'h1');
 
 #### Parameters
 
--   `text` **[string][8]** element value to check.
--   `context` **([string][8] | [object][5])?** element located by CSS|XPath|strict locator. 
+-   `text` **[string][9]** element value to check.
+-   `context` **([string][9] | [object][6])?** element located by CSS|XPath|strict locator. 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -2011,7 +2025,7 @@ I.seeTitleEquals('Test title.');
 
 #### Parameters
 
--   `text` **[string][8]** value to check.
+-   `text` **[string][9]** value to check.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -2048,14 +2062,14 @@ await I.seeTraffic({
 
 #### Parameters
 
--   `opts` **[Object][5]** options when checking the traffic network.
-    -   `opts.name` **[string][8]** A name of that request. Can be any value. Only relevant to have a more meaningful error message in case of fail.
-    -   `opts.url` **[string][8]** Expected URL of request in network traffic
-    -   `opts.parameters` **[Object][5]?** Expected parameters of that request in network traffic
-    -   `opts.requestPostData` **[Object][5]?** Expected that request contains post data in network traffic
-    -   `opts.timeout` **[number][19]?** Timeout to wait for request in seconds. Default is 10 seconds. 
+-   `opts` **[Object][6]** options when checking the traffic network.
+    -   `opts.name` **[string][9]** A name of that request. Can be any value. Only relevant to have a more meaningful error message in case of fail.
+    -   `opts.url` **[string][9]** Expected URL of request in network traffic
+    -   `opts.parameters` **[Object][6]?** Expected parameters of that request in network traffic
+    -   `opts.requestPostData` **[Object][6]?** Expected that request contains post data in network traffic
+    -   `opts.timeout` **[number][20]?** Timeout to wait for request in seconds. Default is 10 seconds. 
 
-Returns **[Promise][21]&lt;any>** 
+Returns **[Promise][22]&lt;any>** 
 
 ### selectOption
 
@@ -2080,8 +2094,8 @@ I.selectOption('Which OS do you use?', ['Android', 'iOS']);
 
 #### Parameters
 
--   `select` **([string][8] | [object][5])** field located by label|name|CSS|XPath|strict locator.
--   `option` **([string][8] | [Array][9]&lt;any>)** visible text or value of option.
+-   `select` **([string][9] | [object][6])** field located by label|name|CSS|XPath|strict locator.
+-   `option` **([string][9] | [Array][10]&lt;any>)** visible text or value of option.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -2103,7 +2117,7 @@ I.setCookie([
 
 #### Parameters
 
--   `cookie` **(Cookie | [Array][9]&lt;Cookie>)** a cookie object or array of cookie objects.
+-   `cookie` **(Cookie | [Array][10]&lt;Cookie>)** a cookie object or array of cookie objects.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -2119,7 +2133,7 @@ I.setPlaywrightRequestHeaders({
 
 #### Parameters
 
--   `customHeaders` **[object][5]** headers to set
+-   `customHeaders` **[object][6]** headers to set
 
 ### startRecordingTraffic
 
@@ -2154,8 +2168,8 @@ If no handler is passed, all mock requests for the rote are disabled.
 
 #### Parameters
 
--   `url` **([string][8] | [RegExp][10])?** URL, regex or pattern for to match URL
--   `handler` **[function][20]?** a function to process reques
+-   `url` **([string][9] | [RegExp][11])?** URL, regex or pattern for to match URL
+-   `handler` **[function][21]?** a function to process reques
 
 ### stopRecordingTraffic
 
@@ -2184,7 +2198,7 @@ I.switchTo(); // switch back to main page
 
 #### Parameters
 
--   `locator` **([string][8]? | [object][5])** (optional, `null` by default) element located by CSS|XPath|strict locator. 
+-   `locator` **([string][9]? | [object][6])** (optional, `null` by default) element located by CSS|XPath|strict locator. 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -2199,7 +2213,7 @@ I.switchToNextTab(2);
 
 #### Parameters
 
--   `num` **[number][19]**  
+-   `num` **[number][20]**  
 
 ### switchToPreviousTab
 
@@ -2212,13 +2226,13 @@ I.switchToPreviousTab(2);
 
 #### Parameters
 
--   `num` **[number][19]**  
+-   `num` **[number][20]**  
 
 ### type
 
 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`][32] is not an option.
+_Note:_ Should be used when [`fillField`][33] is not an option.
 
 ```js
 // passing in a string
@@ -2237,8 +2251,8 @@ I.type(secret('123456'));
 #### Parameters
 
 -   `keys`  
--   `delay` **[number][19]?** (optional) delay in ms between key presses 
--   `key` **([string][8] | [Array][9]&lt;[string][8]>)** or array of keys to type.
+-   `delay` **[number][20]?** (optional) delay in ms between key presses 
+-   `key` **([string][9] | [Array][10]&lt;[string][9]>)** or array of keys to type.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -2257,11 +2271,11 @@ I.uncheckOption('agree', '//form');
 
 #### Parameters
 
--   `field` **([string][8] | [object][5])** checkbox located by label | name | CSS | XPath | strict locator.
--   `context` **([string][8]? | [object][5])** (optional, `null` by default) element located by CSS | XPath | strict locator. 
+-   `field` **([string][9] | [object][6])** checkbox located by label | name | CSS | XPath | strict locator.
+-   `context` **([string][9]? | [object][6])** (optional, `null` by default) element located by CSS | XPath | strict locator. 
 -   `options`   
 
-Returns **void** automatically synchronized promise through #recorder[Additional options][36] for uncheck available as 3rd argument.Examples:```js
+Returns **void** automatically synchronized promise through #recorder[Additional options][37] 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
@@ -2273,7 +2287,7 @@ 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`][37], [`browserContext`][38] [`browser`][39] } objects from Playwright API are available.
+{ [`page`][38], [`browserContext`][39] [`browser`][40] } objects from Playwright API are available.
 
 ```js
 I.usePlaywrightTo('emulate offline mode', async ({ browserContext }) => {
@@ -2283,8 +2297,8 @@ I.usePlaywrightTo('emulate offline mode', async ({ browserContext }) => {
 
 #### Parameters
 
--   `description` **[string][8]** used to show in logs.
--   `fn` **[function][20]** async function that executed with Playwright helper as argumen
+-   `description` **[string][9]** used to show in logs.
+-   `fn` **[function][21]** async function that executed with Playwright helper as argumen
 
 ### wait
 
@@ -2296,7 +2310,7 @@ I.wait(2); // wait 2 secs
 
 #### Parameters
 
--   `sec` **[number][19]** number of second to wait.
+-   `sec` **[number][20]** number of second to wait.
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -2312,9 +2326,9 @@ I.waitForClickable('.btn.continue', 5); // wait for 5 secs
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** element located by CSS|XPath|strict locator.
+-   `locator` **([string][9] | [object][6])** element located by CSS|XPath|strict locator.
 -   `waitTimeout`  
--   `sec` **[number][19]?** (optional, `1` by default) time in seconds to wait
+-   `sec` **[number][20]?** (optional, `1` by default) time in seconds to wait
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -2329,8 +2343,8 @@ I.waitForDetached('#popup');
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** element located by CSS|XPath|strict locator.
--   `sec` **[number][19]** (optional, `1` by default) time in seconds to wait 
+-   `locator` **([string][9] | [object][6])** element located by CSS|XPath|strict locator.
+-   `sec` **[number][20]** (optional, `1` by default) time in seconds to wait 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -2346,8 +2360,8 @@ I.waitForElement('.btn.continue', 5); // wait for 5 secs
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** element located by CSS|XPath|strict locator.
--   `sec` **[number][19]?** (optional, `1` by default) time in seconds to wait
+-   `locator` **([string][9] | [object][6])** element located by CSS|XPath|strict locator.
+-   `sec` **[number][20]?** (optional, `1` by default) time in seconds to wait
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -2358,8 +2372,8 @@ Element can be located by CSS or XPath.
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** element located by CSS|XPath|strict locator.
--   `sec` **[number][19]** (optional) time in seconds to wait, 1 by default. 
+-   `locator` **([string][9] | [object][6])** element located by CSS|XPath|strict locator.
+-   `sec` **[number][20]** (optional) time in seconds to wait, 1 by default. 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -2380,9 +2394,9 @@ I.waitForFunction((count) => window.requests == count, [3], 5) // pass args and
 
 #### Parameters
 
--   `fn` **([string][8] | [function][20])** to be executed in browser context.
--   `argsOrSec` **([Array][9]&lt;any> | [number][19])?** (optional, `1` by default) arguments for function or seconds. 
--   `sec` **[number][19]?** (optional, `1` by default) time in seconds to wait 
+-   `fn` **([string][9] | [function][21])** to be executed in browser context.
+-   `argsOrSec` **([Array][10]&lt;any> | [number][20])?** (optional, `1` by default) arguments for function or seconds. 
+-   `sec` **[number][20]?** (optional, `1` by default) time in seconds to wait 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -2397,8 +2411,8 @@ I.waitForInvisible('#popup');
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** element located by CSS|XPath|strict locator.
--   `sec` **[number][19]** (optional, `1` by default) time in seconds to wait 
+-   `locator` **([string][9] | [object][6])** element located by CSS|XPath|strict locator.
+-   `sec` **[number][20]** (optional, `1` by default) time in seconds to wait 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -2406,7 +2420,7 @@ Returns **void** automatically synchronized promise through #recorder
 
 Waits for navigation to finish. By default, it takes configured `waitForNavigation` option.
 
-See [Playwright's reference][40]
+See [Playwright's reference][41]
 
 #### Parameters
 
@@ -2423,8 +2437,8 @@ I.waitForRequest(request => request.url() === 'http://example.com' && request.me
 
 #### Parameters
 
--   `urlOrPredicate` **([string][8] | [function][20])** 
--   `sec` **[number][19]?** seconds to wait 
+-   `urlOrPredicate` **([string][9] | [function][21])** 
+-   `sec` **[number][20]?** seconds to wait 
 
 ### waitForResponse
 
@@ -2437,8 +2451,8 @@ I.waitForResponse(response => response.url() === 'https://example.com' && respon
 
 #### Parameters
 
--   `urlOrPredicate` **([string][8] | [function][20])** 
--   `sec` **[number][19]?** number of seconds to wait 
+-   `urlOrPredicate` **([string][9] | [function][21])** 
+-   `sec` **[number][20]?** number of seconds to wait 
 
 ### waitForText
 
@@ -2453,9 +2467,9 @@ I.waitForText('Thank you, form has been submitted', 5, '#modal');
 
 #### Parameters
 
--   `text` **[string][8]** to wait for.
--   `sec` **[number][19]** (optional, `1` by default) time in seconds to wait 
--   `context` **([string][8] | [object][5])?** (optional) element located by CSS|XPath|strict locator. 
+-   `text` **[string][9]** to wait for.
+-   `sec` **[number][20]** (optional, `1` by default) time in seconds to wait 
+-   `context` **([string][9] | [object][6])?** (optional) element located by CSS|XPath|strict locator. 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -2463,11 +2477,11 @@ Returns **void** automatically synchronized promise through #recorder
 
 Waits for page navigates to a new URL or reloads. By default, it takes configured `waitForNavigation` option.
 
-See [Playwright's reference][41]
+See [Playwright's reference][42]
 
 #### Parameters
 
--   `url` **([string][8] | [RegExp][10])** 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.
+-   `url` **([string][9] | [RegExp][11])** 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.
 -   `options` **any**  
 
 ### waitForValue
@@ -2480,9 +2494,9 @@ I.waitForValue('//input', "GoodValue");
 
 #### Parameters
 
--   `field` **([string][8] | [object][5])** input field.
--   `value` **[string][8]** expected value.
--   `sec` **[number][19]** (optional, `1` by default) time in seconds to wait 
+-   `field` **([string][9] | [object][6])** input field.
+-   `value` **[string][9]** expected value.
+-   `sec` **[number][20]** (optional, `1` by default) time in seconds to wait 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -2497,10 +2511,10 @@ I.waitForVisible('#popup');
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** element located by CSS|XPath|strict locator.
--   `sec` **[number][19]** (optional, `1` by default) time in seconds to wait 
+-   `locator` **([string][9] | [object][6])** element located by CSS|XPath|strict locator.
+-   `sec` **[number][20]** (optional, `1` by default) time in seconds to wait 
 
-Returns **void** automatically synchronized promise through #recorderThis method accepts [React selectors][42].
+Returns **void** automatically synchronized promise through #recorderThis method accepts [React selectors][43].
 
 ### waitInUrl
 
@@ -2512,8 +2526,8 @@ I.waitInUrl('/info', 2);
 
 #### Parameters
 
--   `urlPart` **[string][8]** value to check.
--   `sec` **[number][19]** (optional, `1` by default) time in seconds to wait 
+-   `urlPart` **[string][9]** value to check.
+-   `sec` **[number][20]** (optional, `1` by default) time in seconds to wait 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -2527,9 +2541,9 @@ I.waitNumberOfVisibleElements('a', 3);
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** element located by CSS|XPath|strict locator.
--   `num` **[number][19]** number of elements.
--   `sec` **[number][19]** (optional, `1` by default) time in seconds to wait 
+-   `locator` **([string][9] | [object][6])** element located by CSS|XPath|strict locator.
+-   `num` **[number][20]** number of elements.
+-   `sec` **[number][20]** (optional, `1` by default) time in seconds to wait 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -2544,8 +2558,8 @@ I.waitToHide('#popup');
 
 #### Parameters
 
--   `locator` **([string][8] | [object][5])** element located by CSS|XPath|strict locator.
--   `sec` **[number][19]** (optional, `1` by default) time in seconds to wait 
+-   `locator` **([string][9] | [object][6])** element located by CSS|XPath|strict locator.
+-   `sec` **[number][20]** (optional, `1` by default) time in seconds to wait 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -2560,8 +2574,8 @@ I.waitUrlEquals('http://127.0.0.1:8000/info');
 
 #### Parameters
 
--   `urlPart` **[string][8]** value to check.
--   `sec` **[number][19]** (optional, `1` by default) time in seconds to wait 
+-   `urlPart` **[string][9]** value to check.
+-   `sec` **[number][20]** (optional, `1` by default) time in seconds to wait 
 
 Returns **void** automatically synchronized promise through #recorder
 
@@ -2569,92 +2583,94 @@ Returns **void** automatically synchronized promise through #recorder
 
 [2]: https://playwright.dev/docs/next/api/class-browser#browser-new-context
 
-[3]: https://playwright.dev/docs/api/class-browsertype#browsertypeconnectparams
+[3]: https://playwright.dev/docs/api/class-browser#browser-new-context-option-record-har
+
+[4]: https://playwright.dev/docs/api/class-browsertype#browsertypeconnectparams
 
-[4]: https://github.com/microsoft/playwright/blob/v0.11.0/docs/api.md#working-with-chrome-extensions
+[5]: https://github.com/microsoft/playwright/blob/v0.11.0/docs/api.md#working-with-chrome-extensions
 
-[5]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object
+[6]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Object
 
-[6]: https://playwright.dev/docs/api/class-browser#browser-new-context
+[7]: https://playwright.dev/docs/api/class-browser#browser-new-context
 
-[7]: http://jster.net/category/windows-modals-popups
+[8]: http://jster.net/category/windows-modals-popups
 
-[8]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String
+[9]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/String
 
-[9]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array
+[10]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Array
 
-[10]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/RegExp
+[11]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/RegExp
 
-[11]: https://www.example.com**
+[12]: https://www.example.com**
 
-[12]: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus
+[13]: https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus
 
-[13]: https://playwright.dev/docs/api/class-locator#locator-blur
+[14]: https://playwright.dev/docs/api/class-locator#locator-blur
 
-[14]: https://playwright.dev/docs/api/class-elementhandle#element-handle-check
+[15]: https://playwright.dev/docs/api/class-elementhandle#element-handle-check
 
-[15]: https://playwright.dev/docs/actionability
+[16]: https://playwright.dev/docs/actionability
 
-[16]: https://playwright.dev/docs/api/class-locator#locator-clear
+[17]: https://playwright.dev/docs/api/class-locator#locator-clear
 
-[17]: https://playwright.dev/docs/api/class-page#page-click
+[18]: https://playwright.dev/docs/api/class-page#page-click
 
-[18]: https://playwright.dev/docs/api/class-page#page-drag-and-drop
+[19]: https://playwright.dev/docs/api/class-page#page-drag-and-drop
 
-[19]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number
+[20]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Number
 
-[20]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/function
+[21]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Statements/function
 
-[21]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Promise
+[22]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Promise
 
-[22]: https://playwright.dev/docs/api/class-locator#locator-focus
+[23]: https://playwright.dev/docs/api/class-locator#locator-focus
 
-[23]: https://playwright.dev/docs/api/class-consolemessage
+[24]: https://playwright.dev/docs/api/class-consolemessage
 
-[24]: https://playwright.dev/docs/api/class-locator#locator-is-checked
+[25]: https://playwright.dev/docs/api/class-locator#locator-is-checked
 
-[25]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean
+[26]: https://developer.mozilla.org/docs/Web/JavaScript/Reference/Global_Objects/Boolean
 
-[26]: https://playwright.dev/docs/api/class-locator#locator-is-disabled
+[27]: https://playwright.dev/docs/api/class-locator#locator-is-disabled
 
-[27]: https://codecept.io/helpers/FileSystem
+[28]: https://codecept.io/helpers/FileSystem
 
-[28]: https://playwright.dev/docs/api/class-apirequestcontext#api-request-context-get
+[29]: https://playwright.dev/docs/api/class-apirequestcontext#api-request-context-get
 
-[29]: https://playwright.dev/docs/api/class-browsercontext#browser-context-route
+[30]: https://playwright.dev/docs/api/class-browsercontext#browser-context-route
 
-[30]: https://playwright.dev/docs/network#handle-requests
+[31]: https://playwright.dev/docs/network#handle-requests
 
-[31]: https://github.com/microsoft/playwright/blob/main/docs/api.md#browsernewpageoptions
+[32]: https://github.com/microsoft/playwright/blob/main/docs/api.md#browsernewpageoptions
 
-[32]: #fillfield
+[33]: #fillfield
 
-[33]: https://github.com/GoogleChrome/puppeteer/issues/1313
+[34]: https://github.com/GoogleChrome/puppeteer/issues/1313
 
-[34]: #click
+[35]: #click
 
-[35]: https://playwright.dev/docs/api/class-page#page-route-from-har
+[36]: https://playwright.dev/docs/api/class-page#page-route-from-har
 
-[36]: https://playwright.dev/docs/api/class-elementhandle#element-handle-uncheck
+[37]: https://playwright.dev/docs/api/class-elementhandle#element-handle-uncheck
 
-[37]: https://github.com/microsoft/playwright/blob/main/docs/src/api/class-page.md
+[38]: https://github.com/microsoft/playwright/blob/main/docs/src/api/class-page.md
 
-[38]: https://github.com/microsoft/playwright/blob/main/docs/src/api/class-browsercontext.md
+[39]: https://github.com/microsoft/playwright/blob/main/docs/src/api/class-browsercontext.md
 
-[39]: https://github.com/microsoft/playwright/blob/main/docs/src/api/class-browser.md
+[40]: https://github.com/microsoft/playwright/blob/main/docs/src/api/class-browser.md
 
-[40]: https://playwright.dev/docs/api/class-page?_highlight=waitfornavi#pagewaitfornavigationoptions
+[41]: https://playwright.dev/docs/api/class-page?_highlight=waitfornavi#pagewaitfornavigationoptions
 
-[41]: https://playwright.dev/docs/api/class-page#page-wait-for-url
+[42]: https://playwright.dev/docs/api/class-page#page-wait-for-url
 
-[42]: https://codecept.io/react
+[43]: https://codecept.io/react
 
-[43]: https://playwright.dev/docs/api/class-browsercontext
+[44]: https://playwright.dev/docs/api/class-browsercontext
 
-[44]: https://playwright.dev/docs/api/class-page#page-set-default-timeout
+[45]: https://playwright.dev/docs/api/class-page#page-set-default-timeout
 
-[45]: https://playwright.dev/docs/trace-viewer
+[46]: https://playwright.dev/docs/trace-viewer
 
-[46]: https://playwright.dev/docs/browsers/#google-chrome--microsoft-edge
+[47]: https://playwright.dev/docs/browsers/#google-chrome--microsoft-edge
 
-[47]: https://playwright.dev/docs/api/class-consolemessage#console-message-type
+[48]: https://playwright.dev/docs/api/class-consolemessage#console-message-type
diff --git a/lib/helper/Playwright.js b/lib/helper/Playwright.js
index a1e4204a1..2c76f9065 100644
--- a/lib/helper/Playwright.js
+++ b/lib/helper/Playwright.js
@@ -94,6 +94,7 @@ const pathSeparator = path.sep;
  * @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 = {};
 
@@ -141,6 +142,21 @@ const config = {};
  * * `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
@@ -455,7 +471,8 @@ class Playwright extends Helper {
     }
   }
 
-  async _before() {
+  async _before(test) {
+    this.currentRunningTest = test;
     recorder.retry({
       retries: 5,
       when: err => {
@@ -487,6 +504,15 @@ class Playwright extends Helper {
       }
       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;
@@ -834,6 +860,7 @@ class Playwright extends Helper {
     this.context = null;
     this.frame = null;
     popupStore.clear();
+    if (this.options.recordHar) await this.browserContext.close();
     await this.browser.close();
   }
 
@@ -2289,6 +2316,10 @@ class Playwright extends Helper {
         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) {
@@ -2316,6 +2347,10 @@ class Playwright extends Helper {
         await this.browserContext.tracing.stop();
       }
     }
+
+    if (this.options.recordHar) {
+      test.artifacts.har = this.currentRunningTest.artifacts.har;
+    }
   }
 
   /**
diff --git a/test/helper/Playwright_test.js b/test/helper/Playwright_test.js
index f435fc852..cb39d2feb 100644
--- a/test/helper/Playwright_test.js
+++ b/test/helper/Playwright_test.js
@@ -1527,7 +1527,9 @@ describe('Playwright - Performance Metrics', () => {
   });
 });
 
-describe('Playwright - Video & Trace', () => {
+describe('Playwright - Video & Trace & HAR', () => {
+  const test = { title: 'a failed test', artifacts: {} };
+
   before(() => {
     global.codecept_dir = path.join(__dirname, '/../data');
     global.output_dir = path.join(`${__dirname}/../data/output`);
@@ -1540,6 +1542,7 @@ describe('Playwright - Video & Trace', () => {
       browser: 'chromium',
       trace: true,
       video: true,
+      recordHar: {},
     });
     I._init();
     return I._beforeSuite();
@@ -1551,7 +1554,8 @@ describe('Playwright - Video & Trace', () => {
     });
     deleteDir(path.join(global.output_dir, 'video'));
     deleteDir(path.join(global.output_dir, 'trace'));
-    return I._before().then(() => {
+    deleteDir(path.join(global.output_dir, 'har'));
+    return I._before(test).then(() => {
       page = I.page;
       browser = I.browser;
     });
@@ -1562,20 +1566,20 @@ describe('Playwright - Video & Trace', () => {
   });
 
   it('checks that video is recorded', async () => {
-    const test = { title: 'a failed test', artifacts: {} };
     await I.amOnPage('/');
     await I.dontSee('this should be an error');
     await I.click('More info');
     await I.dontSee('this should be an error');
     await I._failed(test);
     assert(test.artifacts);
-    // expect(Object.keys(test.artifacts).length).should.eq(2);
     expect(Object.keys(test.artifacts)).to.include('trace');
     expect(Object.keys(test.artifacts)).to.include('video');
+    expect(Object.keys(test.artifacts)).to.include('har');
 
     assert.ok(fs.existsSync(test.artifacts.trace));
     expect(test.artifacts.video).to.include(path.join(global.output_dir, 'video'));
     expect(test.artifacts.trace).to.include(path.join(global.output_dir, 'trace'));
+    expect(test.artifacts.har).to.include(path.join(global.output_dir, 'har'));
   });
 });
 describe('Playwright - HAR', () => {