Fix react handle references (#1291)

HoudiniGraphql · Mar 29, 2024 · c1628ef · c1628ef
1 parent f45e912
commit c1628ef
Show file tree

Hide file tree

Showing 58 changed files with 3,316 additions and 128 deletions.
diff --git a/.changeset/modern-students-tie.md b/.changeset/modern-students-tie.md
@@ -0,0 +1,5 @@
+---
+'houdini-react': patch
+---
+
+Fix $handle reference
diff --git a/e2e/_api/graphql.mjs b/e2e/_api/graphql.mjs
@@ -67,7 +67,7 @@ let monkeys = [
 ]
 
 // example data
-const dataUsers = [
+export const dataUsers = [
 	{
 		id: '1',
 		name: 'Bruce Willis',
@@ -135,7 +135,7 @@ const listA = []
 const listB = []
 
 const userSnapshots = {}
-function getUserSnapshot(snapshot) {
+export function getUserSnapshot(snapshot) {
 	if (!userSnapshots[snapshot]) {
 		userSnapshots[snapshot] = dataUsers.map((user) => ({
 			...user,
@@ -325,6 +325,9 @@ export const resolvers = {
 
 			return null
 		},
+		avatarURL: (user, { size }) => {
+			return !size ? user.avatarURL : user.avatarURL + `?size=${size}`
+		},
 	},
 
 	Mutation: {

diff --git a/e2e/_api/graphql.mjs.d.ts b/e2e/_api/graphql.mjs.d.ts
@@ -0,0 +1,9 @@
+export type User = {
+	id: string
+	name: string
+	birthDate: Date
+	avatarURL: string
+}
+
+export const dataUsers: User[] = []
+export function getUserSnapshot(snapshot: string): User {}
diff --git a/e2e/react/.gitignore b/e2e/react/.gitignore
@@ -25,3 +25,5 @@ dist-ssr
 *.sln
 *.sw?
 vite.config.ts.*
+
+test-results/
diff --git a/e2e/react/package.json b/e2e/react/package.json
@@ -14,8 +14,9 @@
 		"web": "vite dev",
 		"dev": "concurrently \"pnpm run web\" \"pnpm run api\" -n \"web,api\" -c \"green,magenta\"",
 		"build": "vite build",
-		"tests": "playwright test ",
+		"tests": "playwright test",
 		"test": "npm run tests",
+		"tw": "npx tailwindcss -i ./src/styles.css -o ./public/assets/output.css --watch",
 		"preview": "vite dev"
 	},
 	"dependencies": {

diff --git a/e2e/react/playwright.config.ts b/e2e/react/playwright.config.ts
@@ -8,7 +8,7 @@ export default defineConfig({
 	testIgnore: '**/$houdini/**',
 
 	webServer: {
-		command: 'npm run dev -- --port 3008',
+		command: 'PORT=3008 npm run dev',
 		port: 3008,
 		timeout: 120 * 1000,
 	},