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 traffic
  I.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 params
  I.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.