Complete Code-Along

src/__tests__/Article.test.js

@@ -7,5 +7,9 @@ import Article from "../components/Article";
 test("displays the text 'please pass this test'", () => {
   render(<Article />);
 
+  const element = screen.queryByText("please pass this test");
+
+  screen.debug(element);
+
   expect(screen.queryByText("please pass this test")).toBeInTheDocument();
 });

src/components/Article.js

@@ -1,11 +1,7 @@
 import React from "react";
 
-function Article() {
-  return (
-    <div>
-      {/* please pass this test */}
-    </div>
-  );
+function Header(props) {
+  return <h1>please pass this test</h1>;
 }
 
-export default Article;
+export default Header;

src/components/Header.js

@@ -1,12 +1,7 @@
 import React from "react";
 
 function Header(props) {
-      return (
-        <h1>
-          {/* uncomment the line below to pass the test */}
-          {/* hello from the Header! */}
-        </h1>
-      )
+  return <h1>hello from the Header!</h1>;
 }
 
 export default Header;