Run Tests for Debugging

src/__tests__/Article.test.js

@@ -1,11 +1,13 @@
-import "@testing-library/jest-dom";
-import { render, screen } from "@testing-library/react";
-import React from "react";
+import "@testing-library/jest-dom"
+import {render, screen} from "@testing-library/react"
+import React from "react"
 
-import Article from "../components/Article";
+import Article from "../components/Article"
 
 test("displays the text 'please pass this test'", () => {
-  render(<Article />);
+  render(<Article />)
+  const element = screen.queryByText("please pass this test")
+  screen.debug(element)
 
-  expect(screen.queryByText("please pass this test")).toBeInTheDocument();
-});
+  expect(screen.queryByText("please pass this test")).toBeInTheDocument()
+})

src/components/Article.js

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

src/components/Header.js

@@ -1,12 +1,7 @@
-import React from "react";
+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;
+export default Header