add route_param test

e2e/react/.gitignore

@@ -24,3 +24,4 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+vite.config.ts.*

e2e/react/package.json

@@ -37,11 +37,14 @@
 		"@types/react": "^18.0.27",
 		"@types/react-dom": "^18.0.10",
 		"@vitejs/plugin-react": "^3.1.0",
+		"autoprefixer": "^10.4.16",
 		"concurrently": "7.1.0",
 		"cross-env": "^7.0.3",
 		"e2e-api": "workspace:^",
 		"hono": "^3.6.0",
 		"houdini-adapter-node": "workspace:^",
+		"postcss": "^8.4.31",
+		"tailwindcss": "^3.3.3",
 		"typescript": "^4.9.3",
 		"vite": "^4.1.0",
 		"wrangler": "^3.7.0"

e2e/react/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+	plugins: {
+		tailwindcss: {},
+		autoprefixer: {},
+	},
+}

e2e/react/src/routes/+layout.tsx

@@ -1,8 +1,9 @@
-import manifest from '$houdini/plugins/houdini-react/manifest.json'
 import { useCache } from '$houdini/plugins/houdini-react/runtime/routing'
 import React from 'react'
+import { routes } from '~/utils/routes'
 
 import type { LayoutProps } from './$types'
+import './index.css'
 
 export default function ({ children }: LayoutProps) {
 	// save the cache reference on the window
@@ -17,11 +18,11 @@ export default function ({ children }: LayoutProps) {
 	return (
 		<>
 			<ul style={{ listStyle: 'none' }}>
-				{Object.values(manifest.pages).map((route) => {
+				{Object.entries(routes).map(([route, url]) => {
 					return (
-						<li key={route.url}>
-							<a href={route.url} data-houdini-preload>
-								{route.url}
+						<li key={url}>
+							<a href={url} data-houdini-preload>
+								{route}
 							</a>
 						</li>
 					)

e2e/react/src/routes/hello/+page.tsx

@@ -1,5 +1,5 @@
 import type { PageProps } from './$types'
 
 export default function ({ HelloWorld }: PageProps) {
-	return <div>{JSON.stringify(HelloWorld)}</div>
+	return <div>{HelloWorld.hello}</div>
 }

e2e/react/src/routes/index.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

e2e/react/src/routes/route_params/+layout.tsx

@@ -0,0 +1,14 @@
+import { LayoutProps } from './$types'
+
+export default ({ children }: LayoutProps) => {
+	return (
+		<div>
+			<div className="flex flex-row gap-12">
+				<a href="/route_params/1">user 1</a>
+				<a href="/route_params/2">user 2</a>
+				<a href="/route_params/3">user 3</a>
+			</div>
+			{children}
+		</div>
+	)
+}

e2e/react/src/routes/route_params/[id]/+page.gql

@@ -0,0 +1,5 @@
+query RouteParamsUserInfo($id: ID!) {
+	user(id: $id, snapshot: "route_params") {
+		name
+	}
+}

e2e/react/src/routes/route_params/[id]/+page.tsx

@@ -0,0 +1,10 @@
+import type { PageProps } from './$types'
+
+export default function ({ RouteParamsUserInfo }: PageProps) {
+	const { user } = RouteParamsUserInfo
+	return (
+		<div>
+			<div>{user.name}</div>
+		</div>
+	)
+}

e2e/react/src/utils/routes.ts

@@ -0,0 +1,6 @@
+export const routes = {
+	hello: '/hello',
+	componentFields_simple: '/component_fields/simple',
+	componentFields_arguments: '/component_fields/arguments',
+	route_params: '/route_params/1',
+}

e2e/react/tailwind.config.js

@@ -0,0 +1,7 @@
+export default {
+	content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
+	theme: {
+		extend: {},
+	},
+	plugins: [],
+}