codeceptjs 3.5.5 → 3.5.6

package/docs/build/FileSystem.js

@@ -52,7 +52,7 @@ class FileSystem extends Helper {
   }
 
   /**
-   * Writes test to file
+   * Writes text to file
    * @param {string} name
    * @param {string} text
    */

package/docs/build/Playwright.js

@@ -47,7 +47,6 @@ const {
   setRestartStrategy, restartsSession, restartsContext, restartsBrowser,
 } = require('./extras/PlaywrightRestartOpts');
 const { createValueEngine, createDisabledEngine } = require('./extras/PlaywrightPropEngine');
-const { highlightElement } = require('./scripts/highlightElement');
 
 const pathSeparator = path.sep;
 
@@ -94,7 +93,7 @@ const pathSeparator = path.sep;
  * @prop {string[]} [ignoreLog] - An array with console message types that are not logged to debug log. Default value is `['warning', 'log']`. E.g. you can set `[]` to log all messages. See all possible [values](https://playwright.dev/docs/api/class-consolemessage#console-message-type).
  * @prop {boolean} [ignoreHTTPSErrors] - Allows access to untrustworthy pages, e.g. to a page with an expired certificate. Default value is `false`
  * @prop {boolean} [bypassCSP] - bypass Content Security Policy or CSP
- * @prop {boolean} [highlightElement] - highlight the interacting elements. Default: false
+ * @prop {boolean} [highlightElement] - highlight the interacting elements. Default: false. Note: only activate under verbose mode (--verbose).
  */
 const config = {};
 
@@ -835,8 +834,9 @@ class Playwright extends Helper {
 
   async _stopBrowser() {
     this.withinLocator = null;
-    this._setPage(null);
+    await this._setPage(null);
     this.context = null;
+    this.frame = null;
     popupStore.clear();
     await this.browser.close();
   }
@@ -875,6 +875,7 @@ class Playwright extends Helper {
     this.withinLocator = null;
     this.context = await this.page;
     this.contextLocator = null;
+    this.frame = null;
   }
 
   _extractDataFromPerformanceTiming(timing, ...dataNames) {
@@ -1299,6 +1300,9 @@ class Playwright extends Helper {
    */
   async _locate(locator) {
     const context = await this.context || await this._getContext();
+
+    if (this.frame) return findElements(this.frame, locator);
+
     return findElements(context, locator);
   }
 
@@ -2009,7 +2013,7 @@ class Playwright extends Helper {
 
     await el.clear();
 
-    highlightActiveElement.call(this, el, await this._getContext());
+    await highlightActiveElement.call(this, el);
 
     await el.type(value.toString(), { delay: this.options.pressKeyDelay });
 
@@ -2039,7 +2043,7 @@ class Playwright extends Helper {
 
     const el = els[0];
 
-    highlightActiveElement.call(this, el, this.page);
+    await highlightActiveElement.call(this, el);
 
     await el.clear();
 
@@ -2065,7 +2069,7 @@ class Playwright extends Helper {
   async appendField(field, value) {
     const els = await findFields.call(this, field);
     assertElementExists(els, field, 'Field');
-    highlightActiveElement.call(this, els[0], await this._getContext());
+    await highlightActiveElement.call(this, els[0]);
     await els[0].press('End');
     await els[0].type(value.toString(), { delay: this.options.pressKeyDelay });
     return this._waitForAction();
@@ -2167,7 +2171,7 @@ class Playwright extends Helper {
     assertElementExists(els, select, 'Selectable field');
     const el = els[0];
 
-    highlightActiveElement.call(this, el, await this._getContext());
+    await highlightActiveElement.call(this, el);
 
     if (!Array.isArray(option)) option = [option];
 
@@ -2555,11 +2559,11 @@ class Playwright extends Helper {
    * @returns {Promise<any>}
    */
   async executeScript(fn, arg) {
-    let context = this.page;
-    if (this.context && this.context.constructor.name === 'Frame') {
-      context = this.context; // switching to iframe context
+    if (this.context && this.context.constructor.name === 'FrameLocator') {
+      // switching to iframe context
+      return this.context.locator(':root').evaluate(fn, arg);
     }
-    return context.evaluate.apply(context, [fn, arg]);
+    return this.page.evaluate.apply(this.page, [fn, arg]);
   }
 
   /**
@@ -3313,7 +3317,7 @@ class Playwright extends Helper {
   }
 
   async _getContext() {
-    if (this.context && this.context.constructor.name === 'Frame') {
+    if (this.context && this.context.constructor.name === 'FrameLocator') {
       return this.context;
     }
     return this.page;
@@ -3418,6 +3422,14 @@ class Playwright extends Helper {
         }, [locator.value, text, $XPath.toString()], { timeout: waitTimeout });
       }
     } else {
+      // we have this as https://github.com/microsoft/playwright/issues/26829 is not yet implemented
+      if (this.frame) {
+        const { setTimeout } = require('timers/promises');
+        await setTimeout(waitTimeout);
+        waiter = await this.frame.locator(`:has-text('${text}')`).first().isVisible();
+        if (!waiter) throw new Error(`Text "${text}" was not found on page after ${waitTimeout / 1000} sec`);
+        return;
+      }
       waiter = contextObject.waitForFunction(text => document.body && document.body.innerText.indexOf(text) > -1, text, { timeout: waitTimeout });
     }
     return waiter.catch((err) => {
@@ -3481,37 +3493,37 @@ class Playwright extends Helper {
       }
 
       if (locator >= 0 && locator < childFrames.length) {
-        this.context = childFrames[locator];
+        this.context = await this.page.frameLocator('iframe').nth(locator);
         this.contextLocator = locator;
       } else {
         throw new Error('Element #invalidIframeSelector was not found by text|CSS|XPath');
       }
       return;
     }
-    let contentFrame;
 
     if (!locator) {
-      this.context = await this.page.frames()[0];
+      this.context = this.page;
       this.contextLocator = null;
+      this.frame = null;
       return;
     }
 
     // iframe by selector
-    const els = await this._locate(locator);
-    if (!els[0]) {
-      throw new Error(`Element ${JSON.stringify(locator)} was not found by text|CSS|XPath`);
+    locator = buildLocatorString(new Locator(locator, 'css'));
+    const frame = await this._locateElement(locator);
+
+    if (!frame) {
+      throw new Error(`Frame ${JSON.stringify(locator)} was not found by text|CSS|XPath`);
     }
 
-    // get content of the first iframe
-    locator = new Locator(locator, 'css');
-    if ((locator.frame && locator.frame === 'iframe') || locator.value.toLowerCase() === 'iframe') {
-      contentFrame = await this.page.frames()[1];
-      // get content of the iframe using its name
-    } else if (locator.value.toLowerCase().includes('name=')) {
-      const frameName = locator.value.split('=')[1].replace(/"/g, '').replaceAll(/]/g, '');
-      contentFrame = await this.page.frame(frameName);
+    if (this.frame) {
+      this.frame = await this.frame.frameLocator(locator);
+    } else {
+      this.frame = await this.page.frameLocator(locator);
     }
 
+    const contentFrame = this.frame;
+
     if (contentFrame) {
       this.context = contentFrame;
       this.contextLocator = null;
@@ -4272,7 +4284,7 @@ async function findElement(matcher, locator) {
   if (locator.react) return findReact(matcher, locator);
   locator = new Locator(locator, 'css');
 
-  return matcher.locator(buildLocatorString(locator));
+  return matcher.locator(buildLocatorString(locator)).first();
 }
 
 async function getVisibleElements(elements) {
@@ -4302,7 +4314,7 @@ async function proceedClick(locator, context = null, options = {}) {
     assertElementExists(els, locator, 'Clickable element');
   }
 
-  highlightActiveElement.call(this, els[0], await this._getContext());
+  await highlightActiveElement.call(this, els[0]);
 
   /*
     using the force true options itself but instead dispatching a click
@@ -4352,13 +4364,9 @@ async function proceedSee(assertType, text, context, strict = false) {
   let allText;
 
   if (!context) {
-    let el = await this.context;
-    if (el && !el.getProperty) {
-      // Fallback to body
-      el = await this.page.$('body');
-    }
+    const el = await this.context;
 
-    allText = [await el.innerText()];
+    allText = [await el.locator('body').innerText()];
     description = 'web application';
   } else {
     const locator = new Locator(context, 'css');
@@ -4531,8 +4539,7 @@ async function elementSelected(element) {
 function isFrameLocator(locator) {
   locator = new Locator(locator);
   if (locator.isFrame()) {
-    const _locator = new Locator(locator.value);
-    return _locator.value;
+    return locator.value;
   }
   return false;
 }
@@ -4728,10 +4735,14 @@ async function saveTraceForContext(context, name) {
   return fileName;
 }
 
-function highlightActiveElement(element, context) {
-  if (!this.options.highlightElement && !store.debugMode) return;
-
-  highlightElement(element, context);
+async function highlightActiveElement(element) {
+  if (this.options.highlightElement && global.debugMode) {
+    await element.evaluate(el => {
+      const prevStyle = el.style.boxShadow;
+      el.style.boxShadow = '0px 0px 4px 3px rgba(255, 0, 0, 0.7)';
+      setTimeout(() => el.style.boxShadow = prevStyle, 2000);
+    });
+  }
 }
 
 const createAdvancedTestResults = (url, dataToCheck, requests) => {

package/docs/build/Puppeteer.js

@@ -69,7 +69,7 @@ const consoleLogStore = new Console();
  * @prop {boolean} [manualStart=false] - do not start browser before a test, start it manually inside a helper with `this.helpers["Puppeteer"]._startBrowser()`.
  * @prop {string} [browser=chrome] - can be changed to `firefox` when using [puppeteer-firefox](https://codecept.io/helpers/Puppeteer-firefox).
  * @prop {object} [chrome] - pass additional [Puppeteer run options](https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#puppeteerlaunchoptions).
- * @prop {boolean} [highlightElement] - highlight the interacting elements. Default: false
+ * @prop {boolean} [highlightElement] - highlight the interacting elements. Default: false. Note: only activate under verbose mode (--verbose).
 */
 const config = {};
 
@@ -3810,7 +3810,7 @@ function getNormalizedKey(key) {
 }
 
 function highlightActiveElement(element, context) {
-  if (!this.options.highlightElement && !store.debugMode) return;
-
-  highlightElement(element, context);
+  if (this.options.highlightElement && global.debugMode) {
+    highlightElement(element, context);
+  }
 }

package/docs/build/WebDriver.js

@@ -62,7 +62,7 @@ const webRoot = 'body';
  * @prop {object} [desiredCapabilities] Selenium's [desired capabilities](https://github.com/SeleniumHQ/selenium/wiki/DesiredCapabilities).
  * @prop {boolean} [manualStart=false] - do not start browser before a test, start it manually inside a helper with `this.helpers["WebDriver"]._startBrowser()`.
  * @prop {object} [timeouts] [WebDriver timeouts](http://webdriver.io/docs/timeouts.html) defined as hash.
- * @prop {boolean} [highlightElement] - highlight the interacting elements. Default: false
+ * @prop {boolean} [highlightElement] - highlight the interacting elements. Default: false. Note: only activate under verbose mode (--verbose).
  */
 const config = {};
 
@@ -4083,9 +4083,9 @@ function isModifierKey(key) {
 }
 
 function highlightActiveElement(element) {
-  if (!this.options.highlightElement && !store.debugMode) return;
-
-  highlightElement(element, this.browser);
+  if (this.options.highlightElement && global.debugMode) {
+    highlightElement(element, this.browser);
+  }
 }
 
 function prepareLocateFn(context) {

package/docs/changelog.md

@@ -7,335 +7,11 @@ layout: Section
 
 # Releases
 
-## 3.5.5
-
-🐛 Bug Fixes
-* fix(browserstack): issue with vendor prefix ([#3845](https://github.com/codeceptjs/CodeceptJS/issues/3845)) - by **[KobeNguyenT](https://github.com/KobeNguyenT)**
-```
-export const caps = {
-    androidCaps: {
-        appiumV2: true,
-        host: "hub-cloud.browserstack.com",
-        port: 4444,
-        user: process.env.BROWSERSTACK_USER,
-        key: process.env.BROWSERSTACK_KEY,
-        'app': `bs://c700ce60cf13ae8ed97705a55b8e022f1hjhkjh3c5827c`,
-        browser: '',
-        desiredCapabilities: {
-            'appPackage': data.packageName,
-            'deviceName': process.env.DEVICE || 'Google Pixel 3',
-            'platformName': process.env.PLATFORM || 'android',
-            'platformVersion': process.env.OS_VERSION || '10.0',
-            'automationName': process.env.ENGINE || 'UIAutomator2',
-            'newCommandTimeout': 300000,
-            'androidDeviceReadyTimeout': 300000,
-            'androidInstallTimeout': 90000,
-            'appWaitDuration': 300000,
-            'autoGrantPermissions': true,
-            'gpsEnabled': true,
-            'isHeadless': false,
-            'noReset': false,
-            'noSign': true,
-            'bstack:options' : {
-                "appiumVersion" : "2.0.1",
-            },
-        }
-    },
-}
-```
-
-*  switchTo/within now supports strict locator ([#3847](https://github.com/codeceptjs/CodeceptJS/issues/3847)) - by **[KobeNguyenT](https://github.com/KobeNguyenT)**
-
-```
-I.switchTo({ css: 'iframe[id^=number-frame]' }) // support the strict locator
-
-I.amOnPage('/iframe');
-within({
-  frame: { css: '#number-frame-1234' }, // support the strict locator
-}, () => {
-  I.fillField('user[login]', 'User');
-  I.fillField('user[email]', 'user@user.com');
-  I.fillField('user[password]', 'user@user.com');
-  I.click('button');
-});
-```
-
-* Improve the IntelliSense when using other languages  ([#3848](https://github.com/codeceptjs/CodeceptJS/issues/3848)) - by **[andonary](https://github.com/andonary)**
-```
-  include: {
-    Je: './steps_file.js'
-  }
-```
-
-*  bypassCSP support for Playwright helper ([#3865](https://github.com/codeceptjs/CodeceptJS/issues/3865)) - by **[sammeel](https://github.com/sammeel)**
-```
-  helpers: {
-    Playwright: {
-      bypassCSP: true
-    }
-```
-* fix: missing requests when recording network ([#3834](https://github.com/codeceptjs/CodeceptJS/issues/3834)) - by **[KobeNguyenT](https://github.com/KobeNguyenT)**
-
-🛩️ Features and Improvements
-* Show environment info in verbose mode ([#3858](https://github.com/codeceptjs/CodeceptJS/issues/3858)) - by **[KobeNguyenT](https://github.com/KobeNguyenT)**
-
-```
-Environment information:-
-
-codeceptVersion:  "3.5.4"
-nodeInfo:  18.16.0
-osInfo:  macOS 13.5
-cpuInfo:  (8) arm64 Apple M1 Pro
-chromeInfo:  116.0.5845.179
-edgeInfo:  116.0.1938.69
-firefoxInfo:  Not Found
-safariInfo:  16.6
-helpers:  {
-"Playwright": {
-"url": "https://github.com",
-"show": false,
-"browser": "chromium",
-"waitForNavigation": "load",
-"waitForTimeout": 30000,
-"trace": false,
-"keepTraceForPassedTests": true
-},
-"CDPHelper": {
-"require": "./helpers/CDPHelper.ts"
-},
-"OpenAI": {
-"chunkSize": 8000
-},
-"ExpectHelper": {
-"require": "codeceptjs-expect"
-},
-"REST": {
-"endpoint": "https://reqres.in",
-"timeout": 20000
-},
-"AllureHelper": {
-"require": "./helpers/AllureHelper.ts"
-}
-}
-plugins:  {
-"screenshotOnFail": {
-"enabled": true
-},
-"tryTo": {
-"enabled": true
-},
-"retryFailedStep": {
-"enabled": true
-},
-"retryTo": {
-"enabled": true
-},
-"eachElement": {
-"enabled": true
-},
-"pauseOnFail": {}
-}
-***************************************
-If you have questions ask them in our Slack: http://bit.ly/chat-codeceptjs
-Or ask them on our discussion board: https://codecept.discourse.group/
-Please copy environment info when you report issues on GitHub: https://github.com/Codeception/CodeceptJS/issues
-***************************************
-CodeceptJS v3.5.4 #StandWithUkraine
-```
-
-* some typings improvements ([#3855](https://github.com/codeceptjs/CodeceptJS/issues/3855)) - by **[nikzupancic](https://github.com/nikzupancic)**
-* support the puppeteer 21.1.1 ([#3856](https://github.com/codeceptjs/CodeceptJS/issues/3856)) - by **[KobeNguyenT](https://github.com/KobeNguyenT)**
-* fix: support secret value for some methods ([#3837](https://github.com/codeceptjs/CodeceptJS/issues/3837)) - by **[KobeNguyenT](https://github.com/KobeNguyenT)**
-
-```
-await I.amOnPage('/form/field_values');
-await I.dontSeeInField('checkbox[]', secret('not seen one'));
-await I.seeInField('checkbox[]', secret('see test one'));
-await I.dontSeeInField('checkbox[]', secret('not seen two'));
-await I.seeInField('checkbox[]', secret('see test two'));
-await I.dontSeeInField('checkbox[]', secret('not seen three'));
-await I.seeInField('checkbox[]', secret('see test three'));
-```
-
-🛩️  **Several bugfixes and improvements for Codecept-UI**
-* Mask the secret value in UI
-* Improve UX/UI
-* PageObjects are now showing in UI
-
-## 3.5.4
-
-🐛 Bug Fixes:
- * **[Playwright]** When passing `userDataDir`, it throws error after test execution ([#3814](https://github.com/codeceptjs/CodeceptJS/issues/3814)) - by **[KobeNguyenT](https://github.com/KobeNguyenT)**
- * [CodeceptJS-CLI] Improve command to generate types ([#3788](https://github.com/codeceptjs/CodeceptJS/issues/3788)) - by **[KobeNguyenT](https://github.com/KobeNguyenT)**
- * Heal plugin fix ([#3820](https://github.com/codeceptjs/CodeceptJS/issues/3820)) - by **[davert](https://github.com/davert)**
- * Fix for error in using `all` with `run-workers` ([#3805](https://github.com/codeceptjs/CodeceptJS/issues/3805)) - by **[KobeNguyenT](https://github.com/KobeNguyenT)**
-```js
-  helpers: {
-    Playwright: {
-      url: 'https://github.com',
-      show: false,
-      browser: 'chromium',
-      waitForNavigation: 'load',
-      waitForTimeout: 30_000,
-      trace: true,
-      keepTraceForPassedTests: true
-    },
-  },
-  multiple: {
-    profile1: {
-      browsers: [
-        {
-          browser: "chromium",
-        }
-      ]
-    },
-  },
-```
- * Highlight elements issues ([#3779](https://github.com/codeceptjs/CodeceptJS/issues/3779)) ([#3778](https://github.com/codeceptjs/CodeceptJS/issues/3778)) - by **[philkas](https://github.com/philkas)**
- * Support `&nbsp` symbol in `I.see` method ([#3815](https://github.com/codeceptjs/CodeceptJS/issues/3815)) - by **[KobeNguyenT](https://github.com/KobeNguyenT)**
-
-```js
-// HTML code uses   instead of space
-<div class="dJHe_" style="color: rgb(255, 255, 255);">My&nbsp;Text!</div>
-
-I.see("My Text!") // this test would work with both &nbsp; and space
-```
-
-📖 Documentation
- * Improve the configuration of electron testing when the app is build with electron-forge ([#3802](https://github.com/codeceptjs/CodeceptJS/issues/3802)) - by **[KobeNguyenT](https://github.com/KobeNguyenT)**
-
-```js
-const path = require("path");
-
-exports.config = {
-  helpers: {
-    Playwright: {
-      browser: "electron",
-      electron: {
-        executablePath: require("electron"),
-        args: [path.join(__dirname, ".webpack/main/index.js")],
-      },
-    },
-  },
-  // rest of config
-}
-```
-
-🛩️ Features
-
-#### **[Playwright]** new features and improvements
- * Parse the response in recording network steps ([#3771](https://github.com/codeceptjs/CodeceptJS/issues/3771)) - by **[KobeNguyenT](https://github.com/KobeNguyenT)**
-
-```js
-      const traffics = await I.grabRecordedNetworkTraffics();
-      expect(traffics[0].url).to.equal('https://reqres.in/api/comments/1');
-      expect(traffics[0].response.status).to.equal(200);
-      expect(traffics[0].response.body).to.contain({ name: 'this was mocked' });
-
-      expect(traffics[1].url).to.equal('https://reqres.in/api/comments/1');
-      expect(traffics[1].response.status).to.equal(200);
-      expect(traffics[1].response.body).to.contain({ name: 'this was another mocked' });
-```
- * Grab metrics ([#3809](https://github.com/codeceptjs/CodeceptJS/issues/3809)) - by **[KobeNguyenT](https://github.com/KobeNguyenT)**
-
-```js
-const metrics = await I.grabMetrics();
-
-// returned metrics
-
-[
-  { name: 'Timestamp', value: 1584904.203473 },
-  { name: 'AudioHandlers', value: 0 },
-  { name: 'AudioWorkletProcessors', value: 0 },
-  { name: 'Documents', value: 22 },
-  { name: 'Frames', value: 10 },
-  { name: 'JSEventListeners', value: 366 },
-  { name: 'LayoutObjects', value: 1240 },
-  { name: 'MediaKeySessions', value: 0 },
-  { name: 'MediaKeys', value: 0 },
-  { name: 'Nodes', value: 4505 },
-  { name: 'Resources', value: 141 },
-  { name: 'ContextLifecycleStateObservers', value: 34 },
-  { name: 'V8PerContextDatas', value: 4 },
-  { name: 'WorkerGlobalScopes', value: 0 },
-  { name: 'UACSSResources', value: 0 },
-  { name: 'RTCPeerConnections', value: 0 },
-  { name: 'ResourceFetchers', value: 22 },
-  { name: 'AdSubframes', value: 0 },
-  { name: 'DetachedScriptStates', value: 2 },
-  { name: 'ArrayBufferContents', value: 1 },
-  { name: 'LayoutCount', value: 0 },
-  { name: 'RecalcStyleCount', value: 0 },
-  { name: 'LayoutDuration', value: 0 },
-  { name: 'RecalcStyleDuration', value: 0 },
-  { name: 'DevToolsCommandDuration', value: 0.000013 },
-  { name: 'ScriptDuration', value: 0 },
-  { name: 'V8CompileDuration', value: 0 },
-  { name: 'TaskDuration', value: 0.000014 },
-  { name: 'TaskOtherDuration', value: 0.000001 },
-  { name: 'ThreadTime', value: 0.000046 },
-  { name: 'ProcessTime', value: 0.616852 },
-  { name: 'JSHeapUsedSize', value: 19004908 },
-  { name: 'JSHeapTotalSize', value: 26820608 },
-  { name: 'FirstMeaningfulPaint', value: 0 },
-  { name: 'DomContentLoaded', value: 1584903.690491 },
-  { name: 'NavigationStart', value: 1584902.841845 }
-]
-```
-
-* Grab WebSocket (WS) messages ([#3789](https://github.com/codeceptjs/CodeceptJS/issues/3789)) - by **[KobeNguyenT](https://github.com/KobeNguyenT)**
-  * `flushWebSocketMessages`
-  * `grabWebSocketMessages`
-  * `startRecordingWebSocketMessages`
-  * `stopRecordingWebSocketMessages`
-
-```js
-await I.startRecordingWebSocketMessages();
-I.amOnPage('https://websocketstest.com/');
-I.waitForText('Work for You!');
-I.flushNetworkTraffics();
-const wsMessages = I.grabWebSocketMessages();
-expect(wsMessages.length).to.equal(0);
-```
-
-```js
-await I.startRecordingWebSocketMessages();
-await I.amOnPage('https://websocketstest.com/');
-I.waitForText('Work for You!');
-const wsMessages = I.grabWebSocketMessages();
-expect(wsMessages.length).to.greaterThan(0);
-```
-
-```js
-await I.startRecordingWebSocketMessages();
-await I.amOnPage('https://websocketstest.com/');
-I.waitForText('Work for You!');
-const wsMessages = I.grabWebSocketMessages();
-await I.stopRecordingWebSocketMessages();
-await I.amOnPage('https://websocketstest.com/');
-I.waitForText('Work for You!');
-const afterWsMessages = I.grabWebSocketMessages();
-expect(wsMessages.length).to.equal(afterWsMessages.length);
-```
-
-* Move from `ElementHandle` to `Locator`. This change is quite major, but it happened under hood, so should not affect your code.  ([#3738](https://github.com/codeceptjs/CodeceptJS/issues/3738)) - by **[KobeNguyenT](https://github.com/KobeNguyenT)**
-
 ## 3.5.3
 
 🛩️ Features
 
-* **[Playwright]** Added commands to check network traffic [#3748](https://github.com/codeceptjs/CodeceptJS/issues/3748) - by **[ngraf](https://github.com/ngraf)** **[KobeNguyenT](https://github.com/KobeNguyenT)**
-  * `startRecordingTraffic`
-  * `grabRecordedNetworkTraffics`
-  * `blockTraffic`
-  * `mockTraffic`
-  * `flushNetworkTraffics`
-  * `stopRecordingTraffic`
-  * `seeTraffic`
-  * `grabTrafficUrl`
-  * `dontSeeTraffic`
-
-Examples:
+* **[Playwright]** Provide new steps to check network traffic [#3748](https://github.com/codeceptjs/CodeceptJS/issues/3748) - by **[ngraf](https://github.com/ngraf)** **[KobeNguyenT](https://github.com/KobeNguyenT)**
 
 ```js
 // recording traffics and verify the traffic

package/docs/community-helpers.md

@@ -31,6 +31,9 @@ Please **add your own** by editing this page.
 * [codeceptjs-bshelper](https://github.com/PeterNgTr/codeceptjs-bshelper) - a helper which updates `Test Names` & `Test Results` on Browserstack 
 * [codeceptjs-tbhelper](https://github.com/testingbot/codeceptjs-tbhelper) - a helper which updates `Test Names` & `Test Results` on TestingBot 
 
+## Integrations
+* [codeceptjs-testrail](https://github.com/PeterNgTr/codeceptjs-testrail) - a plugin to integrate with [Testrail](https://www.gurock.com/testrail)
+
 ## Visual-Testing
 * [codeceptjs-resemblehelper](https://github.com/puneet0191/codeceptjs-resemblehelper) - a helper which helps with visual testing using resemble.js. 
 * [codeceptjs-applitoolshelper](https://www.npmjs.com/package/codeceptjs-applitoolshelper) - a helper which helps interaction with [Applitools](https://applitools.com)
@@ -39,10 +42,8 @@ Please **add your own** by editing this page.
 ## Reporters
 * [codeceptjs-rphelper](https://github.com/reportportal/agent-js-codecept) is a CodeceptJS helper which can publish tests results on ReportPortal after execution.
 * [codeceptjs-xray-helper](https://www.npmjs.com/package/codeceptjs-xray-helper) is a CodeceptJS helper which can publish tests results on [XRAY](https://confluence.xpand-it.com/display/XRAYCLOUD/Import+Execution+Results+-+REST).
-* [codeceptjs-xray-cloud-helper](https://www.npmjs.com/package/codeceptjs-xray-cloud-helper) is a helper that automatically retrieves the result of CodeceptJS tests and sends them to XRAY/JIRA(cloud version) via [XRAY Cloud API](https://docs.getxray.app/display/XRAYCLOUD/Import+Execution+Results+-+REST+v2#ImportExecutionResultsRESTv2-XrayJSONresults).
 * [codeceptjs-slack-reporter](https://www.npmjs.com/package/codeceptjs-slack-reporter) Get a Slack notification when one or more scenarios fail.
 * [codeceptjs-browserlogs-plugin](https://github.com/pavkam/codeceptjs-browserlogs-plugin) Record the browser logs for failed tests.
-* [codeceptjs-testrail](https://github.com/PeterNgTr/codeceptjs-testrail) - a plugin to integrate with [Testrail](https://www.gurock.com/testrail)
 
 ## Browser request control
 * [codeceptjs-resources-check](https://github.com/luarmr/codeceptjs-resources-check) Load a URL with Puppeteer and listen to the requests while the page is loading. Enabling count the number or check the sizes of the requests.
@@ -54,9 +55,4 @@ Please **add your own** by editing this page.
 ## Other
 
 * [codeceptjs-cmdhelper](https://github.com/thiagodp/codeceptjs-cmdhelper) allows you to run commands in the terminal/console
-* [eslint-plugin-codeceptjs](https://www.npmjs.com/package/eslint-plugin-codeceptjs) Eslint rules for CodeceptJS.
-* [codeceptjs-datalayer-helper](https://github.com/kobenguyent/codeceptjs-datalayer-helper) CodeceptJS DataLayer helper helps you to get the datalayer JavaScript array that is used to store information and send this data to the tag manager.
-* [codeceptjs-a11y-helper](https://github.com/kobenguyent/codeceptjs-a11y-helper) accessibility tests integrated with CodeceptJS - Playwright-axe
-* [codeceptjs-lighthouse-helper](https://github.com/kobenguyent/codeceptjs-lighthouse-helper) lighthouse audit integrated with CodeceptJS - Playwright
-* [Snowplow Data analytics](https://www.npmjs.com/package/@viasat/codeceptjs-snowplow-helper) - Test your Snowplow events implementations with CodeceptJS and Snowplow Micro.
-* [codeceptjs-failure-logger](https://github.com/kobenguyent/codeceptjs-failure-logger) - Log failed CodeceptJS tests to file
+* [eslint-plugin-codeceptjs](https://www.npmjs.com/package/eslint-plugin-codeceptjs) Eslint rules for CodeceptJS.