add integration test

blitz-js · May 10, 2021 · 48584b1 · 48584b1
1 parent a1e27bb
commit 48584b1
Show file tree

Hide file tree

Showing 9 changed files with 134 additions and 0 deletions.
diff --git a/test/integration/misc/app/queries/getBasic.ts b/test/integration/misc/app/queries/getBasic.ts
@@ -0,0 +1,3 @@
+export default async function getBasic() {
+  return "basic-result"
+}
diff --git a/test/integration/misc/app/queries/getError.ts b/test/integration/misc/app/queries/getError.ts
@@ -0,0 +1,11 @@
+export default async function getError() {
+  return "should-not-succeed"
+}
+
+export const config = {
+  api: {
+    bodyParser: {
+      sizeLimit: "0kb",
+    },
+  },
+}
diff --git a/test/integration/misc/babel.config.js b/test/integration/misc/babel.config.js
@@ -0,0 +1,4 @@
+module.exports = {
+  presets: ["blitz/babel"],
+  plugins: [],
+}
diff --git a/test/integration/misc/blitz.config.js b/test/integration/misc/blitz.config.js
@@ -0,0 +1 @@
+module.exports = {}
diff --git a/test/integration/misc/pages/_app.tsx b/test/integration/misc/pages/_app.tsx
@@ -0,0 +1,11 @@
+import {AppProps} from "blitz"
+import {ReactQueryDevtools} from "react-query/devtools"
+
+export default function App({Component, pageProps}: AppProps) {
+  return (
+    <>
+      <Component {...pageProps} />
+      <ReactQueryDevtools />
+    </>
+  )
+}
diff --git a/test/integration/misc/pages/_document.tsx b/test/integration/misc/pages/_document.tsx
@@ -0,0 +1,23 @@
+import {BlitzScript, Document, DocumentHead, Html, Main} from "blitz"
+
+class MyDocument extends Document {
+  // Only uncomment if you need to customize this behaviour
+  // static async getInitialProps(ctx: DocumentContext) {
+  //   const initialProps = await Document.getInitialProps(ctx)
+  //   return {...initialProps}
+  // }
+
+  render() {
+    return (
+      <Html lang="en">
+        <DocumentHead />
+        <body>
+          <Main />
+          <BlitzScript />
+        </body>
+      </Html>
+    )
+  }
+}
+
+export default MyDocument
diff --git a/test/integration/misc/pages/body-parser.tsx b/test/integration/misc/pages/body-parser.tsx
@@ -0,0 +1,24 @@
+import getError from "app/queries/getError"
+import {useQuery} from "blitz"
+import {Suspense} from "react"
+import {ErrorBoundary} from "react-error-boundary"
+
+function Content() {
+  const [result] = useQuery(getError, undefined)
+
+  return <div id="content">{result}</div>
+}
+
+function Page() {
+  return (
+    <div id="page">
+      <ErrorBoundary FallbackComponent={() => <div id="error">query failed</div>}>
+        <Suspense fallback="Loading...">
+          <Content />
+        </Suspense>
+      </ErrorBoundary>
+    </div>
+  )
+}
+
+export default Page
diff --git a/test/integration/misc/test/index.test.ts b/test/integration/misc/test/index.test.ts
@@ -0,0 +1,32 @@
+/* eslint-env jest */
+import {findPort, killApp, launchApp, renderViaHTTP, waitFor} from "lib/blitz-test-utils"
+import webdriver from "lib/next-webdriver"
+import {join} from "path"
+
+const context: any = {}
+jest.setTimeout(1000 * 60 * 5)
+
+describe("Misc", () => {
+  beforeAll(async () => {
+    context.appPort = await findPort()
+    context.server = await launchApp(join(__dirname, "../"), context.appPort, {
+      env: {__NEXT_TEST_WITH_DEVTOOL: 1},
+    })
+
+    const prerender = ["/body-parser"]
+    await Promise.all(prerender.map((route) => renderViaHTTP(context.appPort, route)))
+  })
+  afterAll(() => killApp(context.server))
+
+  describe("body parser config", () => {
+    it("should render query result", async () => {
+      const browser = await webdriver(context.appPort, "/body-parser")
+      let text = await browser.elementByCss("#page").text()
+      expect(text).toMatch(/Loading/)
+      await browser.waitForElementByCss("#error")
+      text = await browser.elementByCss("#error").text()
+      expect(text).toMatch(/query failed/)
+      if (browser) await browser.close()
+    })
+  })
+})
diff --git a/test/integration/misc/tsconfig.json b/test/integration/misc/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "baseUrl": "./",
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "tsBuildInfoFile": ".tsbuildinfo",
+    "paths": {
+      "lib/*": ["../../lib/*"]
+    }
+  },
+  "exclude": ["node_modules"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"]
+}