feat(puppeteer): network traffics manipulation

[kobenguyent]

Motivation/Description of the PR

🛩️ Features

• [Puppeteer] Added commands to check network traffics
  • startRecordingTraffic
  • grabRecordedNetworkTraffics
  • flushNetworkTraffics
  • stopRecordingTraffic
  • seeTraffic
  • dontSeeTraffic

Examples:

// recording traffics and verify the trafficI.startRecordingTraffic();I.amOnPage('https://codecept.io/');I.seeTraffic({name: 'traffics',url: 'https://codecept.io/img/companies/BC_LogoScreen_C.jpg'});

// check the traffic with advanced paramsI.amOnPage('https://openai.com/blog/chatgpt');I.startRecordingTraffic();I.seeTraffic({name: 'sentry event',url: 'https://images.openai.com/blob/cf717bdb-0c8c-428a-b82b-3c3add87a600',parameters: {width: '1919',height: '1138',},});

Applicable helpers:

• Playwright
• WebDriver
• Puppeteer

Type of change

• 📋 Documentation changes/updates
• 🔨 Markdown files fix - not related to source code

Checklist:

• Tests have been added
• Documentation has been added (Run npm run docs)
• Lint checking (Run npm run lint)
• Local tests are passed (Run npm test)

[DavertMik]

There is no plural for traffic and share

so better to rename "networkTraffics" => network

"shares" => "share"

but maybe we don't need this share?
it is already shared

[DavertMik]

why do we need shares folder for that?

[kobenguyent]

Those are the same pieces of code that appeared in 3 helpers. So I wanna move them to a shared folder which is better than copy/paste the same code in 3 helpers.