feat(ppt): websocket messages

[kobenguyent]

Motivation/Description of the PR

• feat(Puppeteer): recording WS messages

Recording WS messages:

      await I.startRecordingWebSocketMessages();
      await I.amOnPage('https://websocketstest.com/');
      I.waitForText('Work for You!');
      const wsMessages = I.grabWebSocketMessages();
      expect(wsMessages.length).to.greaterThan(0);

flushing WS messages:

      await I.startRecordingWebSocketMessages();
      I.amOnPage('https://websocketstest.com/');
      I.waitForText('Work for You!');
      I.flushWebSocketMessages();
      const wsMessages = I.grabWebSocketMessages();
      expect(wsMessages.length).to.equal(0);

Applicable helpers:

• Puppeteer

Type of change

• 🚀 New functionality

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)

[mirao]

I've just used the feature and noticed that await I.grabWebSocketMessages() returns a string instead of an array 🐛 .
It seems to be caused by this code that incorrectly adds a string message instead of pushing it to the array?

CodeceptJS/lib/helper/Puppeteer.js

Lines 2600 to 2602 in 457ef79

	_logWebsocketMessages(message) {
	this.webSocketMessages += message;
	}

[kobenguyent]

Oh that's originally an issue since it's implemented in playwright. But I guess no much usage since. But thanks! Will fix it.

#3789