Merge pull request #57 from Berghoer/play

Clean Up

Author: Berghoer

src/components/Modals/ExportFileModal.jsx

@@ -63,7 +63,6 @@ const ExportFileModal = ({ isExportModalOpen, setIsExportModalOpen }) => {
 
   const displayTestFile = (testFolderFilePath) => {
     const fileContent = fs.readFileSync(testFolderFilePath + `/${fileName}.test.js`, 'utf8');
-    console.log('fileContent: ', fileContent);
     dispatchToGlobal(updateFile(fileContent));
     dispatchToGlobal(toggleFolderView(testFolderFilePath));
     dispatchToGlobal(highlightFile(`${fileName}.test.js`));

src/components/Modals/Modal.jsx

@@ -50,6 +50,7 @@ const Modal = ({
           <pre>
             <div className='code-wrapper'>
               <code ref={codeRef}>{script}</code>
+              <p id={styles.endpoint}>Note if you are using Create React App do not install jest</p>
             </div>
           </pre>
         )}

src/components/Modals/modalHooks.js

@@ -41,19 +41,19 @@ export function useGenerateScript(test) {
     case 'react':
       return (
         `cd ${projectFilePath}\n` +
-        'npm i -D jest @testing-library/jest-dom @testing-library/react test-data-bot\n' +
+        'npm i -D @testing-library/jest-dom @testing-library/react test-data-bot jest\n' +
         'npm run test'
       );
     case 'redux':
       return (
         `cd ${projectFilePath}\n` +
-        'npm i -D jest @testing-library/jest-dom @testing-library/react test-data-bot redux-mock-store redux-thunk fetch-mock\n' +
+        'npm i -D @testing-library/jest-dom @testing-library/react test-data-bot redux-mock-store redux-thunk fetch-mock node-fetch jest\n' +
         'npm run test'
       );
     case 'hooks':
       return (
         `cd ${projectFilePath}\n` +
-        'npm i -D jest @testing-library/jest-dom @testing-library/react test-data-bot @testing-library/react-hooks\n' +
+        'npm i -D @testing-library/jest-dom @testing-library/react test-data-bot @testing-library/react-hooks jest\n' +
         'npm run test'
       );
     case 'endpoint':

src/components/NavBar/NavBar.jsx

@@ -26,7 +26,7 @@ const homeIcon = require('../../assets/images/home.png');
 
 const NavBar = () => {
   const [
-    { fileTree, isFileDirectoryOpen, url, projectUrl, rightPanelDisplay },
+    { fileTree, isFileDirectoryOpen, projectUrl, rightPanelDisplay },
     dispatchToGlobal,
   ] = useContext(GlobalContext);
   const [isExportModalOpen, setIsExportModalOpen] = useState(false);