@pie-lib/mask-markup 3.0.13 → 3.1.0-beta

package/lib/components/__tests__/blank.test.js

@@ -0,0 +1,293 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@testing-library/react");
+var _blank = _interopRequireDefault(require("../blank"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+// Mock @dnd-kit hooks to avoid DndContext requirement
+jest.mock('@dnd-kit/core', function () {
+  return {
+    useDraggable: jest.fn(function () {
+      return {
+        attributes: {},
+        listeners: {},
+        setNodeRef: jest.fn(),
+        transform: null,
+        isDragging: false
+      };
+    }),
+    useDroppable: jest.fn(function () {
+      return {
+        setNodeRef: jest.fn(),
+        isOver: false,
+        active: null
+      };
+    })
+  };
+});
+jest.mock('@dnd-kit/utilities', function () {
+  return {
+    CSS: {
+      Translate: {
+        toString: jest.fn(function () {
+          return 'translate3d(0, 0, 0)';
+        })
+      }
+    }
+  };
+});
+jest.mock('@pie-lib/math-rendering', function () {
+  return {
+    renderMath: jest.fn()
+  };
+});
+
+// Collect the CSS rules emotion/MUI injected into the document (jsdom uses insertRule).
+var collectEmotionRules = function collectEmotionRules() {
+  var rules = [];
+  for (var _i = 0, _Array$from = Array.from(document.styleSheets); _i < _Array$from.length; _i++) {
+    var sheet = _Array$from[_i];
+    try {
+      for (var _i2 = 0, _Array$from2 = Array.from(sheet.cssRules); _i2 < _Array$from2.length; _i2++) {
+        var rule = _Array$from2[_i2];
+        rules.push(rule.cssText);
+      }
+    } catch (e) {
+      /* inaccessible stylesheet */
+    }
+  }
+  return rules;
+};
+describe('Blank', function () {
+  var _require = require('@pie-lib/math-rendering'),
+    renderMath = _require.renderMath;
+  var onChange = jest.fn();
+  var defaultProps = {
+    disabled: false,
+    choice: {
+      value: 'Cow'
+    },
+    isOver: false,
+    dragItem: {},
+    correct: false,
+    onChange: onChange
+  };
+  beforeEach(function () {
+    onChange.mockClear();
+    renderMath.mockClear();
+  });
+  describe('rendering', function () {
+    it('renders with default props', function () {
+      var _render = (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], defaultProps)),
+        container = _render.container;
+      expect(container.firstChild).toBeInTheDocument();
+    });
+    it('displays the value when provided', function () {
+      (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], defaultProps));
+      expect(_react2.screen.getByText('Cow')).toBeInTheDocument();
+    });
+    it('renders as disabled when disabled prop is true', function () {
+      (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
+        disabled: true
+      })));
+      // Check that delete button is not present when disabled
+      expect(_react2.screen.queryByRole('button', {
+        name: /delete/i
+      })).not.toBeInTheDocument();
+    });
+    it('renders with dragged item preview', function () {
+      (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
+        dragItem: {
+          choice: {
+            value: 'Dog'
+          }
+        }
+      })));
+      // Blank component should render
+      expect(_react2.screen.getByText('Cow')).toBeInTheDocument();
+    });
+    it('shows hover state when isOver is true', function () {
+      var _render2 = (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
+          dragItem: {
+            choice: {
+              value: 'Dog'
+            }
+          },
+          isOver: true
+        }))),
+        container = _render2.container;
+      // Component should have hover styling
+      expect(container.firstChild).toBeInTheDocument();
+    });
+    it('shows correct state when correct is true', function () {
+      var _render3 = (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
+          correct: true
+        }))),
+        container = _render3.container;
+      // Component should indicate correctness
+      expect(container.firstChild).toBeInTheDocument();
+    });
+  });
+  describe('delete functionality', function () {
+    it('does not show delete button when disabled', function () {
+      (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
+        disabled: true
+      })));
+      expect(_react2.screen.queryByRole('button', {
+        name: /delete/i
+      })).not.toBeInTheDocument();
+    });
+    it('does not show delete button when no value is set', function () {
+      (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
+        choice: undefined
+      })));
+      expect(_react2.screen.queryByRole('button', {
+        name: /delete/i
+      })).not.toBeInTheDocument();
+    });
+    it('shows delete button when value is present and not disabled', function () {
+      (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], defaultProps));
+      // If delete button is present, it should be clickable
+      var deleteButton = _react2.screen.queryByRole('button');
+      if (deleteButton) {
+        expect(deleteButton).toBeInTheDocument();
+      }
+    });
+  });
+  describe('dimensions', function () {
+    it('renders with custom dimensions when provided', function () {
+      var _render4 = (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
+          emptyResponseAreaHeight: 100,
+          emptyResponseAreaWidth: 200
+        }))),
+        container = _render4.container;
+      var element = container.firstChild;
+      expect(element).toBeInTheDocument();
+    });
+    it('renders with min dimensions by default', function () {
+      var _render5 = (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], defaultProps)),
+        container = _render5.container;
+      var element = container.firstChild;
+      expect(element).toBeInTheDocument();
+      // Component should have minimum dimensions applied
+    });
+    it('handles non-numeric dimension props gracefully', function () {
+      var _render6 = (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
+          emptyResponseAreaHeight: "non-numeric",
+          emptyResponseAreaWidth: "non-numeric"
+        }))),
+        container = _render6.container;
+      expect(container.firstChild).toBeInTheDocument();
+    });
+    it('computes chip dimensions based on content when no emptyResponseArea size is provided', function () {
+      jest.useFakeTimers();
+      // Mock getBoundingClientRect to simulate measured content size
+      var rectSpy = jest.spyOn(HTMLElement.prototype, 'getBoundingClientRect').mockReturnValue({
+        width: 100,
+        height: 20,
+        top: 0,
+        left: 0,
+        right: 100,
+        bottom: 20
+      });
+      var _render7 = (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
+          // Force measurement path that uses getMeasureNode / updateDimensions
+          emptyResponseAreaHeight: 0,
+          emptyResponseAreaWidth: 0
+        }))),
+        container = _render7.container;
+
+      // Let the internal timeout in handleElements / updateDimensions run
+      (0, _react2.act)(function () {
+        jest.runAllTimers();
+      });
+      var wrapper = container.firstChild; // StyledContent
+      var chip = wrapper && wrapper.firstChild; // StyledChip (rootRef)
+
+      // Width and height should include padding (24px) around measured content
+      expect(chip.style.width).toBe('129px');
+      expect(chip.style.height).toBe('49px');
+      rectSpy.mockRestore();
+      jest.useRealTimers();
+    });
+  });
+  describe('math rendering', function () {
+    it('calls renderMath on mount when choice has content', function () {
+      (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], defaultProps));
+      expect(renderMath).toHaveBeenCalled();
+    });
+    it('calls renderMath again when correct changes', function () {
+      var _render8 = (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
+          correct: false
+        }))),
+        rerender = _render8.rerender;
+      var callsAfterMount = renderMath.mock.calls.length;
+      expect(callsAfterMount).toBeGreaterThan(0);
+      rerender(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
+        correct: true
+      })));
+      expect(renderMath.mock.calls.length).toBeGreaterThan(callsAfterMount);
+    });
+    it('does not call renderMath again when correct is unchanged', function () {
+      var _render9 = (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
+          correct: true
+        }))),
+        rerender = _render9.rerender;
+      var callsAfterMount = renderMath.mock.calls.length;
+      rerender(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
+        correct: true
+      })));
+      expect(renderMath.mock.calls.length).toBe(callsAfterMount);
+    });
+  });
+  describe('fraction math styling', function () {
+    it('enlarges numerator/denominator digits adjacent to a fraction to 120%', function () {
+      (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], defaultProps));
+      var rule = collectEmotionRules().find(function (r) {
+        return r.includes('mjx-mn') && r.includes('mjx-mfrac');
+      });
+      expect(rule).toBeDefined();
+      expect(rule).toMatch(/mjx-mn:has\(~\s*mjx-mfrac\)/);
+      expect(rule).toMatch(/mjx-mfrac\s*~\s*mjx-mn/);
+      expect(rule).toMatch(/font-size:\s*120%\s*!important/i);
+    });
+    it('keeps the existing mjx-frac 120% rule', function () {
+      (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], defaultProps));
+      var rule = collectEmotionRules().find(function (r) {
+        return /(^|[^-])mjx-frac/.test(r) && !r.includes('mjx-mfrac');
+      });
+      expect(rule).toBeDefined();
+      expect(rule).toMatch(/font-size:\s*120%\s*!important/i);
+    });
+  });
+  describe('drag and drop', function () {
+    it('accepts drag item when not disabled', function () {
+      (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
+        isOver: true,
+        dragItem: {
+          choice: {
+            value: 'Dog'
+          }
+        }
+      })));
+      expect(_react2.screen.getByText('Cow')).toBeInTheDocument();
+    });
+    it('shows drag preview when dragging over', function () {
+      var _render0 = (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
+          isOver: true,
+          dragItem: {
+            choice: {
+              value: 'Dog'
+            }
+          }
+        }))),
+        container = _render0.container;
+      expect(container.firstChild).toBeInTheDocument();
+      // Should show visual feedback for drag over
+    });
+  });
+});
+//# sourceMappingURL=blank.test.js.map

