Add test case for LoadingButton

coder · bryphe-coder · Jan 21, 2022 · Jan 20, 2022 · Jan 20, 2022 · Jan 20, 2022
commit f215ddebc7164594779f7ce86861090e91f4d37a
diff --git a/site/components/Button/LoadingButton.test.tsx b/site/components/Button/LoadingButton.test.tsx
@@ -0,0 +1,23 @@
+import { render, screen } from "@testing-library/react"
+import React from "react"
+import { LoadingButton } from "./LoadingButton"
+
+describe("LoadingButton", () => {
+  it("renders", async () => {
+    // When
+    render(<LoadingButton>Sign In</LoadingButton>)
+
+    // Then
+    const element = await screen.findByText("Sign In")
+    expect(element).toBeDefined()
+  })
+
+  it("shows spinner if loading is set to true", async () => {
+    // When
+    render(<LoadingButton loading={true}>Sign in</LoadingButton>)
+
+    // Then
+    const spinnerElement = await screen.findByRole("progressbar")
+    expect(spinnerElement).toBeDefined()
+  })
+})