Fixed componentRoutingItem bug that caused app to crash when the workspace is cleared. Consolidated tests into a single folder.

Author: tsully

server/__tests__/projects.test.js renamed to __tests__/projects.test.js

@@ -14,6 +14,7 @@ const ComponentPanelRoutingItem: React.FC<{}> = () => {
 
   // find the root components that can be associated with a route
   // These will be the components that are displayed in the dropdown
+  console.log('in the comp panel routing, state is ', state);
   let navigableComponents = state.components
     .filter(comp => state.rootComponents.includes(comp.id))
     .map(comp => comp.name);
@@ -22,12 +23,22 @@ const ComponentPanelRoutingItem: React.FC<{}> = () => {
   const [route, setRoute] = useState(navigableComponents[0]);
 
   // TODO: Add a useMemo so that this isn't recalculated on every render
-  const routeId = state.components.find(comp => comp.name === route).id;
+  let routeId;
+  // check if the component in the drop down still references an existing component
+  const referencedComponent = state.components.find(
+    comp => comp.name === route
+  );
+  // if so, set the route id for that component to the id of the referenced compnent
+  if (referencedComponent) routeId = referencedComponent.id;
+  // otherwise, set the component name and and id to the root component
+  else {
+    setRoute(state.components[0].name);
+    routeId = 1;
+  }
 
   const handleRouteChange = event => {
     setRoute(event.target.value);
   };
-  
 
   // useDrag hook allows components in left panel to be drag source
 

server/__tests__/users.test.js renamed to __tests__/users.test.js

@@ -164,7 +164,7 @@ const ProjectManager = () => {
       ) : null}
       {!state.name && state.isLoggedIn ? (
         <p style={{ color: 'white' }}>
-          Project will not be saved until it is named!!!
+          Select "Save project as" to create and save a project
         </p>
       ) : null}
 

app/src/components/left/ComponentPanelRoutingItem.tsx

@@ -56,6 +56,8 @@ export const deleteProject = (project: any): Promise<Object> => {
     name: project.name,
     userId: window.localStorage.getItem('ssid')
   });
+  console.log('body is ', body);
+  console.log('url is ', `${serverURL}/deleteProject`);
   const deletedProject = fetch(`${serverURL}/deleteProject`, {
     method: 'DELETE',
     credentials: 'include',