Improve test reliability

[compulim]

Changelog Entry

Fixed

• Improved test reliability and adding snapshot to console of test harness in development mode, by @compulim, in PR #3891

Description

Now, we can show the image snapshot in console:

Design

Specific Changes

• Group multiple sendTab and sendShiftTab into a single call
• pageObjects.scrollToTop
  • Before scrolling, wait for scroll to stabilize
    • If we scroll while the scroll is animating, our scroll may not land in precise position
  • After scrolling, wait for scroll to stabilize at the right scroll position
• After rendering Web Chat with a static transcript, wait for all activities to show up
• Add unit tests for marshal.js and unmarshal.js
• Fix an issue in RPC that it is not marshalling when resolve/reject
• Test harness running in development mode will take snapshot and draw it in the console log
• Taking a snapshot will wait until the page is stabilized:
  • Wait until all images are completed (either loaded or errored)
  • Wait until 2 consecutive screenshots look exactly the same
• Added a new option on sendMessageViaSendBox, waitForNumResponse, to wait for X number of responses from bot
  • pageObjects.sendMessageViaSendBox('Hello, World!', { waitForNumResponse: 1 }) will wait for 1 response from bot
• Bump to [email protected] for a race condition fix
  • Fix race conditions and add tests compulim/react-scroll-to-bottom#85

• I have added tests and executed them locally
• I have updated CHANGELOG.md
• I have updated documentation

Review Checklist

This section is for contributors to review your work.

• Accessibility reviewed (tab order, content readability, alt text, color contrast)
• Browser and platform compatibilities reviewed
• CSS styles reviewed (minimal rules, no z-index)
• Documents reviewed (docs, samples, live demo)
• Internationalization reviewed (strings, unit formatting)
• package.json and package-lock.json reviewed
• Security reviewed (no data URIs, check for nonce leak)
• Tests reviewed (coverage, legitimacy)

[corinagum]

FYI, I made some edits to your PR overview. LMK what you think :)

[corinagum]

Approved, pending a few comments (and questions, haha)

[compulim]

Saw this, thanks!