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 index 5b2098ccd952d..fa23af3275738 100644 --- 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 }) { Change static + + Change param + {children} 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 index 917670352c70c..53e603497de35 100644 --- 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\\""`) + }) })