fix: test should preview and use new port

Author: carsakiller

.github/workflows/deploy.yml

@@ -11,16 +11,16 @@ permissions:
   id-token: write
 
 jobs:
-  test:
+  build:
     runs-on: ubuntu-latest
     env:
       GITHUB_TOKEN: ${{github.token}}
-    timeout-minutes: 60
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
+      - name: Checkout
+        uses: actions/checkout@v3
         with:
-          node-version: 18
+          fetch-depth: 0
+
       - name: Cache dependencies
         uses: actions/cache@v3
         id: npm-cache
@@ -29,30 +29,45 @@ jobs:
         with:
           path: "**/node_modules"
           key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
+
       - name: Install dependencies
         if: steps.npm-cache.outputs.cache-hit != 'true'
         run: npm ci
-      - name: Install Playwright Browsers
-        run: npx playwright install --with-deps chromium firefox
-      - name: Run Playwright tests
-        run: npx playwright test
-      - uses: actions/upload-artifact@v3
-        if: always()
+
+      - name: Install Playwright (for MermaidJS)
+        run: npx playwright install --with-deps chromium
+
+      - name: Build Website
+        run: npm run build
+
+      - name: Upload Built Website
+        uses: actions/upload-pages-artifact@v1
         with:
-          name: playwright-report
-          path: playwright-report/
-          retention-days: 30
+          path: ./dist/
 
-  build:
-    needs: test
+  test:
+    needs: build
     runs-on: ubuntu-latest
     env:
       GITHUB_TOKEN: ${{github.token}}
+    timeout-minutes: 60
     steps:
-      - name: Checkout
-        uses: actions/checkout@v3
+      - uses: actions/checkout@v3
+
+      - uses: actions/setup-node@v3
         with:
-          fetch-depth: 0
+          node-version: 18
+
+      - uses: actions/download-artifact@v3
+        name: Retrieve output from build step
+        with:
+          name: github-pages
+          path: ./website-build
+
+      - run: |
+          mkdir -p ./dist
+          tar -xf ./website-build/artifact.tar -C ./dist/ --strip-components=1
+        name: Decompress build step output
 
       - name: Cache dependencies
         uses: actions/cache@v3
@@ -62,20 +77,26 @@ jobs:
         with:
           path: "**/node_modules"
           key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
+
       - name: Install dependencies
         if: steps.npm-cache.outputs.cache-hit != 'true'
         run: npm ci
-      - name: Install Playwright (for MermaidJS)
-        run: npx playwright install --with-deps chromium
-      - name: Build Website
-        run: npm run build
-      - name: Upload Built Website
-        uses: actions/upload-pages-artifact@v1
+
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps chromium firefox
+
+      - name: Run Playwright tests
+        run: npx playwright test
+
+      - uses: actions/upload-artifact@v3
+        if: always()
         with:
-          path: ./dist/
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 30
 
   deploy:
-    needs: build
+    needs: test
     runs-on: ubuntu-latest
     environment:
       name: github-pages

playwright.config.ts

@@ -24,7 +24,7 @@ export default defineConfig({
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
     /* Base URL to use in actions like `await page.goto('/')`. */
-    baseURL: "http://localhost:3000/",
+    baseURL: "http://localhost:4321/",
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: "on-first-retry",
@@ -70,8 +70,8 @@ export default defineConfig({
 
   /* Run your local dev server before starting the tests */
   webServer: {
-    command: "npm run dev",
-    url: "http://localhost:3000/",
+    command: "npm run preview",
+    url: "http://localhost:4321/",
     timeout: 60 * 1000,
     reuseExistingServer: !process.env.CI,
   },