edited readme and organized exportfilemodal

Author: Rachel Yoo

README.md

@@ -1,22 +1,36 @@
 ![](https://lh5.googleusercontent.com/5Gr2dZXHJdmIiASsPw9put-6mR20e4g1gOk-af4krREaJ7NqkZnqXLD5QgiotfNHYhGRh387HSqdhjRwxdwOvQzg9ChhfIrZz0FdxVu6gktBtG-sy1MX6Xq36Gmrzu_6G_K7LDQZ)
 
-Spearmint helps developers easily create functional React/Redux tests without writing any code. It dynamically converts user inputs into executable Jest test code by using DOM query selectors provided by @testing-library.
+Spearmint helps developers easily create functional React/Redux/Endpoint tests without writing any code. It dynamically converts user inputs into executable Jest test code by using DOM query selectors provided by @testing-library.
 
-Spearmint is currently under development! We just finished our MVP and are looking for beta testers. Please open a new issue with details to report a bug. Adding support to mock API requests, context, and hooks are on the roadmap.
+Spearmint is currently under development! We just finished our MVP and are looking for beta testers. Please open a new issue with details to report a bug.
 
 ## How to use
 
-Download spearmint @ spearmintjs.com. Available for Mac OS and Windows. To run tests generated by spearmint install jest, @testing-library/jest-dom, @testing-library/react, and test-data-bot in your dev dependencies.
+Download spearmint @ spearmintjs.com. Available for Mac OS and Windows.
+
+To run React tests generated by spearmint, install the following in your dev dependencies.
 
     npm i -D jest @testing-library/jest-dom @testing-library/react test-data-bot
 
+To run Redux tests generated by spearmint, install the following in your dev dependencies, in addition to your React test installations above.
+
+    npm i -D redux-mock-store redux-thunk fetch-mock
+
+To run Hooks / Context tests generated by spearmint, install the following in your dev dependencies, in addition to your React test installations above.
+
+    npm i -D @testing-library/react-hooks
+
+To run Endpoint tests generated by spearmint, install the following in your dev dependencies.
+
+    npm i -D jest supertest
+
 ## How it works
 
-1.  On the initial screen, enter the URL of your project and load your React/Redux application to start creating tests.
+1.  On the initial screen, enter the URL of your project and load your React/Redux/Node application to start creating tests.
 
 ![](https://lh4.googleusercontent.com/CAFpoefRUUxgNosudQuc7gabSReFiI_puZ_WTjrzUSzB6pgOUdQ1babF2mxJql2lC8TQ-jjVLOgG5Qka8SUfF2fi-u2H9xSP7rZ_0Udpj-ISFPAY028UYKIUZcgOApnipVZwE7xh)
 
-2.  Utilize our auto-complete, drop-down options, and tooltips features to easily create arrangement, action, and assertion test statements for React, in addition to reducer, action creator, asynchronous action creator, and middleware test statements for Redux.
+2.  Utilize our auto-complete, drop-down options, and tooltips features to easily create arrangement, action, and assertion test statements for React; reducer, action creator, asynchronous action creator, and middleware test statements for Redux; and hooks, context,and endpoint test statements.
 
 ![](https://lh5.googleusercontent.com/5VYUlGG5VDdZxdZEh5aokuilhKRp8B5QyVmxvtW_abLYCAzYN-s-el1oV5WMtGuTzbEO2I6l8Ys_yK2gC0fCi8ISHwjh4LlgezsrPWd7mDEtLbPqBYf1J4pgkGmfIV4yq4I_dpQg)
 
@@ -29,12 +43,12 @@ Download spearmint @ spearmintjs.com. Available for Mac OS and Windows. To run t
 ## Team
 
 > Alex [@apark0720](https://github.com/apark0720)  · 
-> Johnny [@johnny-lim](https://github.com/johnny-lim)  · 
-> Julie [@julicious100](https://github.com/julicious100)  · 
-> Natlyn [@natlynp](https://github.com/natlynp)  · 
-> Karen [@karenpinilla](https://github.com/karenpinilla)  · 
 > Chloe [@HeyItsChloe](https://github.com/HeyItsChloe)  · 
 > Cornelius [@corneeltron](https://github.com/corneeltron)  · 
 > Dave [@davefranz](https://github.com/davefranz)  · 
+> Johnny [@johnny-lim](https://github.com/johnny-lim) <br />
+> Julie [@julicious100](https://github.com/julicious100) &nbsp;&middot;&nbsp;
+> Karen [@karenpinilla](https://github.com/karenpinilla) &nbsp;&middot;&nbsp;
 > Linda [@lcwish](https://github.com/lcwish) &nbsp;&middot;&nbsp;
+> Natlyn [@natlynp](https://github.com/natlynp) &nbsp;&middot;&nbsp;
 > Rachel [@rachethecreator](https://github.com/rachethecreator)

src/containers/NavBar/Modals/ExportFileModal.jsx

@@ -262,6 +262,36 @@ const ExportFileModal = ({ isExportModalOpen, closeExportModal }) => {
     testFileCode += '\n';
   };
 
+  /* ------------------------------------------ ENDPOINT IMPORT + TEST STATEMENTS ------------------------------------------ */
+
+  // Endpoint Import Statements
+  const addEndpointImportStatements = () => {
+    endpointTestCase.endpointStatements.forEach(statement => {
+      switch (statement.type) {
+        case 'endpoint':
+          return createPathToServer(statement);
+        default:
+          return statement;
+      }
+    });
+    testFileCode += '\n';
+  };
+
+  const addEndpointTestStatements = () => {
+    testFileCode += `\n test('${endpointTestCase.endpointTestStatement}', async (done) => {`;
+    endpointTestCase.endpointStatements.forEach(statement => {
+      switch (statement.type) {
+        case 'endpoint':
+          return addEndpoint(statement);
+        default:
+          return statement;
+      }
+    });
+    testFileCode += 'done();';
+    testFileCode += '});';
+    testFileCode += '\n';
+  };
+
   /* ------------------------------------------ FILEPATHS ------------------------------------------ */
 
   // Actions Filepath
@@ -306,6 +336,17 @@ const ExportFileModal = ({ isExportModalOpen, closeExportModal }) => {
     testFileCode += `import { ${statement.providerComponent}, ${statement.consumerComponent}, ${statement.context} } from '../${filePath}';`;
   };
 
+  // Endpoint Filepath
+  const createPathToServer = statement => {
+    let filePath = path.relative(projectFilePath, statement.serverFilePath);
+    filePath = filePath.replace(/\\/g, '/');
+    testFileCode = `const app = require('../${filePath}');
+  const supertest = require('supertest')
+  const request = supertest(app)\n`;
+
+    testFileCode += '\n';
+  };
+
   /* ------------------------------------------ MOCK DATA + METHODS ------------------------------------------ */
 
   const addMockData = () => {
@@ -338,6 +379,7 @@ const ExportFileModal = ({ isExportModalOpen, closeExportModal }) => {
   };
 
   /* ------------------------------------------ TEST STATEMENTS ------------------------------------------ */
+
   // Action Jest Test Code
   const addAction = action => {
     if (action.eventValue) {
@@ -491,53 +533,14 @@ const ExportFileModal = ({ isExportModalOpen, closeExportModal }) => {
     }
   };
 
-  /* --------------------------------ENDPOINT FUNCTIONS ------------------------------------------ */
-
-  const addEndpointImportStatements = () => {
-    endpointTestCase.endpointStatements.forEach(statement => {
-      switch (statement.type) {
-        case 'endpoint':
-          return createPathToServer(statement);
-        default:
-          return statement;
-      }
-    });
-    testFileCode += '\n';
-  };
-
-  const createPathToServer = statement => {
-    let filePath = path.relative(projectFilePath, statement.serverFilePath);
-    filePath = filePath.replace(/\\/g, '/');
-    testFileCode = `const app = require('../${filePath}');
-  const supertest = require('supertest')
-  const request = supertest(app)\n`;
-
-    testFileCode += '\n';
-  };
-
-  const addEndpointTestStatements = () => {
-    testFileCode += `\n test('${endpointTestCase.endpointTestStatement}', async (done) => {`;
-    endpointTestCase.endpointStatements.forEach(statement => {
-      switch (statement.type) {
-        case 'endpoint':
-          return addEndpoint(statement);
-        default:
-          return statement;
-      }
-    });
-    testFileCode += 'done();';
-    testFileCode += '});';
-    testFileCode += '\n';
-  };
-
+  // Endpoint Jest Test Code
   const addEndpoint = statement => {
-    testFileCode += `const response = await request.${statement.method}('${statement.route}')`;
-
-    testFileCode += '\n';
-
-    testFileCode += `expect(response.${statement.expectedResponse}).toBe(${statement.value});`;
+    testFileCode += `const response = await request.${statement.method}('${statement.route}')
+    expect(response.${statement.expectedResponse}).toBe(${statement.value});`;
   };
 
+  /* ------------------------------------------ EXPORT + DISPLAY FILE ------------------------------------------ */
+
   const exportTestFile = async () => {
     if (!fs.existsSync(projectFilePath + '/__tests__')) {
       fs.mkdirSync(projectFilePath + '/__tests__');