-
Notifications
You must be signed in to change notification settings - Fork 10.3k
/
static-query.js
37 lines (32 loc) · 1.23 KB
/
static-query.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
import React, { useContext } from "react"
import Layout from "../components/layout"
import Seo from "../components/seo"
import * as StaticQuery from "../components/static-query"
import * as UseStaticQuery from "../components/static-query/use-static-query"
import { WrapRootContext } from "../wrap-root-context"
const StaticQueryPage = () => {
const { title } = useContext(WrapRootContext)
return (
<Layout>
<h1>
<code>StaticQuery</code>
</h1>
<StaticQuery.ExportedVariable data-testid="exported" />
<StaticQuery.Variable data-testid="variable" />
<StaticQuery.Inline data-testid="inline" />
<h2>
<code>useStaticQuery</code>
</h2>
<UseStaticQuery.Inline data-testid="use-static-query-inline" />
<UseStaticQuery.Variable data-testid="use-static-query-variable" />
<UseStaticQuery.ExportedVariable data-testid="use-static-query-exported" />
<UseStaticQuery.Destructuring data-testid="use-static-query-destructuring" />
<div>
StaticQuery in wrapRootElement test (should show site title):
<span data-testid="wrap-root-element-result">{title}</span>
</div>
</Layout>
)
}
export const Head = () => <Seo />
export default StaticQueryPage