Setup image snapshot testing with puppeteer and jest-image-snapshot

Author: mauriciopoppe

.gitignore

@@ -4,6 +4,12 @@
 /site/partials/recipes.html
 /site/docs/
 
+# puppeteer cache
+.cache
+
+# jest-image-snapshot diff output
+__diff_output__
+
 # ignore yarn files (this repo uses npm)
 yarn-error.log
 yarn.log

jest-puppeteer.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  server: {
+    command: 'webpack-dev-server --port 4444',
+    port: 4444
+  }
+}

jest.config.cjs

@@ -0,0 +1,6 @@
+const config = {
+  preset: 'jest-puppeteer',
+  transformIgnorePatterns: ['<rootDir>/node_modules/(?!d3-\\.*|internmap)']
+}
+
+module.exports = config