[frontend] feat: Login spinner and error text

helloitsdave · Mar 24, 2024 · 8c8702b · 8c8702b · github-actions · Mar 24, 2024
1 parent ca4512e
commit 8c8702b
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/frontend/src/components/Login.test.tsx b/frontend/src/components/Login.test.tsx
@@ -31,4 +31,14 @@ describe("Login", () => {
       expect(localStorage.getItem("token")).toBe("test");
     });
   });
+  test('Should show error message on failed login', async () => {
+    render(<Login {...props}/>);
+    userEvent.type(screen.getByPlaceholderText("Username"), "wronguser");
+    userEvent.type(screen.getByPlaceholderText("Password"), "wrongpassword");
+    userEvent.click(screen.getByText("Login"));
+
+    await waitFor(() => {
+      expect(screen.getByText("An error occurred. Please retry")).toBeInTheDocument();
+    });
+  });
 });