@thepalaceproject/circulation-admin 1.42.2-post.9 → 1.43.0-post.1

package/package.json

@@ -153,5 +153,5 @@
     "*.{js,jsx,ts,tsx,css,md}": "prettier --write",
     "*.{js,css,md}": "prettier --write"
   },
-  "version": "1.42.2-post.9"
+  "version": "1.43.0-post.1"
 }

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

@@ -1,6 +1,7 @@
 import * as React from "react";
 import { render, screen, act, fireEvent } from "@testing-library/react";
 import JsonField, { JsonFieldHandle } from "../../../src/components/JsonField";
+import { MONOSPACE_FONT_STACK } from "../../../src/fonts";
 
 const setting = {
   key: "my_json",
@@ -472,6 +473,25 @@ describe("JsonField", () => {
     });
   });
 
+  describe("use_monospace_font", () => {
+    (
+      [
+        { id: "set", use_monospace_font: true, hasStyle: true },
+        { id: "absent", hasStyle: false },
+      ] as { id: string; use_monospace_font?: boolean; hasStyle: boolean }[]
+    ).forEach(({ id, use_monospace_font, hasStyle }) => {
+      it(id, () => {
+        render(<JsonField setting={{ ...setting, use_monospace_font }} />);
+        const ta = screen.getByLabelText("JSON Setting");
+        if (hasStyle) {
+          expect(ta).toHaveStyle({ fontFamily: MONOSPACE_FONT_STACK });
+        } else {
+          expect(ta).not.toHaveStyle({ fontFamily: MONOSPACE_FONT_STACK });
+        }
+      });
+    });
+  });
+
   describe("clear()", () => {
     it("resets text and clears parse error", () => {
       const ref = React.createRef<JsonFieldHandle>();

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

@@ -2,6 +2,7 @@ import * as React from "react";
 import { render, screen, fireEvent, act } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import ProtocolFormField from "../../../src/components/ProtocolFormField";
+import { MONOSPACE_FONT_STACK } from "../../../src/fonts";
 
 // NB: This file adds / duplicates existing tests from:
 // - `src/components/__tests__/ProtocolFormField-test.tsx`.
@@ -64,6 +65,41 @@ describe("ProtocolFormField — json type", () => {
   });
 });
 
+describe("ProtocolFormField — use_monospace_font", () => {
+  (
+    [
+      { id: "text-input", use_monospace_font: true, hasStyle: true },
+      {
+        id: "textarea",
+        type: "textarea",
+        use_monospace_font: true,
+        hasStyle: true,
+      },
+      { id: "absent", hasStyle: false },
+    ] as {
+      id: string;
+      type?: string;
+      use_monospace_font?: boolean;
+      hasStyle: boolean;
+    }[]
+  ).forEach(({ id, type, use_monospace_font, hasStyle }) => {
+    it(id, () => {
+      render(
+        <ProtocolFormField
+          setting={{ key: "f", label: "My Field", type, use_monospace_font }}
+          disabled={false}
+        />
+      );
+      const el = screen.getByLabelText("My Field");
+      if (hasStyle) {
+        expect(el).toHaveStyle({ fontFamily: MONOSPACE_FONT_STACK });
+      } else {
+        expect(el).not.toHaveStyle({ fontFamily: MONOSPACE_FONT_STACK });
+      }
+    });
+  });
+});
+
 describe("ProtocolFormField", () => {
   it("renders date-picker setting", async () => {
     const user = userEvent.setup();