chore(gatsby): add StaticQuery to SSR test

integration-tests/ssr/package.json

@@ -29,7 +29,7 @@
   "scripts": {
     "build": "gatsby build",
     "clean": "gatsby clean",
-    "develop": "gatsby develop",
+    "develop": "cross-env GATSBY_EXPERIMENTAL_DEV_SSR=true gatsby develop",
     "serve": "gatsby serve",
     "start-dev-server": "start-server-and-test develop http://localhost:8000 test:jest",
     "test": "cross-env GATSBY_EXPERIMENTAL_DEV_SSR=true npm-run-all -s build start-dev-server",

integration-tests/ssr/src/pages/hi.js

@@ -1,15 +1,25 @@
 import React from "react"
-import { useStaticQuery, graphql } from "gatsby"
+import { StaticQuery, graphql } from "gatsby"
 
 export default function Inline() {
-  const { site } = useStaticQuery(graphql`
-    {
-      site {
-        siteMetadata {
-          title
-        }
-      }
-    }
-  `)
-  return <div>hi1 {site.siteMetadata.title}</div>
+  return (
+    <div>
+      <StaticQuery
+        query={graphql`
+          query {
+            site {
+              siteMetadata {
+                title
+              }
+            }
+          }
+        `}
+        render={data => (
+          <header>
+            <h1>{data.site.siteMetadata.title}</h1>
+          </header>
+        )}
+      />
+    </div>
+  )
 }

integration-tests/ssr/test-output.js

@@ -42,9 +42,15 @@
       )
     )
 
-    const rawDevHtml = await fetch(`${devSiteBasePath}/${path}`).then(res =>
-      res.text()
-    )
+    let devStatus = 200
+    const rawDevHtml = await fetch(`${devSiteBasePath}/${path}`).then(res => {
+      devStatus = res.status
+      return res.text()
+    })
+
+    if (devStatus !== 200) {
+      return false
+    }
 
     const devHtml = format(filterHtml(rawDevHtml))
     const diffResult = diff(devHtml, builtHtml, {