Combined LK/tc6 and LK/tc7 so test cases are on one branch for dev merge

Author: Louis Kuczykowski

src/test/suite/parser.test.ts

@@ -64,6 +64,20 @@ describe('Parser Test Suite', () => {
         })
     })
 
+    // TEST 7: SYNTAX ERROR IN APP FILE CAUSES PARSER ERROR
+    describe('Parser should not work for components with syntax errors in the code', () => {
+        beforeEach(() => {
+            file = path.join(__dirname, '../../../../src/test/test_cases/tc_7/index.js');
+            parser = new Parser(file);
+            tree = parser.parse();
+        });
+        test("Parser stops parsing when there is a syntax error in a component", () => {
+            expect(tree.children[0].name).toBe('App');
+            expect(tree.children[0].error).not.toBeUndefined;
+            expect((tree.children[0].children).length).toBe(0);
+        });
+    })
+
     // these are the 14 tests we need to test for
 
 	// TEST 1: NESTED CHILDREN

src/test/test_cases/tc_7/components/App.jsx

@@ -0,0 +1,13 @@
+import React, { Component } from 'react';
+import ChildApp from './ChildApp';
+
+export const App = () => {
+  this should not work when given to the parser
+    return (
+      <div>
+        <p>Syntax Error</p>
+        <ChildApp />
+      </div>
+    )
+  
+}

src/test/test_cases/tc_7/components/ChildApp.jsx

@@ -0,0 +1,11 @@
+// this component will not show up in the children of App due to App's syntax error
+import React, { Component } from 'react';
+
+export const ChildApp = () => {
+    return (
+      <div>
+        <p>Child of App with Syntax Error</p>
+      </div>
+    )
+  
+}

src/test/test_cases/tc_7/index.js

@@ -0,0 +1,8 @@
+//! TEST 7: SYNTAX ERROR IN APP FILE CAUSES PARSER ERROR
+
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './components/App.jsx';
+
+const root = createRoot(document.getElementById('root'));
+root.render(<App />);