tests(artifacts): add basic cases for query modules

integration-tests/artifacts/__tests__/static-queries.js → integration-tests/artifacts/__tests__/tests.js

@@ -1,4 +1,4 @@
-const { spawn } = require(`child_process`)
+const { spawn, spawnSync } = require(`child_process`)
 const path = require(`path`)
 const { murmurhash } = require(`babel-plugin-remove-graphql-queries`)
 const { readPageData } = require(`gatsby/dist/utils/page-data`)
@@ -58,21 +58,25 @@ function hashQuery(query) {
 
 const globalQueries = [githubQuery, moreInfoQuery]
 
-describe(`Static Queries`, () => {
-  beforeAll(async done => {
-    const gatsbyProcess = spawn(gatsbyBin, [`build`], {
-      stdio: [`inherit`, `inherit`, `inherit`, `inherit`],
-      env: {
-        ...process.env,
-        NODE_ENV: `production`,
-      },
-    })
+beforeAll(async done => {
+  spawnSync(gatsbyBin, [`clean`], {
+    stdio: [`inherit`, `inherit`, `inherit`, `inherit`],
+  })
+
+  const gatsbyProcess = spawn(gatsbyBin, [`build`], {
+    stdio: [`inherit`, `inherit`, `inherit`, `inherit`],
+    env: {
+      ...process.env,
+      NODE_ENV: `production`,
+    },
+  })
 
-    gatsbyProcess.on(`exit`, exitCode => {
-      done()
-    })
+  gatsbyProcess.on(`exit`, exitCode => {
+    done()
   })
+})
 
+describe(`Static Queries`, () => {
   test(`are written correctly when inline`, async () => {
     const queries = [titleQuery, ...globalQueries]
     const pagePath = `/inline/`
@@ -181,3 +185,17 @@ describe(`Static Queries`, () => {
     expect(staticQueryHashes.sort()).toEqual(queries.map(hashQuery).sort())
   })
 })
+
+describe(`Modules`, () => {
+  test(`are written correctly when inline`, async () => {
+    const pagePath = `/page-query-modules/`
+
+    const { moduleDependencies } = await readPageData(publicDir, pagePath)
+
+    expect(moduleDependencies).toMatchInlineSnapshot(`
+      Array [
+        "module---src-query-modules-module-a-js-default-",
+      ]
+    `)
+  })
+})

integration-tests/artifacts/gatsby-node.js

@@ -0,0 +1,21 @@
+const path = require(`path`)
+
+exports.createResolvers = ({ createResolvers }) => {
+  createResolvers({
+    Query: {
+      queryModule: {
+        type: `String`,
+        args: {
+          moduleFileName: {
+            type: `String`,
+          },
+        },
+        resolve: (source, args, context) => {
+          return context.pageModel.setModule({
+            source: path.resolve(`./src/query-modules/${args.moduleFileName}`),
+          })
+        },
+      },
+    },
+  })
+}

integration-tests/artifacts/src/pages/page-query-modules.js

@@ -0,0 +1,13 @@
+import React from "react"
+import { graphql, getModule } from "gatsby"
+
+export default function PageQueryModules({ data }) {
+  const Component = getModule(data.queryModule)
+  return <Component />
+}
+
+export const pageQuery = graphql`
+  {
+    queryModule(moduleFileName: "module-a.js")
+  }
+`

integration-tests/artifacts/src/pages/static-query-modules.js

@@ -0,0 +1,13 @@
+import React from "react"
+import { useStaticQuery, graphql, getModule } from "gatsby"
+
+export default function StaticQueryModules() {
+  const { queryModule } = useStaticQuery(graphql`
+    {
+      queryModule(moduleFileName: "module-b.js")
+    }
+  `)
+
+  const Component = getModule(queryModule)
+  return <Component />
+}

integration-tests/artifacts/src/query-modules/module-a.js

@@ -0,0 +1,5 @@
+import React from "react"
+
+export default function ModuleAComponent() {
+  return <div>This is module "A"</div>
+}

integration-tests/artifacts/src/query-modules/module-b.js

@@ -0,0 +1,5 @@
+import React from "react"
+
+export default function ModuleBComponent() {
+  return <div>This is module "B"</div>
+}