package/lib/components/__tests__/blank.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"blank.test.js","names":["React","_interopRequireWildcard","require","_react2","_blank","_interopRequireDefault","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","jest","mock","useDraggable","fn","attributes","listeners","setNodeRef","transform","isDragging","useDroppable","isOver","active","CSS","Translate","toString","renderMath","collectEmotionRules","rules","_i","_Array$from","Array","from","document","styleSheets","length","sheet","_i2","_Array$from2","cssRules","rule","push","cssText","describe","_require","onChange","defaultProps","disabled","choice","value","dragItem","correct","beforeEach","mockClear","it","_render","render","createElement","container","expect","firstChild","toBeInTheDocument","screen","getByText","_extends2","queryByRole","name","not","_render2","_render3","undefined","deleteButton","_render4","emptyResponseAreaHeight","emptyResponseAreaWidth","element","_render5","_render6","useFakeTimers","rectSpy","spyOn","HTMLElement","prototype","mockReturnValue","width","height","top","left","right","bottom","_render7","act","runAllTimers","wrapper","chip","style","toBe","mockRestore","useRealTimers","toHaveBeenCalled","_render8","rerender","callsAfterMount","calls","toBeGreaterThan","_render9","find","includes","toBeDefined","toMatch","test","_render0"],"sources":["../../../src/components/__tests__/blank.test.js"],"sourcesContent":["import * as React from 'react';\nimport { render, screen, act } from '@testing-library/react';\nimport Blank from '../blank';\n\n// Mock @dnd-kit hooks to avoid DndContext requirement\njest.mock('@dnd-kit/core', () => ({\n  useDraggable: jest.fn(() => ({\n    attributes: {},\n    listeners: {},\n    setNodeRef: jest.fn(),\n    transform: null,\n    isDragging: false,\n  })),\n  useDroppable: jest.fn(() => ({\n    setNodeRef: jest.fn(),\n    isOver: false,\n    active: null,\n  })),\n}));\n\njest.mock('@dnd-kit/utilities', () => ({\n  CSS: {\n    Translate: {\n      toString: jest.fn(() => 'translate3d(0, 0, 0)'),\n    },\n  },\n}));\n\njest.mock('@pie-lib/math-rendering', () => ({\n  renderMath: jest.fn(),\n}));\n\n// Collect the CSS rules emotion/MUI injected into the document (jsdom uses insertRule).\nconst collectEmotionRules = () => {\n  const rules = [];\n  for (const sheet of Array.from(document.styleSheets)) {\n    try {\n      for (const rule of Array.from(sheet.cssRules)) {\n        rules.push(rule.cssText);\n      }\n    } catch (e) {\n      /* inaccessible stylesheet */\n    }\n  }\n  return rules;\n};\n\ndescribe('Blank', () => {\n  const { renderMath } = require('@pie-lib/math-rendering');\n  const onChange = jest.fn();\n  const defaultProps = {\n    disabled: false,\n    choice: { value: 'Cow' },\n    isOver: false,\n    dragItem: {},\n    correct: false,\n    onChange,\n  };\n\n  beforeEach(() => {\n    onChange.mockClear();\n    renderMath.mockClear();\n  });\n\n  describe('rendering', () => {\n    it('renders with default props', () => {\n      const { container } = render(<Blank {...defaultProps} />);\n      expect(container.firstChild).toBeInTheDocument();\n    });\n\n    it('displays the value when provided', () => {\n      render(<Blank {...defaultProps} />);\n      expect(screen.getByText('Cow')).toBeInTheDocument();\n    });\n\n    it('renders as disabled when disabled prop is true', () => {\n      render(<Blank {...defaultProps} disabled={true} />);\n      // Check that delete button is not present when disabled\n      expect(screen.queryByRole('button', { name: /delete/i })).not.toBeInTheDocument();\n    });\n\n    it('renders with dragged item preview', () => {\n      render(<Blank {...defaultProps} dragItem={{ choice: { value: 'Dog' } }} />);\n      // Blank component should render\n      expect(screen.getByText('Cow')).toBeInTheDocument();\n    });\n\n    it('shows hover state when isOver is true', () => {\n      const { container } = render(<Blank {...defaultProps} dragItem={{ choice: { value: 'Dog' } }} isOver={true} />);\n      // Component should have hover styling\n      expect(container.firstChild).toBeInTheDocument();\n    });\n\n    it('shows correct state when correct is true', () => {\n      const { container } = render(<Blank {...defaultProps} correct={true} />);\n      // Component should indicate correctness\n      expect(container.firstChild).toBeInTheDocument();\n    });\n  });\n\n  describe('delete functionality', () => {\n    it('does not show delete button when disabled', () => {\n      render(<Blank {...defaultProps} disabled={true} />);\n      expect(screen.queryByRole('button', { name: /delete/i })).not.toBeInTheDocument();\n    });\n\n    it('does not show delete button when no value is set', () => {\n      render(<Blank {...defaultProps} choice={undefined} />);\n      expect(screen.queryByRole('button', { name: /delete/i })).not.toBeInTheDocument();\n    });\n\n    it('shows delete button when value is present and not disabled', () => {\n      render(<Blank {...defaultProps} />);\n      // If delete button is present, it should be clickable\n      const deleteButton = screen.queryByRole('button');\n      if (deleteButton) {\n        expect(deleteButton).toBeInTheDocument();\n      }\n    });\n  });\n\n  describe('dimensions', () => {\n    it('renders with custom dimensions when provided', () => {\n      const { container } = render(\n        <Blank {...defaultProps} emptyResponseAreaHeight={100} emptyResponseAreaWidth={200} />,\n      );\n      const element = container.firstChild;\n      expect(element).toBeInTheDocument();\n    });\n\n    it('renders with min dimensions by default', () => {\n      const { container } = render(<Blank {...defaultProps} />);\n      const element = container.firstChild;\n      expect(element).toBeInTheDocument();\n      // Component should have minimum dimensions applied\n    });\n\n    it('handles non-numeric dimension props gracefully', () => {\n      const { container } = render(\n        <Blank {...defaultProps} emptyResponseAreaHeight=\"non-numeric\" emptyResponseAreaWidth=\"non-numeric\" />,\n      );\n      expect(container.firstChild).toBeInTheDocument();\n    });\n\n    it('computes chip dimensions based on content when no emptyResponseArea size is provided', () => {\n      jest.useFakeTimers();\n      // Mock getBoundingClientRect to simulate measured content size\n      const rectSpy = jest\n        .spyOn(HTMLElement.prototype, 'getBoundingClientRect')\n        .mockReturnValue({ width: 100, height: 20, top: 0, left: 0, right: 100, bottom: 20 });\n\n      const { container } = render(\n        <Blank\n          {...defaultProps}\n          // Force measurement path that uses getMeasureNode / updateDimensions\n          emptyResponseAreaHeight={0}\n          emptyResponseAreaWidth={0}\n        />,\n      );\n\n      // Let the internal timeout in handleElements / updateDimensions run\n      act(() => {\n        jest.runAllTimers();\n      });\n\n      const wrapper = container.firstChild; // StyledContent\n      const chip = wrapper && wrapper.firstChild; // StyledChip (rootRef)\n\n      // Width and height should include padding (24px) around measured content\n      expect(chip.style.width).toBe('129px');\n      expect(chip.style.height).toBe('49px');\n\n      rectSpy.mockRestore();\n      jest.useRealTimers();\n    });\n  });\n\n  describe('math rendering', () => {\n    it('calls renderMath on mount when choice has content', () => {\n      render(<Blank {...defaultProps} />);\n      expect(renderMath).toHaveBeenCalled();\n    });\n\n    it('calls renderMath again when correct changes', () => {\n      const { rerender } = render(<Blank {...defaultProps} correct={false} />);\n      const callsAfterMount = renderMath.mock.calls.length;\n      expect(callsAfterMount).toBeGreaterThan(0);\n\n      rerender(<Blank {...defaultProps} correct={true} />);\n      expect(renderMath.mock.calls.length).toBeGreaterThan(callsAfterMount);\n    });\n\n    it('does not call renderMath again when correct is unchanged', () => {\n      const { rerender } = render(<Blank {...defaultProps} correct={true} />);\n      const callsAfterMount = renderMath.mock.calls.length;\n\n      rerender(<Blank {...defaultProps} correct={true} />);\n      expect(renderMath.mock.calls.length).toBe(callsAfterMount);\n    });\n  });\n\n  describe('fraction math styling', () => {\n    it('enlarges numerator/denominator digits adjacent to a fraction to 120%', () => {\n      render(<Blank {...defaultProps} />);\n      const rule = collectEmotionRules().find((r) => r.includes('mjx-mn') && r.includes('mjx-mfrac'));\n      expect(rule).toBeDefined();\n      expect(rule).toMatch(/mjx-mn:has\\(~\\s*mjx-mfrac\\)/);\n      expect(rule).toMatch(/mjx-mfrac\\s*~\\s*mjx-mn/);\n      expect(rule).toMatch(/font-size:\\s*120%\\s*!important/i);\n    });\n\n    it('keeps the existing mjx-frac 120% rule', () => {\n      render(<Blank {...defaultProps} />);\n      const rule = collectEmotionRules().find((r) => /(^|[^-])mjx-frac/.test(r) && !r.includes('mjx-mfrac'));\n      expect(rule).toBeDefined();\n      expect(rule).toMatch(/font-size:\\s*120%\\s*!important/i);\n    });\n  });\n\n  describe('drag and drop', () => {\n    it('accepts drag item when not disabled', () => {\n      render(<Blank {...defaultProps} isOver={true} dragItem={{ choice: { value: 'Dog' } }} />);\n      expect(screen.getByText('Cow')).toBeInTheDocument();\n    });\n\n    it('shows drag preview when dragging over', () => {\n      const { container } = render(<Blank {...defaultProps} isOver={true} dragItem={{ choice: { value: 'Dog' } }} />);\n      expect(container.firstChild).toBeInTheDocument();\n      // Should show visual feedback for drag over\n    });\n  });\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/components/__tests__/correct-input.test.js

@@ -0,0 +1,132 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+var _correctInput = _interopRequireDefault(require("../correct-input"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+describe('CorrectInput', function () {
+  var onChange = jest.fn();
+  var defaultProps = {
+    disabled: false,
+    correct: false,
+    variant: 'outlined',
+    value: 'Cow',
+    onChange: onChange
+  };
+  beforeEach(function () {
+    onChange.mockClear();
+  });
+  describe('rendering', function () {
+    it('renders input with default props', function () {
+      (0, _react2.render)(/*#__PURE__*/React.createElement(_correctInput["default"], defaultProps));
+      var input = _react2.screen.getByRole('textbox');
+      expect(input).toBeInTheDocument();
+      expect(input).toHaveValue('Cow');
+    });
+    it('renders as disabled when disabled prop is true', function () {
+      (0, _react2.render)(/*#__PURE__*/React.createElement(_correctInput["default"], (0, _extends2["default"])({}, defaultProps, {
+        disabled: true
+      })));
+      var input = _react2.screen.getByRole('textbox');
+      expect(input).toBeDisabled();
+    });
+    it('renders with correct state as false', function () {
+      var _render = (0, _react2.render)(/*#__PURE__*/React.createElement(_correctInput["default"], (0, _extends2["default"])({}, defaultProps, {
+          correct: false
+        }))),
+        container = _render.container;
+      var input = _react2.screen.getByRole('textbox');
+      expect(input).toBeInTheDocument();
+    });
+    it('renders with correct state as true', function () {
+      var _render2 = (0, _react2.render)(/*#__PURE__*/React.createElement(_correctInput["default"], (0, _extends2["default"])({}, defaultProps, {
+          correct: true
+        }))),
+        container = _render2.container;
+      var input = _react2.screen.getByRole('textbox');
+      expect(input).toBeInTheDocument();
+      // Should show visual indication of correctness
+    });
+    it('renders with outlined variant', function () {
+      (0, _react2.render)(/*#__PURE__*/React.createElement(_correctInput["default"], (0, _extends2["default"])({}, defaultProps, {
+        variant: "outlined"
+      })));
+      var input = _react2.screen.getByRole('textbox');
+      expect(input).toBeInTheDocument();
+    });
+  });
+  describe('user interactions', function () {
+    it('calls onChange when user types', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var user, input;
+      return _regenerator["default"].wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            user = _userEvent["default"].setup();
+            (0, _react2.render)(/*#__PURE__*/React.createElement(_correctInput["default"], defaultProps));
+            input = _react2.screen.getByRole('textbox');
+            _context.next = 1;
+            return user.clear(input);
+          case 1:
+            _context.next = 2;
+            return user.type(input, '1');
+          case 2:
+            expect(onChange).toHaveBeenCalled();
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    })));
+    it('calls onChange with event object', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+      var user, input, lastCall;
+      return _regenerator["default"].wrap(function (_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            user = _userEvent["default"].setup();
+            (0, _react2.render)(/*#__PURE__*/React.createElement(_correctInput["default"], (0, _extends2["default"])({}, defaultProps, {
+              value: ""
+            })));
+            input = _react2.screen.getByRole('textbox');
+            _context2.next = 1;
+            return user.type(input, 'test');
+          case 1:
+            expect(onChange).toHaveBeenCalled();
+            // Check that onChange receives an event-like object
+            lastCall = onChange.mock.calls[onChange.mock.calls.length - 1][0];
+            expect(lastCall).toHaveProperty('target');
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    })));
+    it('updates value when user changes input', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+      var user, input;
+      return _regenerator["default"].wrap(function (_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            user = _userEvent["default"].setup();
+            (0, _react2.render)(/*#__PURE__*/React.createElement(_correctInput["default"], defaultProps));
+            input = _react2.screen.getByRole('textbox');
+            _context3.next = 1;
+            return user.clear(input);
+          case 1:
+            _context3.next = 2;
+            return user.type(input, 'Dog');
+          case 2:
+            expect(onChange).toHaveBeenCalled();
+          case 3:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    })));
+  });
+});
+//# sourceMappingURL=correct-input.test.js.map

