test: Add test case for issue 498 (#500)

* test: Add failing test case for issue 498

* test: Enable 498 on non-WHS builds (will always fail)

* test: Also ignore 14.1.0 (latest) for this test

Author: franky47

packages/e2e/cypress.config.ts

@@ -24,7 +24,8 @@ export default defineConfig({
     env: {
       basePath,
       windowHistorySupport,
-      supportsShallowRouting: supportsShallowRouting(nextJsVersion)
+      supportsShallowRouting: supportsShallowRouting(nextJsVersion),
+      nextJsVersion
     }
   }
 })

packages/e2e/cypress/e2e/repro-359.cy.js

@@ -1,6 +1,6 @@
 /// <reference types="cypress" />
 
-it.only('repro-359', () => {
+it('repro-359', () => {
   cy.visit('/app/repro-359')
   cy.contains('#hydration-marker', 'hydrated').should('be.hidden')
 

packages/e2e/cypress/e2e/repro-498.cy.js

@@ -0,0 +1,17 @@
+/// <reference types="cypress" />
+
+if (
+  Cypress.env('windowHistorySupport') !== 'true' &&
+  Cypress.env('nextJsVersion') !== '14.1.0' // See issue #498
+) {
+  it('Reproduction for issue #498', () => {
+    cy.config('retries', 0)
+    cy.visit('/app/repro-498')
+    cy.contains('#hydration-marker', 'hydrated').should('be.hidden')
+    cy.get('#start').click()
+    cy.location('hash').should('eq', '#section')
+    cy.get('button').click()
+    cy.location('search').should('eq', '?q=test')
+    cy.location('hash').should('eq', '#section')
+  })
+}

packages/e2e/src/app/app/repro-498/page.tsx

@@ -0,0 +1,22 @@
+'use client'
+
+import { useQueryState } from 'nuqs'
+import { Suspense } from 'react'
+
+export default function Page() {
+  return (
+    <main>
+      <a id="start" href="#section">
+        Apply fragment
+      </a>
+      <Suspense>
+        <Client />
+      </Suspense>
+    </main>
+  )
+}
+
+function Client() {
+  const [, set] = useQueryState('q')
+  return <button onClick={() => set('test')}>Set query</button>
+}