Merge pull request #62 from oslabs-beta/staging-faast

Finished Enzyme test cases by Fredo

Author: andrewjcho84

__tests__/__snapshots__/enzyme.test.tsx.snap

@@ -1,9 +1,49 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Enzyme testing suite renders snapshots, too 1`] = `
-<div>
-  <h1>
-    Hello, Enzyme!
-  </h1>
+exports[`Test the BottomTabs component Matches snapshot 1`] = `
+<div
+  className="makeStyles-root-1"
+>
+  <Styled(MuiBox)
+    display="flex"
+    justifyContent="space-between"
+  >
+    <WithStyles(ForwardRef(Tabs))
+      classes={
+        Object {
+          "indicator": "makeStyles-tabsIndicator-4",
+          "root": "makeStyles-tabsRoot-3",
+        }
+      }
+      onChange={[Function]}
+      value={0}
+    >
+      <WithStyles(ForwardRef(Tab))
+        classes={
+          Object {
+            "root": "makeStyles-tabRoot-5",
+            "selected": "makeStyles-tabSelected-6",
+          }
+        }
+        disableRipple={true}
+        label="Code Preview"
+      />
+    </WithStyles(ForwardRef(Tabs))>
+  </Styled(MuiBox)>
+  <CodePreview />
+</div>
+`;
+
+exports[`Test the CanvasContainer component Matches snapshot 1`] = `
+<div
+  style={
+    Object {
+      "backgroundColor": "lightgrey",
+      "border": "2px Solid grey",
+      "width": "100%",
+    }
+  }
+>
+  <Canvas />
 </div>
 `;

__tests__/componentReducer.test.ts

@@ -162,13 +162,16 @@ describe('Testing componentReducer functionality', function () {
   describe('RESET STATE reducer', () => {
     it('should reset project to initial state', () => {
       const action: Action = {
-        type: 'RESET STATE'
+        type: 'RESET STATE',
+        payload: ''
       }
       state = reducer(state, action);
       // expect default project to have empty string as name
-      expect(state.name).toEqual('');
+      expect(state.name).toEqual('TESTNAME');
       // expect default project to only have one component in components array
       expect(state.components.length).toEqual(1);
+      // expect lone component to have no children :(
+      expect(state.components[0].children.length).toEqual(0);
     })
   })
 

__tests__/enzyme.test.tsx

@@ -1,12 +1,41 @@
-import { shallow } from 'enzyme';
+import { shallow, mount } from 'enzyme';
 import React from 'react';
 
-describe('Enzyme testing suite', () => {
+import MainContainer from '../app/src/containers/MainContainer';
+import BottomPanel from '../app/src/components/bottom/BottomPanel';
+import BottomTabs from '../app/src/components/bottom/BottomTabs';
+import CodePreview from '../app/src/components/bottom/CodePreview';
+import CanvasContainer from '../app/src/components/main/CanvasContainer';
+import Canvas from '../app/src/components/main/Canvas';
 
-  it('renders snapshots, too', () => {
-    const wrapper = shallow(<div>
-      <h1>Hello, Enzyme!</h1>
-    </div>)
-    expect(wrapper).toMatchSnapshot()
+
+describe('Test the CanvasContainer component', () => {
+  const target = shallow(<CanvasContainer />);
+  it('Matches snapshot', () => {
+    expect(target).toMatchSnapshot()
+  })
+  it('Contains Canvas component', () => {
+    expect(target.contains(<Canvas />)).toBe(true);
+  })
+})
+
+describe('Test the MainContainer component', () => {
+  const target = shallow(<MainContainer />);
+  it('Contains CanvasContainer component', () => {
+    expect(target.contains(<CanvasContainer />)).toBe(true);
+  })
+  it('Contains BottomPanel component', () => {
+    expect(target.contains(<BottomPanel />)).toBe(true);
   })
-})
+})
+
+describe('Test the BottomTabs component', () => {
+  const target = shallow(<BottomTabs />);
+  it('Matches snapshot', () => {
+    expect(target).toMatchSnapshot()
+  })
+  it('Contains a CodePreview component', () => {
+    expect(target.contains(<CodePreview />)).toBe(true);
+  })
+})
+