Adds GraphQL Codegen (#1130)

.prettierignore

@@ -6,3 +6,4 @@ node_modules
 tsconfig.json
 .vscode
 coverage
+graphql-types.ts

__tests__/components/toggle.test.tsx

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { render, screen } from '../utils';
+import userEvent from '@testing-library/user-event';
+import Toggle from '../../src/components/toggle';
+import { ThemeContext } from '../../src/components/layout';
+
+const mockedSetPreferredTheme = jest.fn();
+
+beforeAll(() => {
+  window.__setPreferredTheme = mockedSetPreferredTheme;
+});
+
+describe('Toggle test', () => {
+  test('renders light to dark', () => {
+    render(
+      <ThemeContext.Provider value="light">
+        <Toggle />
+      </ThemeContext.Provider>
+    );
+    userEvent.click(screen.getByTestId('toggle'));
+    expect(mockedSetPreferredTheme).toHaveBeenCalledWith('dark');
+  });
+  test('renders dark to light', () => {
+    render(
+      <ThemeContext.Provider value="dark">
+        <Toggle />
+      </ThemeContext.Provider>
+    );
+    userEvent.click(screen.getByTestId('toggle'));
+    expect(mockedSetPreferredTheme).toHaveBeenCalledWith('light');
+  });
+});

gatsby-config.js

@@ -28,6 +28,16 @@ const config = {
     commit: process.env.VERCEL_GITHUB_COMMIT_SHA || `main`,
   },
   plugins: [
+    {
+      resolve: `gatsby-plugin-graphql-codegen`,
+      options: {
+        documentPaths: [
+          './src/**/!(*.d).{js,jsx,ts,tsx}',
+          './.cache/fragments/*.js',
+          './node_modules/gatsby-*/**/*.js',
+        ],
+      },
+    },
     `@pauliescanlon/gatsby-mdx-embed`,
     {
       resolve: `gatsby-source-filesystem`,