From be75e6bdc78868eb24faf62e1dfafb9ecb26bc16 Mon Sep 17 00:00:00 2001
From: Jen Kelly <jen.kelly@powerhrg.com>
Date: Mon, 9 Jun 2025 13:12:16 -0400
Subject: [PATCH] Pass tests

---
 package.json          |  3 ++-
 src/components/App.js | 14 ++++++++------
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 5b36302b8..b9459bafa 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,8 @@
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
-    "mocha": "^8.2.1"
+    "mocha": "^8.2.1",
+    "react-devtools": "^6.1.2"
   },
   "scripts": {
     "start": "react-scripts start",
diff --git a/src/components/App.js b/src/components/App.js
index e0f227ac3..358a3f630 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -1,12 +1,13 @@
-import React from "react";
-import { format } from "date-fns";
-import ExampleComponent from "./ExampleComponent";
+import React from "react"
+import {format} from "date-fns"
+import ExampleComponent from "./ExampleComponent"
+import TestComponent from "./TestComponent"
 
 // Add your code own within the return statement
 function App() {
   return (
     <div className="App">
-      <h1>{format(new Date(), "MMMM do yyyy, h:mm:ss a")}</h1>
+      <h1>Now</h1>
       <p className="App-intro">
         In React apps, we write JSX - it looks like HTML, and uses a lot of HTML
         syntax. JSX lets us include JavaScript functions right along with the
@@ -14,8 +15,9 @@ function App() {
         self-contained chunks of JSX.
       </p>
       <ExampleComponent />
+      <TestComponent />
     </div>
-  );
+  )
 }
 
-export default App;
+export default App