diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -26,6 +26,10 @@
     "@babel/preset-react": "^7.8.3",
     "@testing-library/react": "^9.4.0",
     "jest": "^25.1.0",
+    "jest-image-snapshot": "^2.12.0",
+    "jest-transform-css": "^2.0.0",
+    "jest-transform-file": "^1.1.1",
+    "jsdom-screenshot": "^3.2.0",
     "parcel-bundler": "^1.12.4"
   }
 }
diff --git a/setupTests.js b/setupTests.js
@@ -0,0 +1,2 @@
+import { toMatchImageSnapshot } from 'jest-image-snapshot';
+expect.extend({ toMatchImageSnapshot });
diff --git a/src/App.test.js b/src/App.test.js
@@ -1,7 +1,11 @@
 import React from 'react';
+import { generateImage } from 'jsdom-screenshot';
 import { render } from '@testing-library/react';
 import App from './App';
 
-it('runs', async () => {
+it('has no visual regressions', async () => {
   render(<App />);
+
+  const screenshot = await generateImage();
+  expect(screenshot).toMatchImageSnapshot();
 });
diff --git a/src/__image_snapshots__/app-test-js-has-no-visual-regressions-1-snap.png b/src/__image_snapshots__/app-test-js-has-no-visual-regressions-1-snap.png
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		import { toMatchImageSnapshot } from 'jest-image-snapshot';
		expect.extend({ toMatchImageSnapshot });