Skip to content

Commit 85bf6ee

Browse files
nlynzaadnlynzaad
committed
add solid-router e2e tests
1 parent 499a557 commit 85bf6ee

File tree

11 files changed

+601
-0
lines changed

11 files changed

+601
-0
lines changed

‎e2e/solid-router/basic-file-based/src/routeTree.gen.ts‎

Lines changed: 233 additions & 0 deletions
Large diffs are not rendered by default.

‎e2e/solid-router/basic-file-based/src/routes/non-nested/deep/$baz.index.tsx‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import { createFileRoute } from '@tanstack/solid-router'
2+
3+
export const Route = createFileRoute('/non-nested/deep/$baz/')({
4+
component: RouteComponent,
5+
})
6+
7+
function RouteComponent() {
8+
const params = Route.useParams()
9+
return (
10+
<div>
11+
<div data-testid="non-nested-deep-baz-index-heading">
12+
Hello deeply nested baz index
13+
</div>
14+
<div data-testid="non-nested-deep-baz-index-param">
15+
{JSON.stringify(params())}
16+
</div>
17+
</div>
18+
)
19+
}

‎e2e/solid-router/basic-file-based/src/routes/non-nested/deep/$baz.route.tsx‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
import { Outlet, createFileRoute } from '@tanstack/solid-router'
2+
3+
export const Route = createFileRoute('/non-nested/deep/$baz')({
4+
component: RouteComponent,
5+
})
6+
7+
function RouteComponent() {
8+
return (
9+
<div>
10+
<div data-testid="non-nested-deep-baz-route-heading">
11+
Hello non-nested named baz route layout
12+
</div>
13+
<Outlet />
14+
</div>
15+
)
16+
}

‎e2e/solid-router/basic-file-based/src/routes/non-nested/deep/$baz_.bar.$foo.index.tsx‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import { createFileRoute } from '@tanstack/solid-router'
2+
3+
export const Route = createFileRoute('/non-nested/deep/$baz_/bar/$foo/')({
4+
component: RouteComponent,
5+
})
6+
7+
function RouteComponent() {
8+
const params = Route.useParams()
9+
return (
10+
<div>
11+
<div data-testid="non-nested-deep-baz-bar-foo-index-heading">
12+
Hello deeply nested baz/bar/foo index
13+
</div>
14+
<div data-testid="non-nested-deep-baz-bar-foo-index-param">
15+
{JSON.stringify(params())}
16+
</div>
17+
</div>
18+
)
19+
}

‎e2e/solid-router/basic-file-based/src/routes/non-nested/deep/$baz_.bar.$foo.route.tsx‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
import { Outlet, createFileRoute } from '@tanstack/solid-router'
2+
3+
export const Route = createFileRoute('/non-nested/deep/$baz_/bar/$foo')({
4+
component: RouteComponent,
5+
})
6+
7+
function RouteComponent() {
8+
return (
9+
<div>
10+
<div data-testid="non-nested-deep-baz-bar-foo-route-heading">
11+
Hello deeply nested named baz/bar/foo route layout
12+
</div>
13+
<Outlet />
14+
</div>
15+
)
16+
}

‎e2e/solid-router/basic-file-based/src/routes/non-nested/deep/$baz_.bar.$foo_.qux.tsx‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import { createFileRoute } from '@tanstack/solid-router'
2+
3+
export const Route = createFileRoute('/non-nested/deep/$baz_/bar/$foo_/qux')({
4+
component: RouteComponent,
5+
})
6+
7+
function RouteComponent() {
8+
const params = Route.useParams()
9+
return (
10+
<div>
11+
<div data-testid="non-nested-deep-baz-bar-foo-qux-heading">
12+
Hello deeply nested baz/bar/foo/qux
13+
</div>
14+
<div data-testid="non-nested-deep-baz-bar-foo-qux-param">
15+
{JSON.stringify(params())}
16+
</div>
17+
</div>
18+
)
19+
}