package/lib/components/__tests__/correct-input.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"correct-input.test.js","names":["React","_interopRequireWildcard","require","_react2","_userEvent","_interopRequireDefault","_correctInput","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","describe","onChange","jest","fn","defaultProps","disabled","correct","variant","value","beforeEach","mockClear","it","render","createElement","input","screen","getByRole","expect","toBeInTheDocument","toHaveValue","_extends2","toBeDisabled","_render","container","_render2","_asyncToGenerator2","_regenerator","mark","_callee","user","wrap","_context","prev","next","userEvent","setup","clear","type","toHaveBeenCalled","stop","_callee2","lastCall","_context2","mock","calls","length","toHaveProperty","_callee3","_context3"],"sources":["../../../src/components/__tests__/correct-input.test.js"],"sourcesContent":["import * as React from 'react';\nimport { render, screen } from '@testing-library/react';\nimport userEvent from '@testing-library/user-event';\nimport CorrectInput from '../correct-input';\n\ndescribe('CorrectInput', () => {\n  const onChange = jest.fn();\n  const defaultProps = {\n    disabled: false,\n    correct: false,\n    variant: 'outlined',\n    value: 'Cow',\n    onChange,\n  };\n\n  beforeEach(() => {\n    onChange.mockClear();\n  });\n\n  describe('rendering', () => {\n    it('renders input with default props', () => {\n      render(<CorrectInput {...defaultProps} />);\n      const input = screen.getByRole('textbox');\n      expect(input).toBeInTheDocument();\n      expect(input).toHaveValue('Cow');\n    });\n\n    it('renders as disabled when disabled prop is true', () => {\n      render(<CorrectInput {...defaultProps} disabled={true} />);\n      const input = screen.getByRole('textbox');\n      expect(input).toBeDisabled();\n    });\n\n    it('renders with correct state as false', () => {\n      const { container } = render(<CorrectInput {...defaultProps} correct={false} />);\n      const input = screen.getByRole('textbox');\n      expect(input).toBeInTheDocument();\n    });\n\n    it('renders with correct state as true', () => {\n      const { container } = render(<CorrectInput {...defaultProps} correct={true} />);\n      const input = screen.getByRole('textbox');\n      expect(input).toBeInTheDocument();\n      // Should show visual indication of correctness\n    });\n\n    it('renders with outlined variant', () => {\n      render(<CorrectInput {...defaultProps} variant=\"outlined\" />);\n      const input = screen.getByRole('textbox');\n      expect(input).toBeInTheDocument();\n    });\n  });\n\n  describe('user interactions', () => {\n    it('calls onChange when user types', async () => {\n      const user = userEvent.setup();\n      render(<CorrectInput {...defaultProps} />);\n\n      const input = screen.getByRole('textbox');\n      await user.clear(input);\n      await user.type(input, '1');\n\n      expect(onChange).toHaveBeenCalled();\n    });\n\n    it('calls onChange with event object', async () => {\n      const user = userEvent.setup();\n      render(<CorrectInput {...defaultProps} value=\"\" />);\n\n      const input = screen.getByRole('textbox');\n      await user.type(input, 'test');\n\n      expect(onChange).toHaveBeenCalled();\n      // Check that onChange receives an event-like object\n      const lastCall = onChange.mock.calls[onChange.mock.calls.length - 1][0];\n      expect(lastCall).toHaveProperty('target');\n    });\n\n    it('updates value when user changes input', async () => {\n      const user = userEvent.setup();\n      render(<CorrectInput {...defaultProps} />);\n\n      const input = screen.getByRole('textbox');\n      await user.clear(input);\n      await user.type(input, 'Dog');\n\n      expect(onChange).toHaveBeenCalled();\n    });\n  });\n});\n"],"mappings":"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","ignoreList":[]}