test: Matrix on reloadPageOnShallowFalseUpdates true | false

Author: franky47

.github/workflows/ci-cd.yml

@@ -121,9 +121,13 @@ jobs:
           SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
 
   e2e-react:
-    name: E2E (react)
+    name: E2E (react-reload-${{ matrix.reload-on-shallow-false }})
     runs-on: ubuntu-22.04-arm
     needs: [ci-core]
+    strategy:
+      fail-fast: false
+      matrix:
+        reload-on-shallow-false: [false, true]
     steps:
       - uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683
       - uses: pnpm/action-setup@fe02b34f77f8bc703788d5817da081398fad5dd2
@@ -139,18 +143,19 @@ jobs:
           TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
           TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
           E2E_NO_CACHE_ON_RERUN: ${{ github.run_attempt }}
+          RELOAD_ON_SHALLOW_FALSE: ${{ matrix.reload-on-shallow-false }}
       - name: Save Cypress artifacts
         uses: actions/upload-artifact@65c4c4a1ddee5b72f698fdd19549f0f0fb45cf08
         if: failure()
         with:
           path: packages/e2e/react/cypress/screenshots
-          name: ci-react
+          name: ci-react-reload-${{ matrix.reload-on-shallow-false }}
       - uses: 47ng/actions-slack-notify@main
         name: Notify on Slack
         if: failure()
         with:
           status: ${{ job.status }}
-          jobName: react
+          jobName: react-reload-${{ matrix.reload-on-shallow-false }}
         env:
           SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
 

packages/e2e/react/src/main.tsx

@@ -8,7 +8,11 @@ enableHistorySync()
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    <NuqsAdapter>
+    <NuqsAdapter
+      reloadPageOnShallowFalseUpdates={
+        process.env.RELOAD_ON_SHALLOW_FALSE === 'true'
+      }
+    >
       <RootLayout>
         <Router />
       </RootLayout>

packages/e2e/react/vite.config.ts

@@ -1,11 +1,19 @@
 import react from '@vitejs/plugin-react'
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 
 // https://vitejs.dev/config/
-export default defineConfig(() => ({
-  plugins: [react()],
-  build: {
-    target: 'es2022',
-    sourcemap: true
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), '')
+  return {
+    plugins: [react()],
+    build: {
+      target: 'es2022',
+      sourcemap: true
+    },
+    define: {
+      'process.env.RELOAD_ON_SHALLOW_FALSE': JSON.stringify(
+        env.RELOAD_ON_SHALLOW_FALSE
+      )
+    }
   }
-}))
+})

turbo.json

@@ -34,7 +34,11 @@
     "e2e-react#build": {
       "outputs": ["dist/**", "cypress/**"],
       "dependsOn": ["^build"],
-      "env": ["REACT_COMPILER", "E2E_NO_CACHE_ON_RERUN"]
+      "env": [
+        "RELOAD_ON_SHALLOW_FALSE",
+        "REACT_COMPILER",
+        "E2E_NO_CACHE_ON_RERUN"
+      ]
     },
     "docs#build": {
       "outputs": [".next/**", "!.next/cache/**"],