‎e2e/solid-router/basic-file-based/src/routes/non-nested/deep/$baz_.bar.index.tsx‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import { createFileRoute } from '@tanstack/solid-router'
2+
3+
export const Route = createFileRoute('/non-nested/deep/$baz_/bar/')({
4+
component: RouteComponent,
5+
})
6+
7+
function RouteComponent() {
8+
const params = Route.useParams()
9+
return (
10+
<div>
11+
<div data-testid="non-nested-deep-baz-bar-index-heading">
12+
Hello deeply nested baz/bar index
13+
</div>
14+
<div data-testid="non-nested-deep-baz-bar-index-param">
15+
{JSON.stringify(params())}
16+
</div>
17+
</div>
18+
)
19+
}

‎e2e/solid-router/basic-file-based/src/routes/non-nested/deep/$baz_.bar.route.tsx‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
import { Outlet, createFileRoute } from '@tanstack/solid-router'
2+
3+
export const Route = createFileRoute('/non-nested/deep/$baz_/bar')({
4+
component: RouteComponent,
5+
})
6+
7+
function RouteComponent() {
8+
return (
9+
<div>
10+
<div data-testid="non-nested-deep-baz-bar-route-heading">
11+
Hello deeply nested baz/bar route layout
12+
</div>
13+
<Outlet />
14+
</div>
15+
)
16+
}

‎e2e/solid-router/basic-file-based/src/routes/non-nested/deep/$baz_.bar_.qux.tsx‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
import { createFileRoute } from '@tanstack/solid-router'
2+
3+
export const Route = createFileRoute('/non-nested/deep/$baz_/bar_/qux')({
4+
component: RouteComponent,
5+
})
6+
7+
function RouteComponent() {
8+
const params = Route.useParams()
9+
return (
10+
<div>
11+
<div data-testid="non-nested-deep-baz-bar-qux-heading">
12+
Hello deeply nested bar/bar/qux
13+
</div>
14+
<div data-testid="non-nested-deep-baz-bar-qux-param">
15+
{JSON.stringify(params())}
16+
</div>
17+
</div>
18+
)
19+
}

‎e2e/solid-router/basic-file-based/src/routes/non-nested/deep/route.tsx‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
import { Link, Outlet, createFileRoute } from '@tanstack/solid-router'
2+
3+
export const Route = createFileRoute('/non-nested/deep')({
4+
component: RouteComponent,
5+
})
6+
7+
function RouteComponent() {
8+
return (
9+
<div>
10+
<div data-testid="non-nested-deep-root-route-heading">
11+
Hello non-nested deep layout
12+
</div>
13+
<div>
14+
<Link
15+
from={Route.fullPath}
16+
to="./$baz"
17+
params={{ baz: 'baz' }}
18+
data-testid="to-deep-baz"
19+
>
20+
To Baz
21+
</Link>
22+
<Link
23+
from={Route.fullPath}
24+
to="./$baz/bar"
25+
params={{ baz: 'baz-bar' }}
26+
data-testid="to-deep-baz-bar"
27+
>
28+
To named baz/bar
29+
</Link>
30+
<Link
31+
from={Route.fullPath}
32+
to="./$baz/bar/$foo"
33+
params={{ baz: 'baz-bar', foo: 'foo' }}
34+
data-testid="to-deep-baz-bar-foo"
35+
>
36+
To named baz/bar/foo
37+
</Link>
38+
<Link
39+
from={Route.fullPath}
40+
to="./$baz/bar/$foo/qux"
41+
params={{ baz: 'baz-bar-qux', foo: 'foo' }}
42+
data-testid="to-deep-baz-bar-foo-qux"
43+
>
44+
To named baz/bar/foo/qux
45+
</Link>
46+
<Link
47+
from={Route.fullPath}
48+
to="./$baz/bar/qux"
49+
params={{ baz: 'baz-bar-qux' }}
50+
data-testid="to-deep-baz-bar-qux"
51+
>
52+
To named baz/bar/qux
53+
</Link>
54+
</div>
55+
<Outlet />
56+
</div>
57+
)
58+
}

0 commit comments

Comments
 (0)