test: file-upload-nextjs-pothos example (#1752)

Author: saihaj

examples/file-upload-nextjs-pothos/__integration-tests__/file-upload-nextjs-pothos.spec.ts

@@ -0,0 +1,77 @@
+import { createServer, Server } from 'http'
+import { AddressInfo } from 'net'
+import { fetch, File, FormData } from '@whatwg-node/fetch'
+import * as fs from 'fs'
+import * as path from 'path'
+import { createYoga } from 'graphql-yoga'
+import { schema } from '../schema'
+
+const yoga = createYoga({ schema })
+
+describe('file-upload-nextjs-pothos example integration', () => {
+  let server: Server
+  let port: number
+
+  beforeAll(async () => {
+    server = createServer(yoga)
+    await new Promise<void>((resolve) => server.listen(0, resolve))
+    port = (server.address() as AddressInfo).port
+  })
+
+  afterAll(async () => {
+    await new Promise((resolve) => server.close(resolve))
+  })
+
+  it('should execute query', async () => {
+    const response = await fetch(
+      `http://localhost:${port}/graphql?query=query{greetings}`,
+    )
+    const body = await response.json()
+    expect(body.errors).toBeUndefined()
+    expect(body.data).toEqual({
+      greetings: 'Hello World',
+    })
+  })
+
+  it('should read file text', async () => {
+    const sourceFilePath = path.join(
+      __dirname,
+      '..',
+      '..',
+      '..',
+      'website',
+      'public',
+      'logo.png',
+    )
+
+    const formData = new FormData()
+    formData.set(
+      'operations',
+      JSON.stringify({
+        query: /* GraphQL */ `
+          mutation readTextFile($file: File!) {
+            readTextFile(file: $file)
+          }
+        `,
+      }),
+    )
+    formData.set('map', JSON.stringify({ 0: ['variables.file'] }))
+    formData.set(
+      '0',
+      new File(
+        [await fs.promises.readFile(sourceFilePath)],
+        path.basename(sourceFilePath),
+        { type: 'image/png' },
+      ),
+    )
+
+    const response = await fetch(`http://localhost:${port}/graphql`, {
+      method: 'POST',
+      body: formData,
+    })
+
+    const body = await response.json()
+    expect(body.errors).toBeUndefined()
+    expect(body.data).toBeDefined()
+  })
+})

examples/file-upload-nextjs-pothos/pages/api/graphql.ts

@@ -1,42 +1,6 @@
 import { createYoga } from 'graphql-yoga'
-import SchemaBuilder from '@pothos/core'
 import type { NextApiRequest, NextApiResponse } from 'next'
-
-const builder = new SchemaBuilder<{
-  Scalars: { File: { Input: File; Output: never } }
-}>({})
-
-builder.scalarType('File', {
-  serialize: () => {
-    throw new Error('Uploads can only be used as input types')
-  },
-})
-
-builder.queryType({
-  fields: (t) => ({
-    greetings: t.string({ resolve: () => 'Hello World' }),
-  }),
-})
-
-builder.mutationType({
-  fields: (t) => ({
-    readTextFile: t.string({
-      args: {
-        file: t.arg({
-          type: 'File',
-          required: true,
-        }),
-      },
-      resolve: async (_, { file }) => {
-        const textContent = await file.text()
-
-        return textContent
-      },
-    }),
-  }),
-})
-
-const schema = builder.toSchema({})
+import { schema } from '../../schema'
 
 export default createYoga<{
   req: NextApiRequest

examples/file-upload-nextjs-pothos/schema.ts

@@ -0,0 +1,37 @@
+import SchemaBuilder from '@pothos/core'
+
+const builder = new SchemaBuilder<{
+  Scalars: { File: { Input: File; Output: never } }
+}>({})
+
+builder.scalarType('File', {
+  serialize: () => {
+    throw new Error('Uploads can only be used as input types')
+  },
+})
+
+builder.queryType({
+  fields: (t) => ({
+    greetings: t.string({ resolve: () => 'Hello World' }),
+  }),
+})
+
+builder.mutationType({
+  fields: (t) => ({
+    readTextFile: t.string({
+      args: {
+        file: t.arg({
+          type: 'File',
+          required: true,
+        }),
+      },
+      resolve: async (_, { file }) => {
+        const textContent = await file.text()
+
+        return textContent
+      },
+    }),
+  }),
+})
+
+export const schema = builder.toSchema({})