173169085-story(oneway-trip):create omeway trip

- Create the popup modal for inserting data
- create the action creators for trip and Places
- Link the created elements with their corresponding Components
- test all functionality

[Finishes #173169085]

Author: brianineza01

__tests__/Components/Auth/ResetPassword/changePassword.test.js

@@ -10,11 +10,21 @@ import {
 const setup = props => {
   const { passwordResetAction, isPasswordUpdated, history, loading } = props;
 
+  let historyMock;
+  if (history) {
+    historyMock = history;
+  } else {
+    historyMock = {
+      push: jest.fn(),
+      replace: jest.fn()
+    };
+  }
+
   const wrapper = shallow(
     <UpdatePassword
       passwordResetAction={passwordResetAction}
       isPasswordUpdated={isPasswordUpdated}
-      history={history}
+      history={historyMock}
       loading={loading}
     />
   );

__tests__/Components/Auth/SignUp/SignUp.test.js

@@ -9,10 +9,19 @@ import {
 
 const setup = props => {
   const { signUpAction, history, status, loading } = props;
+  let historyMock;
+  if (history) {
+    historyMock = history;
+  } else {
+    historyMock = {
+      push: jest.fn(),
+      replace: jest.fn()
+    };
+  }
   const wrapper = shallow(
     <SignUp
       signUpAction={signUpAction}
-      history={history}
+      history={historyMock}
       status={status}
       loading={loading}
     />

__tests__/Components/CreateTripModal/CreateTripModal.test.js

@@ -0,0 +1,43 @@
+import React from "react";
+import { shallow } from "enzyme";
+
+import CreateTripModal from "../../../src/Components/CreateTripModal/CreateTripModal.jsx";
+import OneWayTripFormContainer from "../../../src/Components/OneWayTripForm/OneWayTripForm.jsx";
+
+describe("CreateTripModal test suite", () => {
+  let wrapper;
+  beforeEach(() => {
+    wrapper = shallow(<CreateTripModal showModal={jest.fn()} />);
+  });
+  it("should render with no errors and show one way trip form", () => {
+    expect(wrapper.length).toBe(1);
+    expect(wrapper.find(".modal").exists()).toBe(true);
+    expect(wrapper.find(OneWayTripFormContainer).exists()).toBe(true);
+  });
+
+  it("should simulate change one trip type select", () => {
+    const tripTypeSelect = wrapper.find("#trip-type-select");
+    expect(tripTypeSelect.exists()).toBe(true);
+    tripTypeSelect.simulate("change", {
+      target: {
+        value: "return"
+      }
+    });
+    expect(wrapper.find("p").text()).toBe("return form");
+    tripTypeSelect.simulate("change", {
+      target: {
+        value: "multiCity"
+      }
+    });
+    expect(wrapper.find("p").text()).toBe("Multi-city form");
+  });
+
+  it("should simulate onclick event that closes the modal", () => {
+    const showModal = jest.fn();
+    const component = shallow(<CreateTripModal showModal={showModal} />);
+    const closeButton = component.find(".modal-header__close-button");
+    closeButton.simulate("click");
+    expect(showModal).toHaveBeenCalledTimes(1);
+    expect(showModal).toHaveBeenCalledWith(false);
+  });
+});

__tests__/Components/Home/Home.test.js

@@ -1,10 +1,25 @@
 import React from "react";
 import { shallow } from "enzyme";
+
+import LatestTripsContainer from "../../../src/Components/LatestTrips/LatestTrips.jsx";
+import CreateTripModal from "../../../src/Components/CreateTripModal/CreateTripModal.jsx";
 import Home from "../../../src/Components/Home/Home";
 
 describe("<Home />", () => {
-  it("it renders home component", () => {
+  it("renders home component", () => {
+    const testHome = shallow(<Home />);
+    expect(testHome.find(".main").length).toEqual(1);
+  });
+  it("renders LatestTrips component", () => {
     const testHome = shallow(<Home />);
-    expect(testHome.find("Fragment").length).toEqual(1);
+    expect(testHome.find(LatestTripsContainer).exists()).toBe(true);
+  });
+  it("Should simulate on click metod and display createTripModal", () => {
+    const wrapper = shallow(<Home />);
+    expect(wrapper.find(CreateTripModal).exists()).toBe(false);
+    const createTripButton = wrapper.find(".main__show-button");
+    expect(createTripButton.exists()).toBe(true);
+    createTripButton.simulate("click");
+    expect(wrapper.find(CreateTripModal).exists()).toBe(true);
   });
 });

__tests__/Components/LatestTrips/LatestTrips.test.js

@@ -0,0 +1,262 @@
+import React from "react";
+import { shallow } from "enzyme";
+import sinon from "sinon";
+
+import Trip from "../../../src/Components/Shared/TripContainer/TripContainer.jsx";
+import {
+  LatestTrips,
+  mapStateToProps,
+  mapDispatchToProps
+} from "../../../src/Components/LatestTrips/LatestTrips.jsx";
+
+const setup = props => shallow(<LatestTrips {...props} />);
+
+describe("LatestTrips test suite", () => {
+  const props = {
+    allTrips: [
+      {
+        id: 8,
+        userId: 8,
+        tripType: "one-way",
+        destination: [3],
+        date: "2020-06-24T00:00:00.000Z",
+        returnDate: null,
+        reasons: "Fixing the branch's internet",
+        status: "pending",
+        createdAt: "2020-06-18T20:10:33.128Z",
+        updatedAt: "2020-06-18T20:10:33.128Z",
+        User: {
+          id: 8,
+          lineManager: 1,
+          firstname: "chris",
+          lastname: "meme",
+          email: "[email protected]",
+          role: "Requester"
+        },
+        Departure: {
+          id: 1,
+          name: "kigali branch",
+          country: "Rwanda",
+          city: "kigali city"
+        }
+      },
+      {
+        id: 7,
+        userId: 8,
+        tripType: "one-way",
+        destination: [1],
+        date: "2020-07-12T00:00:00.000Z",
+        returnDate: null,
+        reasons: "Being a manager of new trip",
+        status: "pending",
+        createdAt: "2020-06-18T20:06:54.409Z",
+        updatedAt: "2020-06-18T20:06:54.409Z",
+        User: {
+          id: 8,
+          lineManager: 1,
+          firstname: "chris",
+          lastname: "meme",
+          email: "[email protected]",
+          role: "Requester"
+        },
+        Departure: {
+          id: 2,
+          name: "new york branch",
+          country: "USA",
+          city: "new york"
+        }
+      },
+      {
+        id: 6,
+        userId: 8,
+        tripType: "one-way",
+        destination: [],
+        date: "2020-06-27T00:00:00.000Z",
+        returnDate: null,
+        reasons: "Moving from one branch",
+        status: "pending",
+        createdAt: "2020-06-18T15:05:36.068Z",
+        updatedAt: "2020-06-18T15:05:36.068Z",
+        User: {
+          id: 8,
+          lineManager: 1,
+          firstname: "chris",
+          lastname: "meme",
+          email: "[email protected]",
+          role: "Requester"
+        },
+        Departure: {
+          id: 2,
+          name: "new york branch",
+          country: "USA",
+          city: "new york"
+        }
+      },
+      {
+        id: 5,
+        userId: 8,
+        tripType: "one-way",
+        destination: [1],
+        date: "2020-06-28T00:00:00.000Z",
+        returnDate: null,
+        reasons: "Testing the Functionality of a new branch",
+        status: "pending",
+        createdAt: "2020-06-18T14:33:59.496Z",
+        updatedAt: "2020-06-18T14:33:59.496Z",
+        User: {
+          id: 8,
+          lineManager: 1,
+          firstname: "chris",
+          lastname: "meme",
+          email: "[email protected]",
+          role: "Requester"
+        },
+        Departure: {
+          id: 2,
+          name: "new york branch",
+          country: "USA",
+          city: "new york"
+        }
+      }
+    ],
+    allPlaces: [
+      {
+        id: 1,
+        name: "kigali branch",
+        country: "Rwanda",
+        city: "kigali city",
+        createdAt: "2020-06-18T14:28:30.001Z",
+        updatedAt: "2020-06-18T14:28:30.001Z"
+      },
+      {
+        id: 2,
+        name: "new york branch",
+        country: "USA",
+        city: "new york",
+        createdAt: "2020-06-18T14:28:30.001Z",
+        updatedAt: "2020-06-18T14:28:30.001Z"
+      },
+      {
+        id: 3,
+        name: "paris branch",
+        country: "France",
+        city: "paris",
+        createdAt: "2020-06-18T14:28:30.001Z",
+        updatedAt: "2020-06-18T14:28:30.001Z"
+      }
+    ],
+    getAllTrips: () => {},
+    getPlacesAction: () => {}
+  };
+  let getPlaces;
+  let getAllTrips;
+
+  afterEach(() => {
+    getAllTrips.reset();
+    getPlaces.reset();
+  });
+
+  it("Should shallow The test component did shallow and all actions", () => {
+    getAllTrips = sinon.stub(props, "getAllTrips");
+    getPlaces = sinon.stub(props, "getPlacesAction");
+    setup(props);
+    expect(getAllTrips.calledOnce).toBe(true);
+    expect(getPlaces.calledOnce).toBe(true);
+  });
+
+  it("Should return null as there are no current trips", () => {
+    const component = setup({ ...props, allTrips: [] });
+    expect(component.find("div").exists()).toBe(false);
+    expect(component.find(Trip).exists()).toBe(false);
+  });
+  it("Should render all trips without modifying them", () => {
+    const component = setup({
+      ...props,
+      allTrips: [
+        {
+          id: 8,
+          userId: 8,
+          tripType: "one-way",
+          destination: [3],
+          date: "2020-06-24T00:00:00.000Z",
+          returnDate: null,
+          reasons: "Fixing the branch's internet",
+          status: "pending",
+          createdAt: "2020-06-18T20:10:33.128Z",
+          updatedAt: "2020-06-18T20:10:33.128Z",
+          User: {
+            id: 8,
+            lineManager: 1,
+            firstname: "chris",
+            lastname: "meme",
+            email: "[email protected]",
+            role: "Requester"
+          },
+          Departure: {
+            id: 1,
+            name: "kigali branch",
+            country: "Rwanda",
+            city: "kigali city"
+          }
+        },
+        {
+          id: 7,
+          userId: 8,
+          tripType: "one-way",
+          destination: [1],
+          date: "2020-07-12T00:00:00.000Z",
+          returnDate: null,
+          reasons: "Being a manager of new trip",
+          status: "pending",
+          createdAt: "2020-06-18T20:06:54.409Z",
+          updatedAt: "2020-06-18T20:06:54.409Z",
+          User: {
+            id: 8,
+            lineManager: 1,
+            firstname: "chris",
+            lastname: "meme",
+            email: "[email protected]",
+            role: "Requester"
+          },
+          Departure: {
+            id: 2,
+            name: "new york branch",
+            country: "USA",
+            city: "new york"
+          }
+        }
+      ]
+    });
+    expect(component.find(Trip).exists()).toBe(true);
+  });
+  it("should render without errors", () => {
+    const component = setup(props);
+    expect(component.find("div").exists()).toBe(true);
+    expect(component.find(Trip).exists()).toBe(true);
+  });
+
+  test("mapStateToProps Should return an object", () => {
+    const expectedObject = {
+      allPlaces: props.allPlaces,
+      allTrips: props.allTrips
+    };
+    const stateObject = {
+      places: {
+        places: props.allPlaces
+      },
+      trips: {
+        allTrips: props.allTrips
+      }
+    };
+    const returnedObject = mapStateToProps(stateObject);
+    expect(returnedObject).toStrictEqual(expectedObject);
+  });
+
+  it("should test the mapDispatchToProps", () => {
+    const dispatch = jest.fn();
+    mapDispatchToProps(dispatch).getPlacesAction();
+    mapDispatchToProps(dispatch).getAllTrips();
+    expect(dispatch.mock.calls[0][0]).toBeInstanceOf(Function);
+    expect(dispatch.mock.calls[1][0]).toBeInstanceOf(Function);
+  });
+});