fix test

shammy642 · Oct 23, 2024 · 2c312e5 · 2c312e5
1 parent 068b411
commit 2c312e5
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 20 deletions.
diff --git a/frontend/src/components/H1.jsx b/frontend/src/components/H1.jsx
@@ -1,7 +1,7 @@
 export const H1 = ({ children }) => {
     return (
-        <h1 data-testid="game-name" className="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">
-            { children }
-        </h1>
-    )
+            <h1 data-testid="game-name" className="mb-2 text-2xl font-semibold tracking-tight text-gray-900 dark:text-white">
+                { children }
+            </h1>
+    );
 }
diff --git a/frontend/src/pages/LandingHost.jsx b/frontend/src/pages/LandingHost.jsx
@@ -22,12 +22,6 @@ export function LandingHost() {
   const [error, setError] = useState("");
 
 
-  //user cna type in the form
-  const handleInputChange = (e) => {
-    const value = e.target.value;
-    setInput(value);
-  };
-
   //click should redirect the user to the lobby
   const handleClick = (e) => {
     e.preventDefault();

diff --git a/frontend/src/pages/LandingPlayer.jsx b/frontend/src/pages/LandingPlayer.jsx
@@ -8,6 +8,7 @@ import { CardText } from "../components/CardText"
 import { Card } from "../components/Card"
 import { Header } from "../components/Header";
 import { Footer } from "../components/Footer";
+import { H1 } from "../components/H1"
 
 
 // landing page when a user clicks on a link generated by the host to join a game
@@ -19,16 +20,8 @@ export function LandingPlayer() {
   const params = useParams()
   const navigate = useNavigate()
 
-
-  //user cna type in the form
-  const handleInputChange = (e) => {
-    const value = e.target.value;
-    setInput(value);
-  }
-
   //click should redirect the user to the lobby 
   const handleClick = (e) => {
-
     e.preventDefault();
 
     // Validate if the input is not empty
@@ -69,7 +62,6 @@ export function LandingPlayer() {
           input={input}
           error={error}
           setInput={setInput}
-          handleInputChange={handleInputChange}
           avatar={avatar}
           setAvatar={setAvatar}
         ></UsernameForm>

diff --git a/frontend/tests/pages/InGame.test.jsx b/frontend/tests/pages/InGame.test.jsx
@@ -48,7 +48,7 @@ describe("InGame tests", () => {
     render(
         <InGame players={players} pokemon={mockPokemon} redirect={""} setRedirect={setRedirect} />
     );
-    const heading = screen.getByTestId("guess-label");
+    const heading = screen.getByTestId("game-name");
     expect(heading.textContent).toEqual("Poké Poké Guess Weight!");
   });
   test("given a list of players, they are visible", () => {