test(e2e): add boilerplate and tests

[sidvishnoi]

Closes https://github.com/interledger/web-monetization-extension/issues/542

• [x] Add basic functionality to load extension
• [x] Make authentication for rafiki.money work
• [x] Make connect wallet work
• [x] Add tests to ensure boilerplate is enough.
• [x] Add docs on how to setup env for E2E tests locally
• [x] Create an account on rafiki.money for CI
• [x] Add secrets and env vars to GitHub/CI (test environment)
• [x] Run E2E tests:
  • [x] manually by adding a review comment to PR (with body /test)
  • [x] daily before nightly build
• [x] Run tests for:
  • [x] Google Chrome on Ubuntu
  • [x] MS Edge on Ubuntu
• [ ] Prevent confidential info leak
  • [x] Encrypt playwright report artifacts
  • [ ] Prevent potential secrets to be logged in CI (like interactRef)

[github-actions[bot]]

Extension builds preview

Name	Link
Latest commit	ed3e0c3188883b659b92d63cfec26312ab63d6f2
Latest job logs	Run #10848587613
	Download
	Download

[sidvishnoi]

Locally:

[sidvishnoi]

TODO:

• Figure out making it work with headless: false in CI (tests fail locally with headless: true)
  • Works fine on my machine with pnpm test:e2e --project=chromium.
• Figure out way to open popup as a popup, as no browser/automation supports clicking browser action as such (i.e. we need to simulate that behavior, as if popup is open like that)

[sidvishnoi]

Locally:

[sidvishnoi]

Figure out way to open popup as a popup, as no browser/automation supports clicking browser action as such (i.e. we need to simulate that behavior, as if popup is open like that)

One approach could be we open the open as a separate window. Then we won't have to rely on "action.openPopup()" which is flaky. But we'd have to handle focus change events correctly, as popup will always be open (See log: "Popup is open, ignoring focus change").

Checking how to make it work with headless: true or make headless: false work on GitHub Actions. If not possible on CI, being able to run locally would be worthwhile anyway, just more manual and more chances of "works on my machine".

[sidvishnoi]

Apparently, we can't have headless: true with extensions: https://issues.chromium.org/issues/41309918#comment6. Will have to use xvfb if we want this running in CI.

[sidvishnoi]

Chromium tests passed in CI! (although one is already flaky!)

[sidvishnoi]

Firefox isn't supported well enough at the moment: https://github.com/microsoft/playwright/issues/7297 (some things might work, but presently hanging indefinitely locally).

[sidvishnoi]

Ok, puppeteer has same issues. Will test only Chrome for now, and wait for Playwright support for Firefox.

But need to find a way to ensure we can use same context across more tests.