chore(env): update build and test environment

Author: sbardian

.circleci/config.yml

@@ -1,17 +1,55 @@
-version: 2.1
+# version: 2.1
 
-orbs:
-  cypress: cypress-io/[email protected]
+# orbs:
+#   cypress: cypress-io/[email protected]
 
-workflows:
+# workflows:
+#   build:
+#     jobs:
+#       - cypress/install:
+#           yarn: true
+#           build: yarn build
+#       - cypress/run:
+#           requires:
+#             - cypress/install
+#           yarn: true
+#           start: yarn develop
+#           wait-on: "--timeout 20000 http://localhost:8000"
+
+# Javascript Node CircleCI 2.0 configuration file
+#
+# Check https://circleci.com/docs/2.0/language-javascript/ for more details
+#
+version: 2
+jobs:
   build:
-    jobs:
-      - cypress/install:
-          yarn: true
-          build: yarn build
-      - cypress/run:
-          requires:
-            - cypress/install
-          yarn: true
-          start: yarn develop
-          wait-on: "--timeout 20000 http://localhost:8000"
+    docker:
+      # specify the version you desire here
+      - image: circleci/node:10.16
+
+      # Specify service dependencies here if necessary
+      # CircleCI maintains a library of pre-built images
+      # documented at https://circleci.com/docs/2.0/circleci-images/
+      # - image: circleci/mongo:3.4.4
+
+    working_directory: ~/repo
+
+    steps:
+      - checkout
+
+      # Download and cache dependencies
+      - restore_cache:
+          keys:
+            - v1-dependencies-{{ checksum "package.json" }}
+            # fallback to using the latest cache if no exact match is found
+            - v1-dependencies-
+
+      - run: yarn install
+
+      - save_cache:
+          paths:
+            - node_modules
+          key: v1-dependencies-{{ checksum "package.json" }}
+
+      # run tests!
+      - run: yarn test

.eslintrc.js

@@ -0,0 +1,11 @@
+module.exports = {
+  extends: ["airbnb", "prettier", "prettier/react"],
+  plugins: ["emotion", "prettier"],
+  env: {
+    jest: true,
+  },
+  parser: "babel-eslint",
+  rules: {
+    "react/jsx-filename-extension": "off",
+  },
+}

.eslintrc.json

@@ -1,9 +1,70 @@
+# Project dependencies
+.cache
+node_modules
+yarn-error.log
+package-lock.json
+
+# Build directory
+/public
+.DS_Store
+
+# Created by https://www.gitignore.io/api/node,linux,macos,windows,visualstudiocode
+# Edit at https://www.gitignore.io/?templates=node,linux,macos,windows,visualstudiocode
+
+### Linux ###
+*~
+
+# temporary files which can be created if a process still has a handle open of a deleted file
+.fuse_hidden*
+
+# KDE directory preferences
+.directory
+
+# Linux trash folder which might appear on any partition or disk
+.Trash-*
+
+# .nfs files are created when an open file is removed but is still being accessed
+.nfs*
+
+### macOS ###
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+### Node ###
 # Logs
 logs
 *.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
 
 # Runtime data
 pids
@@ -16,11 +77,12 @@ lib-cov
 
 # Coverage directory used by tools like istanbul
 coverage
+*.lcov
 
 # nyc test coverage
 .nyc_output
 
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
 .grunt
 
 # Bower dependency directory (https://bower.io/)
@@ -29,16 +91,19 @@ bower_components
 # node-waf configuration
 .lock-wscript
 
-# Compiled binary addons (http://nodejs.org/api/addons.html)
+# Compiled binary addons (https://nodejs.org/api/addons.html)
 build/Release
 
 # Dependency directories
 node_modules/
 jspm_packages/
 
-# Typescript v1 declaration files
+# TypeScript v1 declaration files
 typings/
 
+# TypeScript cache
+*.tsbuildinfo
+
 # Optional npm cache directory
 .npm
 
@@ -51,19 +116,75 @@ typings/
 # Output of 'npm pack'
 *.tgz
 
+# Yarn Integrity file
+.yarn-integrity
+
 # dotenv environment variables file
 .env
+.env.test
 
-# gatsby files
-.cache/
-public
+# parcel-bundler cache (https://parceljs.org/)
+.cache
 
-# Mac files
-.DS_Store
+# next.js build output
+.next
 
-# Yarn
-yarn-error.log
-.pnp/
-.pnp.js
-# Yarn Integrity file
-.yarn-integrity
+# nuxt.js build output
+.nuxt
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+### VisualStudioCode ###
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+### VisualStudioCode Patch ###
+# Ignore all local history of files
+.history
+
+### Windows ###
+# Windows thumbnail cache files
+Thumbs.db
+Thumbs.db:encryptable
+ehthumbs.db
+ehthumbs_vista.db
+
+# Dump file
+*.stackdump
+
+# Folder config file
+[Dd]esktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
+
+# Windows Installer files
+*.cab
+*.msi
+*.msix
+*.msm
+*.msp
+
+# Windows shortcuts
+*.lnk
+
+# Gatsby
+public
+.cache
+**/public
+**/cache
+
+# End of https://www.gitignore.io/api/node,linux,macos,windows,visualstudiocode

.gitignore

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

.prettierrc

@@ -0,0 +1,28 @@
+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(),
+}

__mocks__/file-mock.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ["@commitlint/config-conventional"],
+}

__mocks__/gatsby.js

@@ -1,5 +1,6 @@
 module.exports = {
   hooks: {
-    "pre-commit": "yarn lint",
+    "commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
+    "pre-commit": "lint-staged",
   },
 }

commitlint.config.js

@@ -0,0 +1,2 @@
+/* eslint-disable import/no-extraneous-dependencies */
+import "@testing-library/jest-dom/extend-expect"

cypress/videos/default.test.js.mp4

@@ -0,0 +1,6 @@
+/* eslint-disable import/no-extraneous-dependencies */
+const babelOptions = {
+  presets: ["babel-preset-gatsby"],
+}
+
+module.exports = require("babel-jest").createTransformer(babelOptions)

husky.config.js

@@ -0,0 +1,22 @@
+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)$": `<rootDir>/__mocks__/file-mock.js`,
+  },
+  testPathIgnorePatterns: [
+    `node_modules`,
+    `.cache`,
+    `public`,
+    `<rootDir>/cypress`,
+  ],
+  transformIgnorePatterns: [`node_modules/(?!(gatsby)/)`],
+  globals: {
+    __PATH_PREFIX__: ``,
+  },
+  testURL: `http://localhost`,
+  setupFiles: [`<rootDir>/loadershim.js`],
+  setupFilesAfterEnv: [`<rootDir>/jest-dom.js`],
+}

jest-dom.js

@@ -0,0 +1,4 @@
+/* eslint-disable no-underscore-dangle */
+global.___loader = {
+  enqueue: jest.fn(),
+}