Switch from cypress to playwright. (#5248)

* empty * empty * empty * Begin move from cypress to playwright. * Switch remaining tests to playwright, remove old cypress suppport files. * Clean up playwright config * Enable ff, and safari when on mac. * Fix safari/ff mentions test * Fix code-highlighting test on ff/safari * Add a local retry as a few tests are flaky. * Replace cypress w/ playwright in gitignore. * Update to latest yarn to fix ci install? * Update yarn.lock w/ yarn command. * Fix mocha tests. * Fix prettier
2025-08-30 10:29:48 +02:00 · 2023-01-13 19:36:04 -08:00
parent cb133a785f
commit 5dc4396f6b
53 changed files with 787 additions and 1058 deletions
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -0,0 +1,90 @@
+import { PlaywrightTestConfig } from '@playwright/test'
+import { devices } from '@playwright/test'
+import os from 'os'
+
+const projects = [
+  {
+    name: 'chromium',
+    use: {
+      ...devices['Desktop Chrome'],
+      permissions: ['clipboard-read', 'clipboard-write'],
+      launchOptions: {
+        // headless: false,
+        /**
+         * Enable scrollbars in headless mode.
+         */
+        ignoreDefaultArgs: ['--hide-scrollbars'],
+      },
+    },
+  },
+  {
+    name: 'firefox',
+    use: {
+      ...devices['Desktop Firefox'],
+    },
+  },
+]
+
+if (os.type() === 'Darwin') {
+  projects.push({
+    name: 'webkit',
+    use: {
+      ...devices['Desktop Safari'],
+    },
+  })
+}
+
+const retries = process.env.PLAYWRIGHT_RETRIES
+  ? +process.env.PLAYWRIGHT_RETRIES
+  : process.env.CI
+  ? 5
+  : 2
+
+/**
+ * See https://playwright.dev/docs/test-configuration.
+ */
+const config: PlaywrightTestConfig = {
+  testDir: './playwright',
+  /* Maximum time one test can run for. */
+  timeout: 10 * 1000,
+  expect: {
+    /**
+     * Maximum time expect() should wait for the condition to be met.
+     * For example in `await expect(locator).toHaveText();`
+     */
+    timeout: 8000,
+  },
+  /* Run tests in files in parallel */
+  fullyParallel: !process.env.CI,
+  /* Fail the build on CI if you accidentally left test.only in the source code. */
+  forbidOnly: !!process.env.CI,
+  /* Retry on CI only */
+  // allow PLAYWRIGHT_RETRIES to override for local dev
+  retries,
+  /* Opt out of parallel tests. */
+  // workers: 1,
+  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
+  reporter: process.env.CI ? 'github' : 'list',
+  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
+  use: {
+    viewport: {
+      width: 1280,
+      height: 720,
+    },
+    /* Maximum time each action such as `click()` can take. Defaults to 0 (no limit). */
+    actionTimeout: 0,
+    /* Base URL to use in actions like `await page.goto('/')`. */
+    // baseURL: 'http://localhost:3000',
+
+    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
+    trace: 'on-first-retry',
+  },
+
+  /* Configure projects for major browsers */
+  projects,
+
+  /* Folder for test artifacts such as screenshots, videos, traces, etc. */
+  // outputDir: 'test-results/',
+}
+
+export default config