Test case where we change param

vercel · Dec 9, 2022 · 79d53d0 · 79d53d0
1 parent 3e75b9c
commit 79d53d0
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/test/e2e/app-dir/use-selected-layout-segment-s/app/layout.tsx b/test/e2e/app-dir/use-selected-layout-segment-s/app/layout.tsx
@@ -10,6 +10,12 @@ export default function Layout({ children }: { children: React.ReactNode }) {
         <Link id="change-static" href="/segment-name/param1/different-segment">
           Change static
         </Link>
+        <Link
+          id="change-param"
+          href="/segment-name/param1/segment-name2/different-value/value3/value4'"
+        >
+          Change param
+        </Link>
         {children}
       </body>
     </html>

diff --git a/test/e2e/app-dir/use-selected-layout-segment-s/use-selected-layout-segment-s.test.ts b/test/e2e/app-dir/use-selected-layout-segment-s/use-selected-layout-segment-s.test.ts
@@ -90,4 +90,23 @@ describe('useSelectedLayoutSegment(s)', () => {
       await browser.elementByCss('#before-static > .segment').text()
     ).toMatchInlineSnapshot(`"\\"different-segment\\""`)
   })
+
+  it('should correctly update when changing param segment', async () => {
+    browser.elementById('change-param').click()
+    await waitFor(100)
+
+    expect(
+      await browser.elementByCss('#root > .segments').text()
+    ).toMatchInlineSnapshot(
+      `"[\\"segment-name\\",\\"param1\\",\\"segment-name2\\",\\"different-value\\",\\"value3/value4'\\"]"`
+    )
+
+    expect(
+      await browser.elementByCss('#before-param > .segments').text()
+    ).toMatchInlineSnapshot(`"[\\"different-value\\",\\"value3/value4'\\"]"`)
+
+    expect(
+      await browser.elementByCss('#before-param > .segment').text()
+    ).toMatchInlineSnapshot(`"\\"different-value\\""`)
+  })
 })