chore: move smoke tests to vitest (#315)

* chore: move playwright specific utils to separate module

* chore: move smoke tests to vitest

* chore: cleanup html response from comments, don't copy .yarn

* test: add netlify token to vitest tests

* test: only distribute not skipped tests

Author: pieh

.github/workflows/run-tests.yml

@@ -86,7 +86,9 @@ jobs:
         id: fixture-cache-key
         # Fixtures only need to be rebuilt if anything in the tests/fixtures directory changes,
         # so we're using a hash of the files in that directory as the cache key.
-        run: echo "key=$(git ls-files -s tests/fixtures/ tests/prepare.mjs | git hash-object --stdin)" >> "$GITHUB_OUTPUT"
+        run:
+          echo "key=$(git ls-files -s tests/fixtures/ tests/prepare.mjs | git hash-object --stdin)"
+          >> "$GITHUB_OUTPUT"
         shell: bash
       - name: Cache Fixtures
         id: cache-fixtures
@@ -99,3 +101,5 @@ jobs:
         run: npm run pretest
       - name: 'Test'
         run: npm run test:ci -- --shard=${{ matrix.shard }}
+        env:
+          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_TOKEN }}

tests/e2e/edge-middleware.test.ts

@@ -1,5 +1,5 @@
 import { expect } from '@playwright/test'
-import { test } from '../utils/create-e2e-fixture.js'
+import { test } from '../utils/playwright-helpers.js'
 import { getImageSize } from 'next/dist/server/image-optimizer.js'
 
 test('Runs edge middleware', async ({ page, middleware }) => {

tests/e2e/nx-integrated.test.ts

@@ -1,5 +1,5 @@
 import { expect, type Locator } from '@playwright/test'
-import { test } from '../utils/create-e2e-fixture.js'
+import { test } from '../utils/playwright-helpers.js'
 
 const expectImageWasLoaded = async (locator: Locator) => {
   expect(await locator.evaluate((img: HTMLImageElement) => img.naturalHeight)).toBeGreaterThan(0)

tests/e2e/on-demand-app.test.ts

@@ -1,5 +1,5 @@
 import { expect } from '@playwright/test'
-import { test } from '../utils/create-e2e-fixture.js'
+import { test } from '../utils/playwright-helpers.js'
 
 test.describe('app router on-demand revalidation', () => {
   test('revalidatePath', async ({ page, serverComponents }) => {

tests/e2e/package-manager.test.ts

@@ -1,5 +1,5 @@
 import { expect } from '@playwright/test'
-import { test } from '../utils/create-e2e-fixture.js'
+import { test } from '../utils/playwright-helpers.js'
 
 // those tests have different fixtures and can run in parallel
 test.describe.configure({ mode: 'parallel' })

tests/e2e/page-router.test.ts

@@ -1,5 +1,5 @@
 import { expect } from '@playwright/test'
-import { test } from '../utils/create-e2e-fixture.js'
+import { test } from '../utils/playwright-helpers.js'
 
 export function waitFor(millis: number) {
   return new Promise((resolve) => setTimeout(resolve, millis))

tests/e2e/simple-app.test.ts

@@ -1,5 +1,5 @@
 import { type Locator, expect } from '@playwright/test'
-import { test } from '../utils/create-e2e-fixture.js'
+import { test } from '../utils/playwright-helpers.js'
 
 const expectImageWasLoaded = async (locator: Locator) => {
   expect(await locator.evaluate((img: HTMLImageElement) => img.naturalHeight)).toBeGreaterThan(0)

tests/e2e/smoke.test.ts

@@ -1,5 +1,5 @@
 import { expect } from '@playwright/test'
-import { test } from '../utils/create-e2e-fixture.js'
+import { test } from '../utils/playwright-helpers.js'
 
 // those tests have different fixtures and can run in parallel
 test.describe.configure({ mode: 'parallel' })

tests/e2e/turborepo.test.ts

@@ -0,0 +1,16 @@
+import { expect, test } from 'vitest'
+import { Fixture, fixtureFactories } from '../utils/create-e2e-fixture'
+
+async function smokeTest(createFixture: () => Promise<Fixture>) {
+  const fixture = await createFixture()
+  const response = await fetch(fixture.url)
+  expect(response.status).toBe(200)
+
+  // remove comments that React injects into produced html
+  const body = (await response.text()).replace(/<!--.+-->/g, '')
+  await expect(body).toContain('SSR: yes')
+}
+
+test('yarn@3 monorepo with pnpm linker', async () => {
+  await smokeTest(fixtureFactories.yarnMonorepoWithPnpmLinker)
+})