@pie-lib/mask-markup 3.1.0-beta.6 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/CHANGELOG.md +83 -0
  2. package/LICENSE.md +5 -0
  3. package/lib/choices/choice.js +24 -6
  4. package/lib/choices/choice.js.map +1 -1
  5. package/lib/choices/index.js +32 -9
  6. package/lib/choices/index.js.map +1 -1
  7. package/lib/components/blank.js +106 -29
  8. package/lib/components/blank.js.map +1 -1
  9. package/lib/components/dropdown.js +2 -9
  10. package/lib/components/dropdown.js.map +1 -1
  11. package/lib/drag-in-the-blank.js +139 -30
  12. package/lib/drag-in-the-blank.js.map +1 -1
  13. package/lib/keyboard-coordinates.js +156 -0
  14. package/lib/keyboard-coordinates.js.map +1 -0
  15. package/lib/mask.js +20 -15
  16. package/lib/mask.js.map +1 -1
  17. package/package.json +6 -6
  18. package/src/__tests__/drag-in-the-blank.test.js +147 -2
  19. package/src/__tests__/keyboard-coordinates.test.js +202 -0
  20. package/src/__tests__/mask.test.js +98 -0
  21. package/src/choices/__tests__/index.test.js +104 -1
  22. package/src/choices/choice.jsx +16 -3
  23. package/src/choices/index.jsx +27 -3
  24. package/src/components/__tests__/blank.test.js +186 -5
  25. package/src/components/blank.jsx +108 -35
  26. package/src/components/dropdown.jsx +2 -9
  27. package/src/drag-in-the-blank.jsx +132 -22
  28. package/src/keyboard-coordinates.js +147 -0
  29. package/src/mask.jsx +13 -11
  30. package/lib/__tests__/drag-in-the-blank.test.js +0 -129
  31. package/lib/__tests__/drag-in-the-blank.test.js.map +0 -1
  32. package/lib/__tests__/index.test.js +0 -39
  33. package/lib/__tests__/index.test.js.map +0 -1
  34. package/lib/__tests__/mask.test.js +0 -344
  35. package/lib/__tests__/mask.test.js.map +0 -1
  36. package/lib/__tests__/serialization.test.js +0 -44
  37. package/lib/__tests__/serialization.test.js.map +0 -1
  38. package/lib/__tests__/utils.js +0 -14
  39. package/lib/__tests__/utils.js.map +0 -1
  40. package/lib/__tests__/with-mask.test.js +0 -110
  41. package/lib/__tests__/with-mask.test.js.map +0 -1
  42. package/lib/choices/__tests__/index.test.js +0 -139
  43. package/lib/choices/__tests__/index.test.js.map +0 -1
  44. package/lib/components/__tests__/blank.test.js +0 -293
  45. package/lib/components/__tests__/blank.test.js.map +0 -1
  46. package/lib/components/__tests__/correct-input.test.js +0 -132
  47. package/lib/components/__tests__/correct-input.test.js.map +0 -1
  48. package/lib/components/__tests__/dropdown.test.js +0 -202
  49. package/lib/components/__tests__/dropdown.test.js.map +0 -1
  50. package/lib/components/__tests__/input.test.js +0 -129
  51. package/lib/components/__tests__/input.test.js.map +0 -1
