diff --git a/package.json b/package.json
index 0662c4c01..3bb366576 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,8 @@
"dependencies": {
"react": "^16.8.4",
"react-dom": "^16.8.4",
- "react-scripts": "2.1.5"
+ "react-scripts": "2.1.5",
+ "react-test-renderer": "^16.8.4"
},
"scripts": {
"start": "react-scripts start",
diff --git a/src/controls/Controls.spec.js b/src/controls/Controls.spec.js
index 2b7c76c59..9e93177d6 100644
--- a/src/controls/Controls.spec.js
+++ b/src/controls/Controls.spec.js
@@ -1 +1,49 @@
-// Test away!
+import React from 'react';
+
+//Component Import
+import Controls from './Controls';
+
+//Testing imports
+import renderer from 'react-test-renderer';
+import {render, fireEvent} from 'react-testing-library';
+
+//Testing Execution Imports
+import 'react-testing-library/cleanup-after-each';
+import 'jest-dom/extend-expect';
+
+describe('', () => {
+ //Run tests on the toggleLocked() function
+ describe('toggleClosed()', () => {
+ it('should call the toggleLocked function', () => {
+ const toggleClosed = jest.fn();
+ const {getByText} = render();
+
+ fireEvent.click(getByText(/close gate/i));
+ expect(toggleClosed).toHaveBeenCalled();
+ });
+ // it('should toggle the text of the button from closed gate to open gate', () => {
+ // const locked = false;
+ // const toggleClosed = jest.fn(locked => {
+ // if (locked) {
+ // locked = false;
+ // } else {
+ // locked = true;
+ // }
+ // });
+ // const actual = toggleClosed(locked);
+ // const {getByText, queryByText} = render(
+ //
+ // );
+ // expect(queryByText(/close gate/i).textContent).toBe('Close Gate');
+ // fireEvent.click(getByText(/close gate/i));
+ // expect(queryByText(/open gate/i).textContent).toBe('Open Gate');
+ // });
+ });
+
+ //Snapshots
+ it('Matches Snapshot', () => {
+ const tree = renderer.create();
+
+ expect(tree.toJSON()).toMatchSnapshot();
+ });
+});
diff --git a/src/controls/__snapshots__/Controls.spec.js.snap b/src/controls/__snapshots__/Controls.spec.js.snap
new file mode 100644
index 000000000..2f7fd0147
--- /dev/null
+++ b/src/controls/__snapshots__/Controls.spec.js.snap
@@ -0,0 +1,19 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[` Matches Snapshot 1`] = `
+
+
+
+
+`;
diff --git a/src/dashboard/Dashboard.spec.js b/src/dashboard/Dashboard.spec.js
index 08bb62db5..6278c2fee 100644
--- a/src/dashboard/Dashboard.spec.js
+++ b/src/dashboard/Dashboard.spec.js
@@ -1 +1,20 @@
-// Test away
+import React from 'react';
+
+//Component to test
+import Dashboard from './Dashboard';
+
+//Testing Libraries
+import {render, fireEvent} from 'react-testing-library';
+import renderer from 'react-test-renderer'; //Snapshot Library
+//Execution Testing Libraries
+import 'react-testing-library/cleanup-after-each'; //Resets the DOM after each test
+import 'jest-dom/extend-expect';
+
+describe('', () => {
+ //Snapshot
+ it('matches snapshot', () => {
+ const tree = renderer.create();
+
+ expect(tree.toJSON()).toMatchSnapshot();
+ });
+});
diff --git a/src/dashboard/__snapshots__/Dashboard.spec.js.snap b/src/dashboard/__snapshots__/Dashboard.spec.js.snap
new file mode 100644
index 000000000..763c898f3
--- /dev/null
+++ b/src/dashboard/__snapshots__/Dashboard.spec.js.snap
@@ -0,0 +1,38 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[` matches snapshot 1`] = `
+Array [
+
+
+ Unlocked
+
+
+ Open
+
+
+
+
+
,
+]
+`;
diff --git a/src/display/Display.spec.js b/src/display/Display.spec.js
index 2b7c76c59..d36ee3956 100644
--- a/src/display/Display.spec.js
+++ b/src/display/Display.spec.js
@@ -1 +1,20 @@
-// Test away!
+import React from 'react';
+
+//Component to test
+import Display from './Display';
+
+//Testing Libraries
+import {render, fireEvent} from 'react-testing-library';
+import renderer from 'react-test-renderer'; //Snapshot Library
+//Execution Testing Libraries
+import 'react-testing-library/cleanup-after-each'; //Resets the DOM after each test
+import 'jest-dom/extend-expect';
+
+describe('', () => {
+ //Snapshot
+ it('matches snapshot', () => {
+ const tree = renderer.create();
+
+ expect(tree.toJSON()).toMatchSnapshot();
+ });
+});
diff --git a/src/display/__snapshots__/Display.spec.js.snap b/src/display/__snapshots__/Display.spec.js.snap
new file mode 100644
index 000000000..8caf356fd
--- /dev/null
+++ b/src/display/__snapshots__/Display.spec.js.snap
@@ -0,0 +1,18 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[` matches snapshot 1`] = `
+
+
+ Unlocked
+
+
+ Open
+
+