test: add cases for app router non-ascii paths

Author: pieh

tests/e2e/on-demand-app.test.ts

@@ -45,12 +45,26 @@ test.describe('app router on-demand revalidation', () => {
       revalidateApiPath: '/api/on-demand-revalidate/tag?tag=show-4',
       expectedH1Content: 'Hello, Statically fetched show 4',
     },
+    {
+      label: 'revalidatePath (prerendered page with dynamic path) - non-ASCII variant',
+      prerendered: true,
+      pagePath: '/product/事前レンダリング',
+      revalidateApiPath: `/api/on-demand-revalidate/path?path=/product/事前レンダリング`,
+      expectedH1Content: 'Product 事前レンダリング',
+    },
+    {
+      label: 'revalidatePath (not prerendered page with dynamic path) - non-ASCII variant',
+      prerendered: false,
+      pagePath: '/product/事前レンダリングされていない',
+      revalidateApiPath: `/api/on-demand-revalidate/path?path=/product/事前レンダリングされていない`,
+      expectedH1Content: 'Product 事前レンダリングされていない',
+    },
   ]) {
     test(label, async ({ page, pollUntilHeadersMatch, serverComponents }) => {
       // in case there is retry or some other test did hit that path before
       // we want to make sure that cdn cache is not warmed up
       const purgeCdnCache = await page.goto(
-        new URL(`/api/purge-cdn?path=${pagePath}`, serverComponents.url).href,
+        new URL(`/api/purge-cdn?path=${encodeURI(pagePath)}`, serverComponents.url).href,
       )
       expect(purgeCdnCache?.status()).toBe(200)
 

tests/fixtures/server-components/app/api/on-demand-revalidate/path/route.ts

@@ -5,7 +5,7 @@ export async function GET(request: NextRequest) {
   const url = new URL(request.url)
   const pathToRevalidate = url.searchParams.get('path') ?? '/static-fetch/[id]/page'
 
-  revalidatePath(pathToRevalidate)
+  revalidatePath(encodeURI(pathToRevalidate))
   return NextResponse.json({ revalidated: true, now: new Date().toISOString() })
 }
 

tests/fixtures/server-components/app/product/[slug]/page.js

@@ -0,0 +1,20 @@
+const Product = ({ params }) => (
+  <div>
+    <h1>Product {decodeURI(params.slug)}</h1>
+    <p>
+      This page uses generateStaticParams() to prerender a Product
+      <span data-testid="date-now">{new Date().toISOString()}</span>
+    </p>
+  </div>
+)
+
+export async function generateStaticParams() {
+  return [
+    {
+      // Japanese prerendered (non-ascii)
+      slug: '事前レンダリング',
+    },
+  ]
+}
+
+export default Product