Merge pull request #10 from rrigato/dev

HomePageToggle Component
rrigato · Nov 11, 2023 · ccf1489 · ccf1489
2 parents 5849c8b + 6d13ec1
commit ccf1489
Show file tree

Hide file tree

Showing 8 changed files with 52 additions and 19 deletions.
diff --git a/static/App.jsx b/static/App.jsx
diff --git a/static/css/main.css b/static/css/main.css
@@ -1,7 +1,4 @@
-background {
-    color: black;
-}
-
-text {
+body {
+    background-color: black;
     color: white;
-}
+}
diff --git a/static/index.html b/static/index.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset='UTF-8'>
     <meta name='viewport' content='width=device-width, initial-scale=1.0'>
-    <title>Homepage</title>
+    <title>Ryan Rigato Homepage</title>
 </head>
 
 <body>

diff --git a/static/js/App.jsx b/static/js/App.jsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import '../css/main.css';
+import { HomePageToggle } from './HomePageToggle';
+
+export function App(){
+    return(
+        <div id='app-entry-point'>
+            <HomePageToggle/>
+        </div>
+    );
+}
diff --git a/static/js/HomePageToggle.jsx b/static/js/HomePageToggle.jsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import '../css/main.css';
+
+export function HomePageToggle(){
+    return(
+        <div id='home-page-toggle-component' className='toggle-container'>
+            <div id='toggle-0'>
+                Latest Projects
+            </div>
+        </div>
+    );
+}
diff --git a/static/js/index.js b/static/js/index.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import { createRoot } from 'react-dom/client';
-import { App } from '../App.jsx';
+import { App } from './App.jsx';
 
 
 

diff --git a/static/tests/App.test.js b/static/tests/App.test.js
@@ -1,14 +1,21 @@
 import { render } from '@testing-library/react';
-import {App} from '../App.jsx';
+import { App } from '../js/App.jsx';
+import { HomePageToggle } from '../js/HomePageToggle.jsx';
+
+jest.mock('../js/HomePageToggle.jsx');
 
 describe('entry point for app', () => {
+
+    afterEach(() => {
+        jest.resetAllMocks();
+    });
+
     test('HomePageToggle called', () => {
 
 
         const renderedHomepage = render(<App/>);
 
-
-        renderedHomepage.findByText('react initial setup');
+        expect(HomePageToggle).toHaveBeenCalled();
 
     });
 });
diff --git a/static/tests/HomePageToggle.test.js b/static/tests/HomePageToggle.test.js
@@ -0,0 +1,14 @@
+import { render } from '@testing-library/react';
+import { HomePageToggle } from '../js/HomePageToggle.jsx';
+
+describe('Central Content for site', () => {
+    test('HomePageToggle default render', () => {
+
+
+        const {findByText} = render(<HomePageToggle/>);
+
+
+        findByText(RegExp('Latest Projects'));
+
+    });
+});