Fix formatting

Author: olaservo

client/jest.config.cjs

@@ -3,16 +3,16 @@ module.exports = {
   testEnvironment: "jsdom",
   moduleNameMapper: {
     "^@/(.*)$": "<rootDir>/src/$1",
-    "\\.css$": "<rootDir>/src/__mocks__/styleMock.js"
+    "\\.css$": "<rootDir>/src/__mocks__/styleMock.js",
   },
   transform: {
     "^.+\\.tsx?$": [
       "ts-jest",
       {
         jsx: "react-jsx",
-        tsconfig: "tsconfig.jest.json"
-      }
-    ]
+        tsconfig: "tsconfig.jest.json",
+      },
+    ],
   },
   extensionsToTreatAsEsm: [".ts", ".tsx"],
   testRegex: "(/__tests__/.*|(\\.|/)(test|spec))\\.(jsx?|tsx?)$",
@@ -21,13 +21,13 @@ module.exports = {
     "/node_modules/",
     "/dist/",
     "/bin/",
-    "\\.config\\.(js|ts|cjs|mjs)$"
+    "\\.config\\.(js|ts|cjs|mjs)$",
   ],
   // Exclude the same patterns from coverage reports
   coveragePathIgnorePatterns: [
     "/node_modules/",
     "/dist/",
     "/bin/",
-    "\\.config\\.(js|ts|cjs|mjs)$"
-  ]
+    "\\.config\\.(js|ts|cjs|mjs)$",
+  ],
 };

client/src/components/__tests__/DynamicJsonForm.test.tsx

@@ -1,94 +1,94 @@
-import { render, screen, fireEvent } from '@testing-library/react';
-import { describe, it, expect, jest } from '@jest/globals';
-import DynamicJsonForm from '../DynamicJsonForm';
-import type { JsonSchemaType } from '../DynamicJsonForm';
+import { render, screen, fireEvent } from "@testing-library/react";
+import { describe, it, expect, jest } from "@jest/globals";
+import DynamicJsonForm from "../DynamicJsonForm";
+import type { JsonSchemaType } from "../DynamicJsonForm";
 
-describe('DynamicJsonForm String Fields', () => {
+describe("DynamicJsonForm String Fields", () => {
   const renderForm = (props = {}) => {
     const defaultProps = {
       schema: {
         type: "string" as const,
-        description: "Test string field"
+        description: "Test string field",
       } satisfies JsonSchemaType,
       value: undefined,
-      onChange: jest.fn()
+      onChange: jest.fn(),
     };
     return render(<DynamicJsonForm {...defaultProps} {...props} />);
   };
 
-  describe('Type Validation', () => {
-    it('should handle numeric input as string type', () => {
+  describe("Type Validation", () => {
+    it("should handle numeric input as string type", () => {
       const onChange = jest.fn();
       renderForm({ onChange });
-      
-      const input = screen.getByRole('textbox');
-      fireEvent.change(input, { target: { value: '123321' } });
-      
-      expect(onChange).toHaveBeenCalledWith('123321');
+
+      const input = screen.getByRole("textbox");
+      fireEvent.change(input, { target: { value: "123321" } });
+
+      expect(onChange).toHaveBeenCalledWith("123321");
       // Verify the value is a string, not a number
-      expect(typeof onChange.mock.calls[0][0]).toBe('string');
+      expect(typeof onChange.mock.calls[0][0]).toBe("string");
     });
 
-    it('should render as text input, not number input', () => {
+    it("should render as text input, not number input", () => {
       renderForm();
-      const input = screen.getByRole('textbox');
-      expect(input).toHaveProperty('type', 'text');
+      const input = screen.getByRole("textbox");
+      expect(input).toHaveProperty("type", "text");
     });
   });
 });
 
-describe('DynamicJsonForm Integer Fields', () => {
+describe("DynamicJsonForm Integer Fields", () => {
   const renderForm = (props = {}) => {
     const defaultProps = {
       schema: {
         type: "integer" as const,
-        description: "Test integer field"
+        description: "Test integer field",
       } satisfies JsonSchemaType,
       value: undefined,
-      onChange: jest.fn()
+      onChange: jest.fn(),
     };
     return render(<DynamicJsonForm {...defaultProps} {...props} />);
   };
 
-  describe('Basic Operations', () => {
-    it('should render number input with step=1', () => {
+  describe("Basic Operations", () => {
+    it("should render number input with step=1", () => {
       renderForm();
-      const input = screen.getByRole('spinbutton');
-      expect(input).toHaveProperty('type', 'number');
-      expect(input).toHaveProperty('step', '1');
+      const input = screen.getByRole("spinbutton");
+      expect(input).toHaveProperty("type", "number");
+      expect(input).toHaveProperty("step", "1");
     });
 
-    it('should pass integer values to onChange', () => {
+    it("should pass integer values to onChange", () => {
       const onChange = jest.fn();
       renderForm({ onChange });
-      
-      const input = screen.getByRole('spinbutton');
-      fireEvent.change(input, { target: { value: '42' } });
-      
+
+      const input = screen.getByRole("spinbutton");
+      fireEvent.change(input, { target: { value: "42" } });
+
       expect(onChange).toHaveBeenCalledWith(42);
       // Verify the value is a number, not a string
-      expect(typeof onChange.mock.calls[0][0]).toBe('number');
+      expect(typeof onChange.mock.calls[0][0]).toBe("number");
     });
 
-    it('should not pass string values to onChange', () => {
+    it("should not pass string values to onChange", () => {
       const onChange = jest.fn();
       renderForm({ onChange });
-      
-      const input = screen.getByRole('spinbutton');
-      fireEvent.change(input, { target: { value: 'abc' } });
-      
+
+      const input = screen.getByRole("spinbutton");
+      fireEvent.change(input, { target: { value: "abc" } });
+
       expect(onChange).not.toHaveBeenCalled();
     });
   });
 
-  describe('Edge Cases', () => {
-    it('should handle non-numeric input by not calling onChange', () => {
+  describe("Edge Cases", () => {
+    it("should handle non-numeric input by not calling onChange", () => {
       const onChange = jest.fn();
       renderForm({ onChange });
-      
-      const input = screen.getByRole('spinbutton');
-      fireEvent.change(input, { target: { value: 'abc' } });
-      
+
+      const input = screen.getByRole("spinbutton");
+      fireEvent.change(input, { target: { value: "abc" } });
+
       expect(onChange).not.toHaveBeenCalled();
     });
   });