From ed0c78318e653f4778e49e64f1473f5c900f0312 Mon Sep 17 00:00:00 2001
From: Trevor Lewis <tenzingtitan@gmail.com>
Date: Thu, 6 Dec 2018 13:04:52 -0700
Subject: [PATCH] Late, but MVP finished

---
 src/__tests__/App.spec.js     | 20 ++++++++++++-----
 src/__tests__/Button.spec.js  | 30 +++++++++++++++++++++----
 src/__tests__/Display.spec.js | 14 +++++++++++-
 src/__tests__/Panel.spec.js   | 41 ++++++++++++++++++++++++++++++-----
 4 files changed, 90 insertions(+), 15 deletions(-)

diff --git a/src/__tests__/App.spec.js b/src/__tests__/App.spec.js
index a6b1f869..76ca95e8 100644
--- a/src/__tests__/App.spec.js
+++ b/src/__tests__/App.spec.js
@@ -1,10 +1,20 @@
 import React from 'react';
-import { shallow } from 'enzyme';
+import ReactDOM from 'react-dom';
+import Enzyme, { shallow } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 
 import App from '../App';
 
+Enzyme.configure({ adapter: new Adapter() });
+
 describe('<App />', () => {
-	it('renders without crashing', () => {
-		shallow(<App />);
-	});
-});
+  it('it renders shallow without crashing', () => {
+    shallow(<App />)
+  });
+  it('state is initialized', () => {
+    const wrapper = shallow(<App />);
+    expect(wrapper.state().total).toBe('0');
+    expect(wrapper.state().next).toBeFalsy();
+    expect(wrapper.state().operation).toBeFalsy();
+  });
+});
\ No newline at end of file
diff --git a/src/__tests__/Button.spec.js b/src/__tests__/Button.spec.js
index f03654a0..14e1830d 100644
--- a/src/__tests__/Button.spec.js
+++ b/src/__tests__/Button.spec.js
@@ -1,10 +1,32 @@
 import React from 'react';
-import { shallow } from 'enzyme';
+import ReactDOM from 'react-dom';
+import Enzyme, { shallow } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 
 import Button from '../components/Button/Button';
 
+Enzyme.configure({ adapter: new Adapter() });
+
 describe('<Button />', () => {
-	it('renders without crashing', () => {
-		shallow(<Button />);
-	});
+  it('renders without crashing', () => {
+    shallow(<Button />);
+  });
+  
+  it('renders div with orange', () => {
+    const wrapper = shallow(<Button orange />);
+    const buttons = wrapper.find('.orange');
+     expect(buttons.length).toBe(1);
+  });
+
+  it('renders div with wide', () => {
+    const wrapper = shallow(<Button wide />);
+    const buttons = wrapper.find('.wide');
+     expect(buttons.length).toBe(1);
+  });
+
+  it('renders button with prop name', () => {
+    const wrapper = shallow(<Button name="abcd" />);
+    const buttons = wrapper.find('button');
+     expect(buttons.text()).toBe('abcd');
+  });	  
 });
diff --git a/src/__tests__/Display.spec.js b/src/__tests__/Display.spec.js
index 223f25ab..ca0bf53b 100644
--- a/src/__tests__/Display.spec.js
+++ b/src/__tests__/Display.spec.js
@@ -7,4 +7,16 @@ describe('<Display />', () => {
 	it('renders without crashing', () => {
 		shallow(<Display />);
 	});
-});
+
+	it('renders the display', () => {
+		const wrapper = shallow(<Display />);
+		const display = wrapper.find('.component-display');
+		expect(display.length).toBe(1);
+	});
+
+	it('displays the prop', () => {
+		const wrapper = shallow(<Display value='test' />);
+		const displayed = wrapper.find('.component-display > div');
+		expect(displayed.text()).toBe('test');
+	});
+});
\ No newline at end of file
diff --git a/src/__tests__/Panel.spec.js b/src/__tests__/Panel.spec.js
index 440a5abc..775c8077 100644
--- a/src/__tests__/Panel.spec.js
+++ b/src/__tests__/Panel.spec.js
@@ -1,10 +1,41 @@
 import React from 'react';
-import { shallow } from 'enzyme';
+import ReactDOM from 'react-dom';
+import Enzyme, { shallow, mount  } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
 
 import Panel from '../components/Panel/Panel';
+import App from '../App';
+
+Enzyme.configure({ adapter: new Adapter() });
 
 describe('<Panel />', () => {
-	it('renders without crashing', () => {
-		shallow(<Panel />);
-	});
-});
+  it('renders without crashing', () => {
+    shallow(<Panel />);
+  });
+  it('renders within <App />', () => {
+    const wrapper = mount(
+      <App>
+        <Panel />
+      </App>
+    );
+    expect(wrapper.find('button').length).toBe(19);
+    expect(wrapper.find('.component-panel').length).toBe(1);
+  });
+  it('button changes state of App', () => {
+    const wrapper = mount(
+      <App>
+        <Panel />
+      </App>
+    );
+    wrapper
+      .find('button')
+      .filterWhere(btn => btn.text() === '7')
+      .simulate('click');
+    expect(wrapper.state().next).toBe('7');
+    wrapper
+      .find('button')
+      .filterWhere(btn => btn.text() === '9')
+      .simulate('click');
+    expect(wrapper.state().next).toBe('79');
+  });
+});
\ No newline at end of file