Implemented the tests for test case 6

Author: Louis Kuczykowski

src/test/suite/parser.test.ts

@@ -11,7 +11,7 @@ describe('Parser Test Suite', () => {
     let parser, tree, file;
 
 	// UNPARSED TREE TEST
-    describe('It initializes correctly', () => {
+    xdescribe('It initializes correctly', () => {
         beforeEach(() => {
             // Assign the test file and make new instance of Parser
             file = path.join(__dirname, '../test_cases/tc_0/index.js');
@@ -30,7 +30,7 @@ describe('Parser Test Suite', () => {
     });
 
 	// TEST 0: ONE CHILD
-    describe('It works for simple apps', () => {
+    xdescribe('It works for simple apps', () => {
         beforeEach(() => {
             file = path.join(__dirname, '');
             parser = new Parser(file);
@@ -47,6 +47,23 @@ describe('Parser Test Suite', () => {
         // });
     });
 
+    // TEST 6: BAD IMPORT OF APP2 FROM APP1 COMPONENT
+    describe('Catches bad imports', () => {
+        beforeEach(() => {
+            file = path.join(__dirname, '../../../../src/test/test_cases/tc_6/component/App.jsx');
+            parser = new Parser(file);
+            tree = parser.parse();
+        });
+
+        test('improperly imported child component should exist but show an error', () => {
+            expect(tree.children[0].name).toBe('anotherApp');
+			expect(tree.children[0].error).not.toBe('');
+        })
+
+        
+
+    })
+
     // these are the 14 tests we need to test for
 
 	// TEST 1: NESTED CHILDREN

src/test/test_cases/tc_6/component/App.jsx

@@ -0,0 +1,13 @@
+import React from "react";
+import anotherApp from "./anotherApp"; // this is purposefully the wrong file path for anotherApp
+
+const App = () => {
+    return (
+        <div>
+            <p>Hello from App.jsx</p>
+            <anotherApp />
+        </div>
+    )
+};
+
+export default App;

src/test/test_cases/tc_6/index.js

@@ -0,0 +1,9 @@
+// !TEST 6: BAD IMPORT OF APP2 FROM APP1 COMPONENT
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './components/App.jsx';
+
+// tests whether the parser still works when a component is given the wrong FilePath
+
+const root = createRoot(document.getElementById('root'));
+root.render(<App />);

src/test/test_cases/tc_6/otherComponent/anotherApp.jsx

@@ -0,0 +1,10 @@
+import React from "react";
+
+
+const anotherApp = () => {
+    return (
+        <div>
+            <p>Greetings from inside anotherApp</p>
+        </div>
+    )
+}