Make dropdowns close on focus exit (blur)

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,28 @@
+<!--- Provide a general summary of your changes in the Title above -->
+
+# Description
+<!--- Describe your changes in detail -->
+
+# Motivation and Context
+<!--- Why is this change required? What problem does it solve? -->
+<!--- If it fixes an open issue, please link to the issue here. -->
+
+# How has this been tested?
+<!--- Please describe in detail how you tested your changes. -->
+<!--- Include details of your testing environment, tests ran to see how -->
+<!--- your change affects other areas of the code, etc. -->
+
+# Screenshots (if appropriate):
+
+# Types of changes
+<!--- What types of changes does your code introduce? Put an `x` in all the boxes that apply: -->
+- [ ] Bug fix (non-breaking change which fixes an issue)
+- [ ] New feature (non-breaking change which adds functionality)
+- [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
+
+# Checklist:
+<!--- Go over all the following points, and put an `x` in all the boxes that apply. -->
+<!--- If you're unsure about any of these, don't hesitate to ask. We're here to help! -->
+- [ ] My code follows the code style of this project.
+- [ ] My change requires a change to the documentation.
+- [ ] I have updated the documentation accordingly.

README.md

@@ -157,3 +157,7 @@ To run the site locally: `yarn develop`
 #### Note:
 
 Do not write in any files in the `/public` directory. They are being generated by Gatsby and will be written over.
+
+
+# Unit Testing
+This project uses Jest. To run: ```npm test```

__mocks__/file-mock.js

@@ -0,0 +1 @@
+module.exports = "test-file-stub"

__mocks__/gatsby.js

@@ -0,0 +1,27 @@
+const React = require("react")
+const gatsby = jest.requireActual("gatsby")
+
+module.exports = {
+  ...gatsby,
+  graphql: jest.fn(),
+  Link: jest.fn().mockImplementation(
+    // these props are invalid for an `a` tag
+    ({
+      activeClassName,
+      activeStyle,
+      getProps,
+      innerRef,
+      partiallyActive,
+      ref,
+      replace,
+      to,
+      ...rest
+    }) =>
+      React.createElement("a", {
+        ...rest,
+        href: to,
+      })
+  ),
+  StaticQuery: jest.fn(),
+  useStaticQuery: jest.fn(),
+}

jest-preprocess.js

@@ -0,0 +1,5 @@
+const babelOptions = {
+    presets: ["babel-preset-gatsby"],
+  }
+
+  module.exports = require("babel-jest").createTransformer(babelOptions)

jest.config.js

@@ -0,0 +1,16 @@
+module.exports = {
+    transform: {
+      "^.+\\.jsx?$": `<rootDir>/jest-preprocess.js`,
+    },
+    moduleNameMapper: {
+      ".+\\.(css|styl|less|sass|scss)$": `identity-obj-proxy`,
+      ".+\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga|ico)$": `<rootDir>/__mocks__/file-mock.js`,
+    },
+    testPathIgnorePatterns: [`node_modules`, `\\.cache`, `<rootDir>.*/public`],
+    transformIgnorePatterns: [`node_modules/(?!(gatsby)/)`],
+    globals: {
+      __PATH_PREFIX__: ``,
+    },
+    testURL: `http://localhost`,
+    setupFiles: [`<rootDir>/loadershim.js`],
+  }

loadershim.js

@@ -0,0 +1,3 @@
+global.___loader = {
+    enqueue: jest.fn(),
+  }