@thepalaceproject/circulation-admin 1.43.0-post.5 → 1.43.0-post.6

package/package.json

@@ -143,5 +143,5 @@
     "*.{js,jsx,ts,tsx,css,md}": "prettier --write",
     "*.{js,css,md}": "prettier --write"
   },
-  "version": "1.43.0-post.5"
+  "version": "1.43.0-post.6"
 }

package/tests/jest/components/SaveButton.test.tsx

@@ -0,0 +1,47 @@
+import * as React from "react";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+
+import SaveButton from "../../../src/components/SaveButton";
+
+describe("SaveButton", () => {
+  it("says 'Save' when given no text", () => {
+    render(<SaveButton disabled={false} submit={jest.fn()} />);
+
+    expect(screen.getByRole("button", { name: "Save" })).toBeInTheDocument();
+  });
+
+  it("displays the text it is given", () => {
+    render(
+      <SaveButton
+        disabled={false}
+        submit={jest.fn()}
+        text="some other string"
+      />
+    );
+
+    expect(
+      screen.getByRole("button", { name: "some other string" })
+    ).toBeInTheDocument();
+  });
+
+  it("submits when clicked", async () => {
+    const user = userEvent.setup();
+    const submit = jest.fn();
+    render(<SaveButton disabled={false} submit={submit} />);
+
+    await user.click(screen.getByRole("button"));
+
+    expect(submit).toHaveBeenCalledTimes(1);
+  });
+
+  it("does nothing when disabled", async () => {
+    const user = userEvent.setup();
+    const submit = jest.fn();
+    render(<SaveButton disabled={true} submit={submit} />);
+
+    await user.click(screen.getByRole("button"));
+
+    expect(submit).not.toHaveBeenCalled();
+  });
+});

package/tests/jest/components/UpdatingLoader.test.tsx

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { render, screen } from "@testing-library/react";
+
+import UpdatingLoader from "../../../src/components/UpdatingLoader";
+
+describe("UpdatingLoader", () => {
+  it("renders only its container when not showing", () => {
+    const { container } = render(<UpdatingLoader show={false} />);
+
+    expect(
+      container.querySelector(".updating-loader-container")
+    ).toBeInTheDocument();
+    expect(container.querySelector(".updating-loader")).not.toBeInTheDocument();
+    expect(screen.queryByText("Updating")).not.toBeInTheDocument();
+  });
+
+  it("renders the default message when showing", () => {
+    render(<UpdatingLoader show={true} />);
+
+    expect(screen.getByText("Updating")).toBeInTheDocument();
+  });
+
+  it("renders the text it is given instead of the default", () => {
+    render(<UpdatingLoader show={true} text="Doing something" />);
+
+    expect(screen.getByText("Doing something")).toBeInTheDocument();
+    expect(screen.queryByText("Updating")).not.toBeInTheDocument();
+  });
+
+  it("renders a spinner", () => {
+    const { container } = render(<UpdatingLoader show={true} />);
+
+    // The spinner is a Font Awesome <i>, which carries no accessible role.
+    expect(container.querySelector("i.fa-spinner")).toBeInTheDocument();
+  });
+});