dev(testing): add jest-playwright and reduce flakiness of e2e tests

[jsjoeio]

This PR adds jest-playwright and refactors the e2e tests to hopefully reduce the flakiness.

Changes

• add jest-playwright in preparation of [dev]: enable end-to-end test suite on Safari and Firefox #2998
  • will add support for Firefox after [BUG] Firefox browser.close throws Protocol error (Browser.removeBrowserContext): Browser closed microsoft/playwright#6020 is fixed
• refactors globalSetup to manually create cookie for auth reuse
• refactors other tests based on jest-playwright
• removes old code
• modifies tests to run with --runInBand (opposite of in parallel)
• fixes flakiness

Screenshots

Checklist

• tested locally
• added new dependencies
• added a test
• fix flaky logout test
• remove unused code maybeUpdatedCookies
• get tests passing locally

Related:

• lays the foundation for [dev]: enable end-to-end test suite on Safari and Firefox #2998

[oxy]

I think we need to move the playwright-* packages to devDependencies, and am not sure about .eslintrc order but looks good otherwise!

[oxy]

Looks good!

[dgozman]

Hi @jsjoeio! Would you consider trying playwright-test instead of jest-playwright? We at Playwright team believe that with the focused test runner it is possible to deliver better experience for e2e tests. If you are open to this, I can guide/help with the migration, as well as address the feedback on the test runner side 😄 Let me know if you are interested!

[jsjoeio]

Hey @dgozman! Thanks for getting in touch. Yes, we would, esp. if the Playwright team recommends it :)

I've opened a new issue for us to discuss + to track us making the switch: #3115