first commit

2026-03-10 19:37:31 +03:30
commit 61f56f997c
27684 changed files with 2784175 additions and 0 deletions
--- a/test/e2e/app-dir/search-params-react-key/app/client-component.js
+++ b/test/e2e/app-dir/search-params-react-key/app/client-component.js
@@ -0,0 +1,24 @@
+'use client'
+
+import { useRouter } from 'next/navigation'
+import React, { useState } from 'react'
+
+export default () => {
+  const router = useRouter()
+  const [count, setCount] = useState(0)
+
+  return (
+    <>
+      <div id="count">{count}</div>
+      <button id="increment" onClick={() => setCount(count + 1)}>
+        increment
+      </button>
+      <button id="push" onClick={() => router.push('/?foo=bar')}>
+        push to /?foo=bar
+      </button>
+      <button id="replace" onClick={() => router.replace('/?foo=baz')}>
+        replace with /?foo=baz
+      </button>
+    </>
+  )
+}
--- a/test/e2e/app-dir/search-params-react-key/app/layout.tsx
+++ b/test/e2e/app-dir/search-params-react-key/app/layout.tsx
@@ -0,0 +1,10 @@
+import React from 'react'
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <html>
+      <head></head>
+      <body>{children}</body>
+    </html>
+  )
+}
--- a/test/e2e/app-dir/search-params-react-key/app/page.tsx
+++ b/test/e2e/app-dir/search-params-react-key/app/page.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+import ClientComponent from './client-component'
+
+export default async ({ searchParams }) => {
+  return (
+    <div>
+      <div id="search-params">{JSON.stringify(await searchParams)}</div>
+      <ClientComponent />
+    </div>
+  )
+}
--- a/test/e2e/app-dir/search-params-react-key/layout-params.test.ts
+++ b/test/e2e/app-dir/search-params-react-key/layout-params.test.ts
@@ -0,0 +1,49 @@
+import { nextTestSetup } from 'e2e-utils'
+import { check } from 'next-test-utils'
+
+describe('app dir - search params keys', () => {
+  const { next } = nextTestSetup({
+    files: __dirname,
+  })
+
+  it('should keep the React router instance the same when changing the search params', async () => {
+    const browser = await next.browser('/')
+
+    const searchParams = await browser
+      .waitForElementByCss('#search-params')
+      .text()
+
+    await browser.elementByCss('#increment').click()
+    await browser.elementByCss('#increment').click()
+
+    await browser.elementByCss('#push').click()
+
+    await check(async () => {
+      const newSearchParams = await browser
+        .waitForElementByCss('#search-params')
+        .text()
+
+      const count = await browser.waitForElementByCss('#count').text()
+
+      return newSearchParams !== searchParams && count === '2'
+        ? 'success'
+        : 'retry'
+    }, 'success')
+
+    await browser.elementByCss('#increment').click()
+    await browser.elementByCss('#increment').click()
+
+    await browser.elementByCss('#replace').click()
+
+    await check(async () => {
+      const newSearchParams = await browser
+        .waitForElementByCss('#search-params')
+        .text()
+      const count = await browser.waitForElementByCss('#count').text()
+
+      return newSearchParams !== searchParams && count === '4'
+        ? 'success'
+        : 'retry'
+    }, 'success')
+  })
+})
--- a/test/e2e/app-dir/search-params-react-key/next.config.js
+++ b/test/e2e/app-dir/search-params-react-key/next.config.js
@@ -0,0 +1 @@
+module.exports = {}