@thepalaceproject/circulation-admin 1.42.2 → 1.43.0-post.2

package/eslint.config.mjs

@@ -8,7 +8,15 @@ import globals from "globals";
 
 export default tseslint.config(
   {
-    ignores: ["dist/", "lib/", "docs/", "typings/", "node_modules/"],
+    ignores: [
+      "dist/",
+      "lib/",
+      "docs/",
+      "typings/",
+      "node_modules/",
+      "coverage/",
+      ".nyc_output/",
+    ],
   },
   js.configs.recommended,
   ...tseslint.configs.recommended,

package/jest.config.js

@@ -13,4 +13,19 @@ module.exports = {
   },
   setupFiles: ["./jest.polyfills.js"],
   setupFilesAfterEnv: ["./tests/jest/jest-setup.ts"],
+  // `src` must stay in `roots` so that `collectCoverageFrom` can discover source
+  // files that no jest test imports — otherwise they are silently omitted from
+  // the report rather than counted as uncovered. `testMatch` (not `--roots`) is
+  // therefore what keeps jest from picking up the legacy mocha tests that live
+  // in `src/**/__tests__/`.
+  roots: ["<rootDir>/src", "<rootDir>/tests/jest"],
+  testMatch: ["<rootDir>/tests/jest/**/*.test.{js,jsx,ts,tsx}"],
+  coverageDirectory: "coverage/jest",
+  coverageReporters: ["lcov", "text-summary"],
+  collectCoverageFrom: [
+    "src/**/*.{ts,tsx}",
+    "!src/**/__tests__/**",
+    "!src/testHelper.ts",
+    "!src/**/*.d.ts",
+  ],
 };

package/package.json

@@ -9,7 +9,7 @@
   "author": "The Palace Project",
   "license": "Apache-2.0",
   "engines": {
-    "node": ">=20.0.0 <25.0.0",
+    "node": ">=24.0.0 <25.0.0",
     "npm": ">=11.10.0"
   },
   "packageManager": "npm@11.17.0",
@@ -27,8 +27,11 @@
     "test-browser": "npm run test-chrome && npm run test-firefox",
     "test-chrome": "node_modules/.bin/selenium-standalone install && nightwatch -e chrome",
     "test-firefox": "node_modules/.bin/selenium-standalone install && nightwatch -e firefox",
-    "test-jest": "jest --verbose --roots tests/jest",
+    "test-jest": "jest --verbose",
     "test-jest-file": "jest --verbose",
+    "coverage": "npm run coverage-ts && npm run coverage-jest",
+    "coverage-ts": "nyc npm run test-ts",
+    "coverage-jest": "npm run test-jest -- --coverage",
     "dev": "webpack --watch --progress --config webpack.dev.config",
     "dev-server": "dotenv -c -- webpack serve --progress --hot --config webpack.dev-server.config",
     "dev-test-axe": "TEST_AXE=true npm run dev",
@@ -71,6 +74,7 @@
     "url": "^0.11.0"
   },
   "devDependencies": {
+    "@eslint/js": "^9.39.4",
     "@tanstack/react-query-devtools": "^4.36.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^12.1.5",
@@ -87,12 +91,11 @@
     "@types/react-router": "^3.0.28",
     "@types/recharts": "^1.8.28",
     "@types/redux-mock-store": "^1.0.3",
-    "@eslint/js": "^9.39.4",
     "chai": "4.2.0",
     "clean-webpack-plugin": "^2.0.1",
     "colors-cli": "^1.0.27",
-    "copy-webpack-plugin": "13.0.1",
-    "css-loader": "^6.7.2",
+    "copy-webpack-plugin": "14.0.0",
+    "css-loader": "^7.1.4",
     "dotenv-cli": "^11.0.0",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.6",
@@ -119,6 +122,7 @@
     "mocha": "^11.7.6",
     "msw": "^2.7.3",
     "nightwatch": "^3.14.0",
+    "nyc": "^17.1.0",
     "prettier": "3.8.4",
     "react-axe": "^3.3.0",
     "react-test-renderer": "^16.14.0",
@@ -153,5 +157,5 @@
     "*.{js,jsx,ts,tsx,css,md}": "prettier --write",
     "*.{js,css,md}": "prettier --write"
   },
-  "version": "1.42.2"
+  "version": "1.43.0-post.2"
 }

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();