test(solid-router): add params test for basic file based (#5642)

birkskyum · web-flow · commit a2aaf1f73f95 · 2025-10-26T23:43:18.000+01:00
add params test for basic file based
diff --git a/e2e/solid-router/basic-file-based/src/routeTree.gen.ts b/e2e/solid-router/basic-file-based/src/routeTree.gen.ts
diff --git a/e2e/solid-router/basic-file-based/src/routes/non-nested/named/$baz_.bar.tsx b/e2e/solid-router/basic-file-based/src/routes/non-nested/named/$baz_.bar.tsx
@@ -1,6 +1,6 @@
 import { createFileRoute } from '@tanstack/solid-router'
 
-export const Route = createFileRoute('/non-nested/named/$baz_/bar')({
+export const Route = createFileRoute('/non-nested/named/$baz/bar')({
   component: RouteComponent,
 })
 
diff --git a/e2e/solid-router/basic-file-based/src/routes/non-nested/path/baz_.bar.tsx b/e2e/solid-router/basic-file-based/src/routes/non-nested/path/baz_.bar.tsx
@@ -1,6 +1,6 @@
 import { createFileRoute } from '@tanstack/solid-router'
 
-export const Route = createFileRoute('/non-nested/path/baz_/bar')({
+export const Route = createFileRoute('/non-nested/path/baz/bar')({
   component: RouteComponent,
 })
 
diff --git a/e2e/solid-router/basic-file-based/src/routes/non-nested/prefix/prefix{$baz}_.bar.tsx b/e2e/solid-router/basic-file-based/src/routes/non-nested/prefix/prefix{$baz}_.bar.tsx
@@ -1,6 +1,6 @@
 import { createFileRoute } from '@tanstack/solid-router'
 
-export const Route = createFileRoute('/non-nested/prefix/prefix{$baz}_/bar')({
+export const Route = createFileRoute('/non-nested/prefix/prefix{$baz}/bar')({
   component: RouteComponent,
 })
 
diff --git a/e2e/solid-router/basic-file-based/src/routes/non-nested/suffix/{$baz}suffix_.bar.tsx b/e2e/solid-router/basic-file-based/src/routes/non-nested/suffix/{$baz}suffix_.bar.tsx
@@ -1,6 +1,6 @@
 import { createFileRoute } from '@tanstack/solid-router'
 
-export const Route = createFileRoute('/non-nested/suffix/{$baz}suffix_/bar')({
+export const Route = createFileRoute('/non-nested/suffix/{$baz}suffix/bar')({
   component: RouteComponent,
 })
 
diff --git a/e2e/solid-router/basic-file-based/src/routes/params-ps/index.tsx b/e2e/solid-router/basic-file-based/src/routes/params-ps/index.tsx
@@ -18,6 +18,55 @@ function RouteComponent() {
             /params-ps/named/$foo
           </Link>
         </li>
+        <li>
+          <Link
+            data-testid="l-to-named-prefixfoo"
+            to="/params-ps/named/prefix{$foo}"
+            params={{ foo: 'foo' }}
+          >
+            /params-ps/named/{'prefix{$foo}'}
+          </Link>
+        </li>
+        <li>
+          <Link
+            data-testid="l-to-named-foosuffix"
+            to="/params-ps/named/{$foo}suffix"
+            params={{ foo: 'foo' }}
+          >
+            /params-ps/named/{'{$foo}suffix'}
+          </Link>
+        </li>
+      </ul>
+      <hr />
+      <h3 class="pb-2">Wildcard path params</h3>
+      <ul class="grid mb-2">
+        <li>
+          <Link
+            data-testid="l-to-wildcard-foo"
+            to="/params-ps/wildcard/$"
+            params={{ _splat: 'foo' }}
+          >
+            /params-ps/wildcard/$
+          </Link>
+        </li>
+        <li>
+          <Link
+            data-testid="l-to-wildcard-prefixfoo"
+            to="/params-ps/wildcard/prefix{$}"
+            params={{ _splat: 'foo' }}
+          >
+            /params-ps/wildcard/{'prefix{$}'}
+          </Link>
+        </li>
+        <li>
+          <Link
+            data-testid="l-to-wildcard-foosuffix"
+            to="/params-ps/wildcard/{$}suffix"
+            params={{ _splat: 'foo' }}
+          >
+            /params-ps/wildcard/{'{$}suffix'}
+          </Link>
+        </li>
       </ul>
       <hr />
       <h3 class="pb-2">Non-nested path params</h3>
diff --git a/e2e/solid-router/basic-file-based/src/routes/params-ps/named/index.tsx b/e2e/solid-router/basic-file-based/src/routes/params-ps/named/index.tsx
@@ -0,0 +1,7 @@
+import { createFileRoute, redirect } from '@tanstack/solid-router'
+
+export const Route = createFileRoute('/params-ps/named/')({
+  beforeLoad: () => {
+    throw redirect({ to: '/params-ps' })
+  },
+})
diff --git a/e2e/solid-router/basic-file-based/src/routes/params-ps/named/prefix{$foo}.tsx b/e2e/solid-router/basic-file-based/src/routes/params-ps/named/prefix{$foo}.tsx
@@ -0,0 +1,14 @@
+import { createFileRoute } from '@tanstack/solid-router'
+export const Route = createFileRoute('/params-ps/named/prefix{$foo}')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  const p = Route.useParams()
+  return (
+    <div>
+      <h3>ParamsNamedFooPrefix</h3>
+      <div data-testid="params-output">{JSON.stringify(p())}</div>
+    </div>
+  )
+}
diff --git a/e2e/solid-router/basic-file-based/src/routes/params-ps/named/{$foo}suffix.tsx b/e2e/solid-router/basic-file-based/src/routes/params-ps/named/{$foo}suffix.tsx
@@ -0,0 +1,14 @@
+import { createFileRoute } from '@tanstack/solid-router'
+export const Route = createFileRoute('/params-ps/named/{$foo}suffix')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  const p = Route.useParams()
+  return (
+    <div>
+      <h3>ParamsNamedFooSuffix</h3>
+      <div data-testid="params-output">{JSON.stringify(p())}</div>
+    </div>
+  )
+}
diff --git a/e2e/solid-router/basic-file-based/src/routes/params-ps/non-nested/$foo_/$bar.tsx b/e2e/solid-router/basic-file-based/src/routes/params-ps/non-nested/$foo_/$bar.tsx
@@ -1,7 +1,7 @@
 import { createFileRoute, useParams } from '@tanstack/solid-router'
 import { useExperimentalNonNestedRoutes } from '../../../../../tests/utils/useExperimentalNonNestedRoutes'
 
-export const Route = createFileRoute('/params-ps/non-nested/$foo_/$bar')({
+export const Route = createFileRoute('/params-ps/non-nested/$foo/$bar')({
   component: RouteComponent,
 })
 
diff --git a/e2e/solid-router/basic-file-based/src/routes/params-ps/non-nested/$foo_/route.tsx b/e2e/solid-router/basic-file-based/src/routes/params-ps/non-nested/$foo_/route.tsx
@@ -1,3 +1,3 @@
 import { createFileRoute } from '@tanstack/solid-router'
 
-export const Route = createFileRoute('/params-ps/non-nested/$foo_')()
+export const Route = createFileRoute('/params-ps/non-nested/$foo')()
diff --git a/e2e/solid-router/basic-file-based/src/routes/params-ps/wildcard/$.tsx b/e2e/solid-router/basic-file-based/src/routes/params-ps/wildcard/$.tsx
@@ -0,0 +1,14 @@
+import { createFileRoute } from '@tanstack/solid-router'
+export const Route = createFileRoute('/params-ps/wildcard/$')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  const p = Route.useParams()
+  return (
+    <div>
+      <h3>ParamsWildcardSplat</h3>
+      <div data-testid="params-output">{JSON.stringify(p())}</div>
+    </div>
+  )
+}
diff --git a/e2e/solid-router/basic-file-based/src/routes/params-ps/wildcard/index.tsx b/e2e/solid-router/basic-file-based/src/routes/params-ps/wildcard/index.tsx
@@ -0,0 +1,8 @@
+import { createFileRoute } from '@tanstack/solid-router'
+import { redirect } from '@tanstack/solid-router'
+
+export const Route = createFileRoute('/params-ps/wildcard/')({
+  beforeLoad: () => {
+    throw redirect({ to: '/params-ps' })
+  },
+})
diff --git a/e2e/solid-router/basic-file-based/src/routes/params-ps/wildcard/prefix{$}.tsx b/e2e/solid-router/basic-file-based/src/routes/params-ps/wildcard/prefix{$}.tsx
@@ -0,0 +1,14 @@
+import { createFileRoute } from '@tanstack/solid-router'
+export const Route = createFileRoute('/params-ps/wildcard/prefix{$}')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  const p = Route.useParams()
+  return (
+    <div>
+      <h3>ParamsWildcardSplatPrefix</h3>
+      <div data-testid="params-output">{JSON.stringify(p())}</div>
+    </div>
+  )
+}
diff --git a/e2e/solid-router/basic-file-based/src/routes/params-ps/wildcard/{$}suffix.tsx b/e2e/solid-router/basic-file-based/src/routes/params-ps/wildcard/{$}suffix.tsx
@@ -0,0 +1,14 @@
+import { createFileRoute } from '@tanstack/solid-router'
+export const Route = createFileRoute('/params-ps/wildcard/{$}suffix')({
+  component: RouteComponent,
+})
+
+function RouteComponent() {
+  const p = Route.useParams()
+  return (
+    <div>
+      <h3>ParamsWildcardSplatSuffix</h3>
+      <div data-testid="params-output">{JSON.stringify(p())}</div>
+    </div>
+  )
+}
diff --git a/e2e/solid-router/basic-file-based/src/routes/posts_.$postId.edit.tsx b/e2e/solid-router/basic-file-based/src/routes/posts_.$postId.edit.tsx
@@ -1,7 +1,7 @@
 import { createFileRoute, getRouteApi, useParams } from '@tanstack/solid-router'
 import { useExperimentalNonNestedRoutes } from '../../tests/utils/useExperimentalNonNestedRoutes'
 
-export const Route = createFileRoute('/posts_/$postId/edit')({
+export const Route = createFileRoute('/posts/$postId/edit')({
   component: PostEditPage,
 })
 
diff --git a/e2e/solid-router/basic-file-based/tests/params.spec.ts b/e2e/solid-router/basic-file-based/tests/params.spec.ts
