MPP-3779: E2E test fixes and additions

[rafeerahman]

This PR fixes MPP-3779.

Summary of work

• Tests were fixed and 4 new tests were added.
  • See a full summary here, https://docs.google.com/spreadsheets/d/1wIgdGe7To-ELCcoivGVaAPFxH-9eSWCiMgR9B-cuEN4/edit#gid=0
• Most of this work involved updating selectors in their respective pages files, fixing asynchronous operations within auth flows, and updating screenshots/tests to match new designs/flows.
• Updates were also made to the README.md doc.
• A health check job was added, which runs a subset of tests (https://github.com/mozilla/fx-private-relay/blob/aa13ab6d51be48c1efcaf150f167321aeff053ff/e2e-tests/README.md#8-health-check).

How to test

• Tests were ran on in Github Actions and passed

  • Stage run: https://github.com/mozilla/fx-private-relay/actions/runs/8759527060

  • Prod run: https://github.com/mozilla/fx-private-relay/actions/runs/8820178988/job/24213170565

  • Dev run: https://github.com/mozilla/fx-private-relay/actions/runs/8819283497

  • In select this branch and enabled 'health_check', and run. Passed, https://github.com/mozilla/fx-private-relay/actions/runs/8822492263

Checklist (Definition of Done)

• Product Owner accepted the User Story (demo of functionality completed) or waived the privilege.
• Customer Experience team has seen or waived a demo of functionality.
• All acceptance criteria are met.
• Jira ticket has been updated (if needed) to match changes made during the development process.
• I've added or updated relevant docs in the docs/ directory
• Jira ticket has been updated (if needed) with suggestions for QA when this PR is deployed to stage.
• All UI revisions follow the coding standards, and use Protocol tokens where applicable (see /frontend/src/styles/tokens.scss).
• Commits in this PR are minimal and have descriptive commit messages.
• l10n changes have been submitted to the l10n repository, if any.

[jwhitlock]

Thanks @rafeerahman! I've got a few nits and one possible documentation error, but there's a ton of work here (thanks!), so I'd rather see it merged and fixed later if needed

[groovecoder]

I tried to run this against the dev server and it failed. https://github.com/mozilla/fx-private-relay/actions/runs/8806158642/job/24170346150#logs

I think it failed because we don't have all the Stripe products & plans set up for dev like we have for stage + prod? I'd like to help set those up if we can verify that will fix the tests. I'd love these tests to run against the dev server after every merge to main so we can catch any errors ASAP.

[rafeerahman]

I tried to run this against the dev server and it failed. https://github.com/mozilla/fx-private-relay/actions/runs/8806158642/job/24170346150#logs

I think it failed because we don't have all the Stripe products & plans set up for dev like we have for stage + prod? I'd like to help set those up if we can verify that will fix the tests. I'd love these tests to run against the dev server after every merge to main so we can catch any errors ASAP.

On the dev server, the yearly and monthly "Emails" plans do not have product plans setup, so the tests fail. If the tests are ran on the dev server, I added logic to skip these specific tests for now.

Similarly, the "Emails and phones" plans does not have a monthly product plan setup, only the yearly works and clicking monthly redirects to yearly. Skipping the monthly test for now.

Dev tests passing now: https://github.com/mozilla/fx-private-relay/actions/runs/8819283497

[jwhitlock]

Thanks @rafeerahman, the changes look good. I also can't confirm they work until they are merged 😬

[jwhitlock]

ok yaml lint...