merged with staging

Author: Rachel Yoo

src/App.jsx

@@ -75,7 +75,6 @@ const App = () => {
        */
       <div id={global.isFileDirectoryOpen ? styles.appGridOpen : styles.appGridClose}>
         <GlobalContext.Provider value={[global, dispatchToGlobal]}>
-          {/* value wrapped in array since Provider only takes in one value */}
           <TestCaseContext.Provider value={[testCase, dispatchToTestCase]}>
             <ReduxTestCaseContext.Provider value={[reduxTestCase, dispatchToReduxTestCase]}>
               <EndpointTestCaseContext.Provider

src/containers/NavBar/FileDirectory/FileDirectory.jsx

@@ -1,7 +1,3 @@
-/**
- * left hand window pane for file tree
- */
-
 import React, { useContext } from 'react';
 import styles from './FileDirectory.module.scss';
 import { GlobalContext } from '../../../context/globalReducer';

src/containers/ProjectLoader/ProjectLoader.jsx

@@ -1,8 +1,3 @@
-/**
- * Spearmint app homepage
- * to import a project file or enter url
- */
-
 import React, { useContext } from 'react';
 import styles from './ProjectLoader.module.scss';
 import { GlobalContext } from '../../context/globalReducer';

src/containers/ProjectLoader/__tests__/projectLoader.test.js

@@ -1,8 +1,65 @@
-test('displays browser view of when URL is correctly inputted', () => {});
+import React from 'react';
+import { GlobalContext } from '../../../context/globalReducer';
+import BrowserView from '../../RightPanel/BrowserView/BrowserView';
+import EditorView from '../../RightPanel/EditorView/EditorView';
+import RightPanel from '../../RightPanel/RightPanel';
 
-test(`omitting 'www' from URL still displays browser view`, () => {});
+import { render, fireEvent } from '@testing-library/react';
+import { build, fake } from 'test-data-bot';
+import '@testing-library/jest-dom/extend-expect';
 
-test('localhost URL displays on the browser view', () => {});
+import Enzyme from 'enzyme';
+import { shallow, mount } from 'enzyme';
+import ReactDOM from 'react-dom';
+import { act } from 'react-dom/test-utils';
+
+import { configure } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+import { exportAllDeclaration } from '@babel/types';
+
+Enzume.configure({ adapter: new Adapter() });
+
+let globalM = {
+  url: null,
+  isProjectLoaded: false,
+  fileTree: null,
+  componentName: '',
+  isFileDirectoryOpen: true,
+  rightPanelDisplay: 'browserView',
+  displayedFileCode: '',
+  isFolderOpen: {},
+  isFileHighlighted: '',
+  projectFilePath: '',
+  filePathMap: {},
+};
+
+let dispatchToGlobal = jest.fn();
+
+let wrapper = mount(
+  <GlobalContext.Provider value={[globalM, dispatchToGlobal]}>
+    <ProjectLoader />
+    <Navbar>
+      <FileDirectory />
+    </Navbar>
+    <RightPanel>
+      <BrowserView />
+      <EditorView />
+    </RightPanel>
+  </GlobalContext.Provider>
+);
+
+test('displays browser view of when URL is correctly inputted', () => {
+  globalM.url !== null;
+  const browserViewComponent = wrapper.find(<BrowserView />);
+  expect(browserViewComponent).toMatchSnapshot();
+});
+
+test(`omitting 'www' from URL still displays browser view`, () => {
+  const addHttps = wrapper.find(addHttps());
+  addHttps(!url.startsWith('www'));
+  const browserViewComponent = wrapper.find(<BrowserView />);
+  expect(browserViewComponent).toMatchSnapshot();
+});
 
 test('displays file directory of project that is loaded', () => {});
 

src/containers/RightPanel/BrowserView/BrowserView.jsx

@@ -1,7 +1,3 @@
-/**
- * right pane editor view (shows the code of whatever link you're using)
- */
-
 import React, { useContext } from 'react';
 import styles from './BrowserView.module.scss';
 import { GlobalContext } from '../../../context/globalReducer';

src/containers/RightPanel/EditorView/EditorView.jsx

@@ -1,7 +1,3 @@
-/**
- * right pane editor view (shows the code fof whatever file you click on)
- */
-
 import React, { useContext } from 'react';
 import MonacoEditor from 'react-monaco-editor';
 import { GlobalContext } from '../../../context/globalReducer';

src/containers/RightPanel/RightPanel.jsx

@@ -1,8 +1,3 @@
-/**
- * main component for right panel
- * renders either browser or editor view
- */
-
 import React, { useContext } from 'react';
 import styles from './RightPanel.module.scss';
 import EditorView from './EditorView/EditorView';