react/redux testing library update

Author: gspletzer

__mocks__/fileMock.js

@@ -0,0 +1 @@
+module.exports = "test-file-stub";

__mocks__/styleMocks.js

@@ -1 +1 @@
-module.exports = 'test-file-stub';
+module.exports = {};

__tests__/composerTest.js

@@ -0,0 +1,20 @@
+import React from "react";
+import { createStore } from "redux";
+import { Provider } from "react-redux";
+import { render, screen, fireEvent } from "./test-utils.js";
+import HistoryContainer from "../src/client/components/containers/HistoryContainer";
+import "@testing-library/jest-dom/extend-expect";
+import store from "../src/client/store";
+import { ElectronHttpExecutor } from "electron-updater/out/electronHttpExecutor";
+
+test("renders", () => {
+  render(<HistoryContainer />);
+
+  screen.debug();
+});
+
+/* FOR EACH COMPONENT - UNIT TESTING */
+//renders
+//buttons work (clear history, etc.)
+//forms function (accepts input)
+//state updates appropriately

__tests__/test-utils.js

@@ -0,0 +1,73 @@
+// test-utils.js
+import React from "react";
+import { render as rtlRender } from "@testing-library/react";
+import { createStore } from "redux";
+import { Provider } from "react-redux";
+import reducers from "../src/client/reducers/index.js";
+
+const initialState = {
+  currentTab: "First Tab",
+  reqResArray: [],
+  history: [],
+  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 };

jest.config.js

@@ -0,0 +1,13 @@
+const { defaults } = require("jest-config");
+
+module.exports = {
+  moduleDirectories: ["node_modules"],
+  verbose: true,
+  runner: "@jest-runner/electron",
+  testEnvironment: "@jest-runner/electron/environment",
+  moduleNameMapper: {
+    "\\.(css.|less|sass|scss)$": "<rootDir>/__mocks__/styleMocks.js",
+    "\\.(gif|ttf|eot|svg|png)$": "<rootDir>/__mocks__/fileMock.js",
+  },
+  resolver: null,
+};