history container unit test with RTL

Author: gspletzer

__tests__/historyContainerTest.js

@@ -81,11 +81,9 @@ describe("history container test", () => {
     screen.debug();
   });
   test("renders all items in history array from store", () => {
-    //console.log(screen.queryAllByLabelText("queryDate"));
     expect(screen.queryAllByLabelText("queryDate").length).toBe(3);
   });
   test("correctly renders headers in history container", () => {
-    //let oldDay = format(twoDaysAgo, "MM/DD/YYYY");
     expect(screen.queryByText("Today")).toBeTruthy();
     expect(screen.queryByText("Yesterday")).toBeTruthy();
     expect(
@@ -100,18 +98,15 @@ describe("history container test", () => {
   test("correctly renders request method for each header in history", () => {
     expect(screen.queryAllByText("GET").length).toBe(3);
   });
-  test("clear history button clears history", () => {
-    
-  })
+  test("clear history button renders", () => {
+    expect(screen.queryByText("Clear History")).toBeTruthy();
+  });
+  /* Doesn't work in RTL at present */
+  // test("clear history pop-up clears history", () => {
+  //   store.dispatch(actions.clearHistory());
+  //   expect(screen.queryAllByLabelText("queryDate").length).toBe(0);
+  // });
 });
-//test if container renders
-// test("renders", () => {
-//   render(<HistoryContainer />);
-
-//   screen.debug();
-// });
-
-//
 
 /* FOR EACH COMPONENT - UNIT TESTING */
 //renders

__tests__/basicTest.js __tests__/historyUnitTest.js__tests__/basicTest.js renamed to __tests__/historyUnitTest.js

@@ -3,125 +3,7 @@ import React from "react";
 import { render as rtlRender } from "@testing-library/react";
 import { createStore } from "redux";
 import { Provider } from "react-redux";
-import format from "date-fns/format";
 import reducers from "../src/client/reducers/index.js";
-
-let today = new Date();
-//generate date for yesterday
-let yesterday = new Date();
-yesterday.setDate(yesterday.getDate() - 1);
-//generate date for two days prior
-let twoDaysAgo = new Date();
-twoDaysAgo.setDate(twoDaysAgo.getDate() - 2);
-
-const initialState = {
-  currentTab: "First Tab",
-  reqResArray: [],
-  history: [
-    {
-      date: format(today, "MM/DD/YYYY"),
-      history: [
-        {
-          id: 1,
-          created_at: today,
-          url: "http://google.com",
-          request: {
-            method: "GET",
-          },
-        },
-      ],
-    },
-    {
-      date: format(yesterday, "MM/DD/YYYY"),
-      history: [
-        {
-          id: 2,
-          created_at: yesterday,
-          url: "http://facebook.com",
-          request: {
-            method: "GET",
-          },
-        },
-      ],
-    },
-    {
-      date: format(twoDaysAgo, "MM/DD/YYYY"),
-      history: [
-        {
-          id: 3,
-          created_at: twoDaysAgo,
-          url: "http://instagram.com",
-          request: {
-            method: "GET",
-          },
-        },
-      ],
-    },
-  ],
-  collections: [],
-  warningMessage: "",
-  newRequestFields: {
-    protocol: "",
-    url: "http://",
-    method: "GET",
-    graphQL: false,
-    gRPC: false,
-  },
-  newRequestHeaders: {
-    headersArr: [],
-    count: 0,
-  },
-  newRequestStreams: {
-    streamsArr: [],
-    count: 0,
-    streamContent: [],
-    selectedPackage: null,
-    selectedRequest: null,
-    selectedService: null,
-    selectedStreamingType: null,
-    initialQuery: null,
-    queryArr: null,
-    protoPath: null,
-    services: null,
-    protoContent: "",
-  },
-  newRequestCookies: {
-    cookiesArr: [],
-    count: 0,
-  },
-  newRequestBody: {
-    bodyContent: "",
-    bodyVariables: "",
-    bodyType: "raw",
-    rawType: "Text (text/plain)",
-    JSONFormatted: true,
-  },
-  newRequestSSE: {
-    isSSE: false,
-  },
-};
-
-function render(
-  ui,
-  {
-    initialState = initialState,
-    store = createStore(reducers, initialState),
-    ...renderOptions
-  } = {}
-) {
-  function Wrapper({ children }) {
-    return <Provider store={store}>{children}</Provider>;
-  }
-  return rtlRender(ui, { wrapper: Wrapper, ...renderOptions });
-}
-
-// re-export everything
-export * from "@testing-library/react";
-
-// override render method
-export { render };
-import reducers from "../src/client/reducers/index.js";
-
 // const initialState = {
 //   currentTab: "First Tab",
 //   reqResArray: [],
@@ -168,7 +50,6 @@ import reducers from "../src/client/reducers/index.js";
 //     isSSE: false,
 //   },
 // };
-
 // function render(
 //   ui,
 //   {
@@ -182,13 +63,10 @@ import reducers from "../src/client/reducers/index.js";
 //   }
 //   return rtlRender(ui, { wrapper: Wrapper, ...renderOptions });
 // }
-
 // // re-export everything
 // export * from "@testing-library/react";
-
 // // override render method
 // export { render };
-
 const renderWithRedux = (
   component,
   { initialState, store = createStore(reducer, initialState) } = {}