@@ -1,139 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
6
- var React = _interopRequireWildcard(require("react"));
7
- var _react2 = require("@testing-library/react");
8
- var _choice = _interopRequireDefault(require("../choice"));
9
- var _utils = require("../../__tests__/utils");
10
- var _index = _interopRequireDefault(require("../index"));
11
- 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); }
12
- // Collect the CSS rules emotion/MUI injected into the document (jsdom uses insertRule).
13
- var collectEmotionRules = function collectEmotionRules() {
14
- var rules = [];
15
- for (var _i = 0, _Array$from = Array.from(document.styleSheets); _i < _Array$from.length; _i++) {
16
- var sheet = _Array$from[_i];
17
- try {
18
- for (var _i2 = 0, _Array$from2 = Array.from(sheet.cssRules); _i2 < _Array$from2.length; _i2++) {
19
- var rule = _Array$from2[_i2];
20
- rules.push(rule.cssText);
21
- }
22
- } catch (e) {
23
- /* inaccessible stylesheet */
24
- }
25
- }
26
- return rules;
27
- };
28
-
29
- // Mock @dnd-kit hooks to avoid DndContext requirement
30
- jest.mock('@dnd-kit/core', function () {
31
- return {
32
- useDraggable: jest.fn(function () {
33
- return {
34
- attributes: {},
35
- listeners: {},
36
- setNodeRef: jest.fn(),
37
- isDragging: false
38
- };
39
- }),
40
- useDroppable: jest.fn(function () {
41
- return {
42
- setNodeRef: jest.fn(),
43
- isOver: false,
44
- active: null
45
- };
46
- })
47
- };
48
- });
49
- describe('index', function () {
50
- describe('Choices', function () {
51
- var defaultProps = {
52
- disabled: false,
53
- choices: [(0, _utils.choice)('Jumped', '0'), (0, _utils.choice)('Laughed', '1'), (0, _utils.choice)('Spoon', '2')],
54
- choicePosition: 'below',
55
- instanceId: 'test-instance'
56
- };
57
- it('renders correctly with default props', function () {
58
- var _render = (0, _react2.render)(/*#__PURE__*/React.createElement(_index["default"], defaultProps)),
59
- container = _render.container;
60
- expect(container.firstChild).toBeInTheDocument();
61
- expect(_react2.screen.getByText('Jumped')).toBeInTheDocument();
62
- expect(_react2.screen.getByText('Laughed')).toBeInTheDocument();
63
- expect(_react2.screen.getByText('Spoon')).toBeInTheDocument();
64
- });
65
- it('renders correctly with disabled prop as true', function () {
66
- var _render2 = (0, _react2.render)(/*#__PURE__*/React.createElement(_index["default"], (0, _extends2["default"])({}, defaultProps, {
67
- disabled: true
68
- }))),
69
- container = _render2.container;
70
- expect(container.firstChild).toBeInTheDocument();
71
- });
72
- it('renders without duplicates', function () {
73
- var _render3 = (0, _react2.render)(/*#__PURE__*/React.createElement(_index["default"], (0, _extends2["default"])({}, defaultProps, {
74
- duplicates: undefined,
75
- value: {
76
- 0: '0',
77
- 1: '1'
78
- }
79
- }))),
80
- container = _render3.container;
81
- expect(container.firstChild).toBeInTheDocument();
82
- });
83
- it('renders with duplicates', function () {
84
- var _render4 = (0, _react2.render)(/*#__PURE__*/React.createElement(_index["default"], (0, _extends2["default"])({}, defaultProps, {
85
- duplicates: true,
86
- value: {
87
- 0: '0',
88
- 1: '1'
89
- }
90
- }))),
91
- container = _render4.container;
92
- expect(container.firstChild).toBeInTheDocument();
93
- });
94
- });
95
- describe('Choice', function () {
96
- var defaultProps = {
97
- disabled: false,
98
- choice: (0, _utils.choice)('Label', '1'),
99
- instanceId: 'test-instance'
100
- };
101
- describe('render', function () {
102
- it('renders correctly with default props', function () {
103
- var _render5 = (0, _react2.render)(/*#__PURE__*/React.createElement(_choice["default"], defaultProps)),
104
- container = _render5.container;
105
- expect(container.firstChild).toBeInTheDocument();
106
- expect(_react2.screen.getByText('Label')).toBeInTheDocument();
107
- });
108
- it('renders correctly with disabled prop as true', function () {
109
- var _render6 = (0, _react2.render)(/*#__PURE__*/React.createElement(_choice["default"], (0, _extends2["default"])({}, defaultProps, {
110
- disabled: true
111
- }))),
112
- container = _render6.container;
113
- expect(container.firstChild).toBeInTheDocument();
114
- });
115
- });
116
- describe('fraction math styling', function () {
117
- it('enlarges numerator/denominator digits adjacent to a fraction to 120%', function () {
118
- (0, _react2.render)(/*#__PURE__*/React.createElement(_choice["default"], defaultProps));
119
- // The new rule targets mjx-mn digits that sit next to an mjx-mfrac.
120
- var rule = collectEmotionRules().find(function (r) {
121
- return r.includes('mjx-mn') && r.includes('mjx-mfrac');
122
- });
123
- expect(rule).toBeDefined();
124
- expect(rule).toMatch(/mjx-mn:has\(~\s*mjx-mfrac\)/);
125
- expect(rule).toMatch(/mjx-mfrac\s*~\s*mjx-mn/);
126
- expect(rule).toMatch(/font-size:\s*120%\s*!important/i);
127
- });
128
- it('keeps the existing mjx-frac 120% rule', function () {
129
- (0, _react2.render)(/*#__PURE__*/React.createElement(_choice["default"], defaultProps));
130
- var rule = collectEmotionRules().find(function (r) {
131
- return /(^|[^-])mjx-frac/.test(r) && !r.includes('mjx-mfrac');
132
- });
133
- expect(rule).toBeDefined();
134
- expect(rule).toMatch(/font-size:\s*120%\s*!important/i);
135
- });
136
- });
137
- });
138
- });
139
- //# sourceMappingURL=index.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.test.js","names":["React","_interopRequireWildcard","require","_react2","_choice","_interopRequireDefault","_utils","_index","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","collectEmotionRules","rules","_i","_Array$from","Array","from","document","styleSheets","length","sheet","_i2","_Array$from2","cssRules","rule","push","cssText","jest","mock","useDraggable","fn","attributes","listeners","setNodeRef","isDragging","useDroppable","isOver","active","describe","defaultProps","disabled","choices","choice","choicePosition","instanceId","it","_render","render","createElement","container","expect","firstChild","toBeInTheDocument","screen","getByText","_render2","_extends2","_render3","duplicates","undefined","value","_render4","_render5","_render6","find","includes","toBeDefined","toMatch","test"],"sources":["../../../src/choices/__tests__/index.test.js"],"sourcesContent":["import * as React from 'react';\nimport { render, screen } from '@testing-library/react';\nimport Choice from '../choice';\nimport { choice } from '../../__tests__/utils';\nimport Choices from '../index';\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\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 isDragging: false,\n })),\n useDroppable: jest.fn(() => ({\n setNodeRef: jest.fn(),\n isOver: false,\n active: null,\n })),\n}));\n\ndescribe('index', () => {\n describe('Choices', () => {\n const defaultProps = {\n disabled: false,\n choices: [choice('Jumped', '0'), choice('Laughed', '1'), choice('Spoon', '2')],\n choicePosition: 'below',\n instanceId: 'test-instance',\n };\n\n it('renders correctly with default props', () => {\n const { container } = render(<Choices {...defaultProps} />);\n expect(container.firstChild).toBeInTheDocument();\n expect(screen.getByText('Jumped')).toBeInTheDocument();\n expect(screen.getByText('Laughed')).toBeInTheDocument();\n expect(screen.getByText('Spoon')).toBeInTheDocument();\n });\n\n it('renders correctly with disabled prop as true', () => {\n const { container } = render(<Choices {...defaultProps} disabled={true} />);\n expect(container.firstChild).toBeInTheDocument();\n });\n\n it('renders without duplicates', () => {\n const { container } = render(<Choices {...defaultProps} duplicates={undefined} value={{ 0: '0', 1: '1' }} />);\n expect(container.firstChild).toBeInTheDocument();\n });\n\n it('renders with duplicates', () => {\n const { container } = render(<Choices {...defaultProps} duplicates={true} value={{ 0: '0', 1: '1' }} />);\n expect(container.firstChild).toBeInTheDocument();\n });\n });\n\n describe('Choice', () => {\n const defaultProps = {\n disabled: false,\n choice: choice('Label', '1'),\n instanceId: 'test-instance',\n };\n\n describe('render', () => {\n it('renders correctly with default props', () => {\n const { container } = render(<Choice {...defaultProps} />);\n expect(container.firstChild).toBeInTheDocument();\n expect(screen.getByText('Label')).toBeInTheDocument();\n });\n\n it('renders correctly with disabled prop as true', () => {\n const { container } = render(<Choice {...defaultProps} disabled={true} />);\n expect(container.firstChild).toBeInTheDocument();\n });\n });\n\n describe('fraction math styling', () => {\n it('enlarges numerator/denominator digits adjacent to a fraction to 120%', () => {\n render(<Choice {...defaultProps} />);\n // The new rule targets mjx-mn digits that sit next to an mjx-mfrac.\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(<Choice {...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});\n"],"mappings":"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","ignoreList":[]}
@@ -1,293 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
6
- var React = _interopRequireWildcard(require("react"));
7
- var _react2 = require("@testing-library/react");
8
- var _blank = _interopRequireDefault(require("../blank"));
9
- 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); }
10
- // Mock @dnd-kit hooks to avoid DndContext requirement
11
- jest.mock('@dnd-kit/core', function () {
12
- return {
13
- useDraggable: jest.fn(function () {
14
- return {
15
- attributes: {},
16
- listeners: {},
17
- setNodeRef: jest.fn(),
18
- transform: null,
19
- isDragging: false
20
- };
21
- }),
22
- useDroppable: jest.fn(function () {
23
- return {
24
- setNodeRef: jest.fn(),
25
- isOver: false,
26
- active: null
27
- };
28
- })
29
- };
30
- });
31
- jest.mock('@dnd-kit/utilities', function () {
32
- return {
33
- CSS: {
34
- Translate: {
35
- toString: jest.fn(function () {
36
- return 'translate3d(0, 0, 0)';
37
- })
38
- }
39
- }
40
- };
41
- });
42
- jest.mock('@pie-lib/math-rendering', function () {
43
- return {
44
- renderMath: jest.fn()
45
- };
46
- });
47
-
48
- // Collect the CSS rules emotion/MUI injected into the document (jsdom uses insertRule).
49
- var collectEmotionRules = function collectEmotionRules() {
50
- var rules = [];
51
- for (var _i = 0, _Array$from = Array.from(document.styleSheets); _i < _Array$from.length; _i++) {
52
- var sheet = _Array$from[_i];
53
- try {
54
- for (var _i2 = 0, _Array$from2 = Array.from(sheet.cssRules); _i2 < _Array$from2.length; _i2++) {
55
- var rule = _Array$from2[_i2];
56
- rules.push(rule.cssText);
57
- }
58
- } catch (e) {
59
- /* inaccessible stylesheet */
60
- }
61
- }
62
- return rules;
63
- };
64
- describe('Blank', function () {
65
- var _require = require('@pie-lib/math-rendering'),
66
- renderMath = _require.renderMath;
67
- var onChange = jest.fn();
68
- var defaultProps = {
69
- disabled: false,
70
- choice: {
71
- value: 'Cow'
72
- },
73
- isOver: false,
74
- dragItem: {},
75
- correct: false,
76
- onChange: onChange
77
- };
78
- beforeEach(function () {
79
- onChange.mockClear();
80
- renderMath.mockClear();
81
- });
82
- describe('rendering', function () {
83
- it('renders with default props', function () {
84
- var _render = (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], defaultProps)),
85
- container = _render.container;
86
- expect(container.firstChild).toBeInTheDocument();
87
- });
88
- it('displays the value when provided', function () {
89
- (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], defaultProps));
90
- expect(_react2.screen.getByText('Cow')).toBeInTheDocument();
91
- });
92
- it('renders as disabled when disabled prop is true', function () {
93
- (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
94
- disabled: true
95
- })));
96
- // Check that delete button is not present when disabled
97
- expect(_react2.screen.queryByRole('button', {
98
- name: /delete/i
99
- })).not.toBeInTheDocument();
100
- });
101
- it('renders with dragged item preview', function () {
102
- (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
103
- dragItem: {
104
- choice: {
105
- value: 'Dog'
106
- }
107
- }
108
- })));
109
- // Blank component should render
110
- expect(_react2.screen.getByText('Cow')).toBeInTheDocument();
111
- });
112
- it('shows hover state when isOver is true', function () {
113
- var _render2 = (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
114
- dragItem: {
115
- choice: {
116
- value: 'Dog'
117
- }
118
- },
119
- isOver: true
120
- }))),
121
- container = _render2.container;
122
- // Component should have hover styling
123
- expect(container.firstChild).toBeInTheDocument();
124
- });
125
- it('shows correct state when correct is true', function () {
126
- var _render3 = (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
127
- correct: true
128
- }))),
129
- container = _render3.container;
130
- // Component should indicate correctness
131
- expect(container.firstChild).toBeInTheDocument();
132
- });
133
- });
134
- describe('delete functionality', function () {
135
- it('does not show delete button when disabled', function () {
136
- (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
137
- disabled: true
138
- })));
139
- expect(_react2.screen.queryByRole('button', {
140
- name: /delete/i
141
- })).not.toBeInTheDocument();
142
- });
143
- it('does not show delete button when no value is set', function () {
144
- (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
145
- choice: undefined
146
- })));
147
- expect(_react2.screen.queryByRole('button', {
148
- name: /delete/i
149
- })).not.toBeInTheDocument();
150
- });
151
- it('shows delete button when value is present and not disabled', function () {
152
- (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], defaultProps));
153
- // If delete button is present, it should be clickable
154
- var deleteButton = _react2.screen.queryByRole('button');
155
- if (deleteButton) {
156
- expect(deleteButton).toBeInTheDocument();
157
- }
158
- });
159
- });
160
- describe('dimensions', function () {
161
- it('renders with custom dimensions when provided', function () {
162
- var _render4 = (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
163
- emptyResponseAreaHeight: 100,
164
- emptyResponseAreaWidth: 200
165
- }))),
166
- container = _render4.container;
167
- var element = container.firstChild;
168
- expect(element).toBeInTheDocument();
169
- });
170
- it('renders with min dimensions by default', function () {
171
- var _render5 = (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], defaultProps)),
172
- container = _render5.container;
173
- var element = container.firstChild;
174
- expect(element).toBeInTheDocument();
175
- // Component should have minimum dimensions applied
176
- });
177
- it('handles non-numeric dimension props gracefully', function () {
178
- var _render6 = (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
179
- emptyResponseAreaHeight: "non-numeric",
180
- emptyResponseAreaWidth: "non-numeric"
181
- }))),
182
- container = _render6.container;
183
- expect(container.firstChild).toBeInTheDocument();
184
- });
185
- it('computes chip dimensions based on content when no emptyResponseArea size is provided', function () {
186
- jest.useFakeTimers();
187
- // Mock getBoundingClientRect to simulate measured content size
188
- var rectSpy = jest.spyOn(HTMLElement.prototype, 'getBoundingClientRect').mockReturnValue({
189
- width: 100,
190
- height: 20,
191
- top: 0,
192
- left: 0,
193
- right: 100,
194
- bottom: 20
195
- });
196
- var _render7 = (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
197
- // Force measurement path that uses getMeasureNode / updateDimensions
198
- emptyResponseAreaHeight: 0,
199
- emptyResponseAreaWidth: 0
200
- }))),
201
- container = _render7.container;
202
-
203
- // Let the internal timeout in handleElements / updateDimensions run
204
- (0, _react2.act)(function () {
205
- jest.runAllTimers();
206
- });
207
- var wrapper = container.firstChild; // StyledContent
208
- var chip = wrapper && wrapper.firstChild; // StyledChip (rootRef)
209
-
210
- // Width and height should include padding (24px) around measured content
211
- expect(chip.style.width).toBe('129px');
212
- expect(chip.style.height).toBe('49px');
213
- rectSpy.mockRestore();
214
- jest.useRealTimers();
215
- });
216
- });
217
- describe('math rendering', function () {
218
- it('calls renderMath on mount when choice has content', function () {
219
- (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], defaultProps));
220
- expect(renderMath).toHaveBeenCalled();
221
- });
222
- it('calls renderMath again when correct changes', function () {
223
- var _render8 = (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
224
- correct: false
225
- }))),
226
- rerender = _render8.rerender;
227
- var callsAfterMount = renderMath.mock.calls.length;
228
- expect(callsAfterMount).toBeGreaterThan(0);
229
- rerender(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
230
- correct: true
231
- })));
232
- expect(renderMath.mock.calls.length).toBeGreaterThan(callsAfterMount);
233
- });
234
- it('does not call renderMath again when correct is unchanged', function () {
235
- var _render9 = (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
236
- correct: true
237
- }))),
238
- rerender = _render9.rerender;
239
- var callsAfterMount = renderMath.mock.calls.length;
240
- rerender(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
241
- correct: true
242
- })));
243
- expect(renderMath.mock.calls.length).toBe(callsAfterMount);
244
- });
245
- });
246
- describe('fraction math styling', function () {
247
- it('enlarges numerator/denominator digits adjacent to a fraction to 120%', function () {
248
- (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], defaultProps));
249
- var rule = collectEmotionRules().find(function (r) {
250
- return r.includes('mjx-mn') && r.includes('mjx-mfrac');
251
- });
252
- expect(rule).toBeDefined();
253
- expect(rule).toMatch(/mjx-mn:has\(~\s*mjx-mfrac\)/);
254
- expect(rule).toMatch(/mjx-mfrac\s*~\s*mjx-mn/);
255
- expect(rule).toMatch(/font-size:\s*120%\s*!important/i);
256
- });
257
- it('keeps the existing mjx-frac 120% rule', function () {
258
- (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], defaultProps));
259
- var rule = collectEmotionRules().find(function (r) {
260
- return /(^|[^-])mjx-frac/.test(r) && !r.includes('mjx-mfrac');
261
- });
262
- expect(rule).toBeDefined();
263
- expect(rule).toMatch(/font-size:\s*120%\s*!important/i);
264
- });
265
- });
266
- describe('drag and drop', function () {
267
- it('accepts drag item when not disabled', function () {
268
- (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
269
- isOver: true,
270
- dragItem: {
271
- choice: {
272
- value: 'Dog'
273
- }
274
- }
275
- })));
276
- expect(_react2.screen.getByText('Cow')).toBeInTheDocument();
277
- });
278
- it('shows drag preview when dragging over', function () {
279
- var _render0 = (0, _react2.render)(/*#__PURE__*/React.createElement(_blank["default"], (0, _extends2["default"])({}, defaultProps, {
280
- isOver: true,
281
- dragItem: {
282
- choice: {
283
- value: 'Dog'
284
- }
285
- }
286
- }))),
287
- container = _render0.container;
288
- expect(container.firstChild).toBeInTheDocument();
289
- // Should show visual feedback for drag over
290
- });
291
- });
292
- });
293
- //# sourceMappingURL=blank.test.js.map
@@ -1 +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":[]}
@@ -1,132 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
6
- var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
7
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
8
- var React = _interopRequireWildcard(require("react"));
9
- var _react2 = require("@testing-library/react");
10
- var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
11
- var _correctInput = _interopRequireDefault(require("../correct-input"));
12
- 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); }
13
- describe('CorrectInput', function () {
14
- var onChange = jest.fn();
15
- var defaultProps = {
16
- disabled: false,
17
- correct: false,
18
- variant: 'outlined',
19
- value: 'Cow',
20
- onChange: onChange
21
- };
22
- beforeEach(function () {
23
- onChange.mockClear();
24
- });
25
- describe('rendering', function () {
26
- it('renders input with default props', function () {
27
- (0, _react2.render)(/*#__PURE__*/React.createElement(_correctInput["default"], defaultProps));
28
- var input = _react2.screen.getByRole('textbox');
29
- expect(input).toBeInTheDocument();
30
- expect(input).toHaveValue('Cow');
31
- });
32
- it('renders as disabled when disabled prop is true', function () {
33
- (0, _react2.render)(/*#__PURE__*/React.createElement(_correctInput["default"], (0, _extends2["default"])({}, defaultProps, {
34
- disabled: true
35
- })));
36
- var input = _react2.screen.getByRole('textbox');
37
- expect(input).toBeDisabled();
38
- });
39
- it('renders with correct state as false', function () {
40
- var _render = (0, _react2.render)(/*#__PURE__*/React.createElement(_correctInput["default"], (0, _extends2["default"])({}, defaultProps, {
41
- correct: false
42
- }))),
43
- container = _render.container;
44
- var input = _react2.screen.getByRole('textbox');
45
- expect(input).toBeInTheDocument();
46
- });
47
- it('renders with correct state as true', function () {
48
- var _render2 = (0, _react2.render)(/*#__PURE__*/React.createElement(_correctInput["default"], (0, _extends2["default"])({}, defaultProps, {
49
- correct: true
50
- }))),
51
- container = _render2.container;
52
- var input = _react2.screen.getByRole('textbox');
53
- expect(input).toBeInTheDocument();
54
- // Should show visual indication of correctness
55
- });
56
- it('renders with outlined variant', function () {
57
- (0, _react2.render)(/*#__PURE__*/React.createElement(_correctInput["default"], (0, _extends2["default"])({}, defaultProps, {
58
- variant: "outlined"
59
- })));
60
- var input = _react2.screen.getByRole('textbox');
61
- expect(input).toBeInTheDocument();
62
- });
63
- });
64
- describe('user interactions', function () {
65
- it('calls onChange when user types', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
66
- var user, input;
67
- return _regenerator["default"].wrap(function (_context) {
68
- while (1) switch (_context.prev = _context.next) {
69
- case 0:
70
- user = _userEvent["default"].setup();
71
- (0, _react2.render)(/*#__PURE__*/React.createElement(_correctInput["default"], defaultProps));
72
- input = _react2.screen.getByRole('textbox');
73
- _context.next = 1;
74
- return user.clear(input);
75
- case 1:
76
- _context.next = 2;
77
- return user.type(input, '1');
78
- case 2:
79
- expect(onChange).toHaveBeenCalled();
80
- case 3:
81
- case "end":
82
- return _context.stop();
83
- }
84
- }, _callee);
85
- })));
86
- it('calls onChange with event object', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
87
- var user, input, lastCall;
88
- return _regenerator["default"].wrap(function (_context2) {
89
- while (1) switch (_context2.prev = _context2.next) {
90
- case 0:
91
- user = _userEvent["default"].setup();
92
- (0, _react2.render)(/*#__PURE__*/React.createElement(_correctInput["default"], (0, _extends2["default"])({}, defaultProps, {
93
- value: ""
94
- })));
95
- input = _react2.screen.getByRole('textbox');
96
- _context2.next = 1;
97
- return user.type(input, 'test');
98
- case 1:
99
- expect(onChange).toHaveBeenCalled();
100
- // Check that onChange receives an event-like object
101
- lastCall = onChange.mock.calls[onChange.mock.calls.length - 1][0];
102
- expect(lastCall).toHaveProperty('target');
103
- case 2:
104
- case "end":
105
- return _context2.stop();
106
- }
107
- }, _callee2);
108
- })));
109
- it('updates value when user changes input', /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
110
- var user, input;
111
- return _regenerator["default"].wrap(function (_context3) {
112
- while (1) switch (_context3.prev = _context3.next) {
113
- case 0:
114
- user = _userEvent["default"].setup();
115
- (0, _react2.render)(/*#__PURE__*/React.createElement(_correctInput["default"], defaultProps));
116
- input = _react2.screen.getByRole('textbox');
117
- _context3.next = 1;
118
- return user.clear(input);
119
- case 1:
120
- _context3.next = 2;
121
- return user.type(input, 'Dog');
122
- case 2:
123
- expect(onChange).toHaveBeenCalled();
124
- case 3:
125
- case "end":
126
- return _context3.stop();
127
- }
128
- }, _callee3);
129
- })));
130
- });
131
- });
132
- //# sourceMappingURL=correct-input.test.js.map