BOD-58 WIP For testing classes. No success.

client/src/components/allocations-assignment/__snapshots__/allocations-assignment.component.test.js.snap

@@ -0,0 +1,5 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AllocationsAssignmentComponent component should create an allocation on save 1`] = `ReactWrapper {}`;
+
+exports[`AllocationsAssignmentComponent component should render AllocationsAssignmentComponent component 1`] = `ReactWrapper {}`;

client/src/components/allocations-assignment/allocations-assignment.component.jsx

@@ -9,10 +9,7 @@ const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop
 });
 
-export default connect(
-  mapStateToProps,
-  null
-)(function AllocationsAssignmentComponent({
+export function AllocationsAssignmentComponent({
   bodyshop,
   handleAssignment,
   assignment,
@@ -30,16 +27,15 @@ export default connect(
 
   const popContent = (
     <div>
-      <Select
+      <Select id="employeeSelector"
         showSearch
         style={{ width: 200 }}
-        placeholder="Select a person"
-        optionFilterProp="children"
+        placeholder='Select a person'
+        optionFilterProp='children'
         onChange={onChange}
         filterOption={(input, option) =>
           option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
-        }
-      >
+        }>
         {bodyshop.employees.map(emp => (
           <Select.Option value={emp.id} key={emp.id}>
             {`${emp.first_name} ${emp.last_name}`}
@@ -55,10 +51,9 @@ export default connect(
       />
 
       <Button
-        type="primary"
+        type='primary'
         disabled={!assignment.employeeid}
-        onClick={handleAssignment}
-      >
+        onClick={handleAssignment}>
         Assign
       </Button>
       <Button onClick={() => setVisibility(false)}>Close</Button>
@@ -72,4 +67,6 @@ export default connect(
       </Button>
     </Popover>
   );
-});
+}
+
+export default connect(mapStateToProps, null)(AllocationsAssignmentComponent);

client/src/components/allocations-assignment/allocations-assignment.component.test.js

@@ -0,0 +1,38 @@
+import { mount, shallow } from "enzyme";
+import React from "react";
+import { AllocationsAssignmentComponent } from "./allocations-assignment.component";
+import { MockBodyshop } from "../../utils/TestingHelpers";
+import { Select } from "antd";
+const div = document.createElement("div");
+
+describe("AllocationsAssignmentComponent component", () => {
+  let wrapper;
+
+  beforeEach(() => {
+    const mockProps = {
+      bodyshop: MockBodyshop,
+      handleAssignment: jest.fn(),
+      assignment: {},
+      setAssignment: jest.fn(),
+      visibilityState: [false, jest.fn()],
+      maxHours: 4
+    };
+
+    wrapper = mount(<AllocationsAssignmentComponent {...mockProps} />);
+  });
+
+  it("should render AllocationsAssignmentComponent component", () => {
+    expect(wrapper).toMatchSnapshot();
+  });
+
+  it("should render a list of employees", () => {
+    const empList = wrapper.find("#employeeSelector");
+    console.log(empList.debug());
+    expect(empList.children()).to.have.lengthOf(2);
+  });
+
+  it("should create an allocation on save", () => {
+    wrapper.find("Button").simulate("click");
+    expect(wrapper).toMatchSnapshot();
+  });
+});

client/src/components/allocations-assignment/allocations-assignment.container.test.jsx

@@ -1,20 +0,0 @@
-import React from "react";
-import { shallow } from "enzyme";
-import AllocationsAssignmentContainer from "./allocations-assignment.container";
-
-describe("LineAllocationsContainer", () => {
-  let mockRefetch;
-  let jobLineId;
-  let wrapper;
-  beforeEach(() => {
-    mockRefetch = jest.fn;
-    jobLineId = "b76e44a8-943f-4c67-b8f4-38d14db8b4b8";
-    const mockProps = {
-      refetch: mockRefetch,
-      jobLineId,
-      hours: 5
-    };
-
-    shallow(<AllocationsAssignmentContainer {...mockProps} />);
-  });
-});