@pie-lib/graphing-solution-set 4.0.21 → 4.0.22-beta.1

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 (36) hide show
  1. package/CHANGELOG.md +0 -78
  2. package/package.json +18 -18
  3. package/LICENSE.md +0 -5
  4. package/src/__tests__/bg.test.jsx +0 -250
  5. package/src/__tests__/coordinates-label.test.jsx +0 -243
  6. package/src/__tests__/graph-with-controls.test.jsx +0 -184
  7. package/src/__tests__/graph.test.jsx +0 -93
  8. package/src/__tests__/grid-setup.test.jsx +0 -645
  9. package/src/__tests__/grid.test.jsx +0 -23
  10. package/src/__tests__/labels.test.jsx +0 -41
  11. package/src/__tests__/mark-label.test.jsx +0 -66
  12. package/src/__tests__/toggle-bar.test.jsx +0 -106
  13. package/src/__tests__/tool-menu.test.jsx +0 -453
  14. package/src/__tests__/undo-redo.test.jsx +0 -26
  15. package/src/__tests__/use-debounce.test.js +0 -21
  16. package/src/__tests__/utils.js +0 -41
  17. package/src/__tests__/utils.test.js +0 -105
  18. package/src/axis/__tests__/arrow.test.jsx +0 -43
  19. package/src/axis/__tests__/axes.test.jsx +0 -182
  20. package/src/container/__tests__/actions.test.js +0 -105
  21. package/src/container/__tests__/index.test.jsx +0 -227
  22. package/src/container/__tests__/marks.test.js +0 -172
  23. package/src/container/__tests__/middleware.test.js +0 -235
  24. package/src/container/__tests__/reducer.test.js +0 -324
  25. package/src/tools/line/__tests__/component.test.jsx +0 -37
  26. package/src/tools/polygon/__tests__/component.test.jsx +0 -487
  27. package/src/tools/polygon/__tests__/index.test.js +0 -65
  28. package/src/tools/polygon/__tests__/line.test.jsx +0 -23
  29. package/src/tools/polygon/__tests__/polygon.test.jsx +0 -44
  30. package/src/tools/shared/__tests__/arrow-head.test.jsx +0 -33
  31. package/src/tools/shared/line/__tests__/index.test.jsx +0 -553
  32. package/src/tools/shared/line/__tests__/line-path.test.jsx +0 -56
  33. package/src/tools/shared/line/__tests__/with-root-edge.test.jsx +0 -488
  34. package/src/tools/shared/point/__tests__/arrow-point.test.jsx +0 -91
  35. package/src/tools/shared/point/__tests__/arrow.test.jsx +0 -469
  36. package/src/tools/shared/point/__tests__/base-point.test.jsx +0 -87
@@ -1,324 +0,0 @@
1
- import reducer from '../reducer';
2
- import { changeMarks } from '../actions';
3
-
4
- describe('container reducer', () => {
5
- describe('reducer creation', () => {
6
- it('creates a reducer function', () => {
7
- const rootReducer = reducer();
8
- expect(typeof rootReducer).toBe('function');
9
- });
10
-
11
- it('returns an object with marks property', () => {
12
- const rootReducer = reducer();
13
- const state = rootReducer(undefined, { type: 'INIT' });
14
- expect(state).toHaveProperty('marks');
15
- });
16
-
17
- it('wraps marks reducer with undoable', () => {
18
- const rootReducer = reducer();
19
- const state = rootReducer(undefined, { type: 'INIT' });
20
-
21
- expect(state.marks).toHaveProperty('past');
22
- expect(state.marks).toHaveProperty('present');
23
- expect(state.marks).toHaveProperty('future');
24
- });
25
- });
26
-
27
- describe('initial state', () => {
28
- it('initializes with empty past', () => {
29
- const rootReducer = reducer();
30
- const state = rootReducer(undefined, { type: 'INIT' });
31
-
32
- expect(state.marks.past).toEqual([]);
33
- });
34
-
35
- it('initializes with empty present', () => {
36
- const rootReducer = reducer();
37
- const state = rootReducer(undefined, { type: 'INIT' });
38
-
39
- expect(state.marks.present).toEqual([]);
40
- });
41
-
42
- it('initializes with empty future', () => {
43
- const rootReducer = reducer();
44
- const state = rootReducer(undefined, { type: 'INIT' });
45
-
46
- expect(state.marks.future).toEqual([]);
47
- });
48
- });
49
-
50
- describe('CHANGE_MARKS action', () => {
51
- it('updates present with new marks', () => {
52
- const rootReducer = reducer();
53
- const newMarks = [{ id: 1, type: 'point', x: 5, y: 10 }];
54
- const action = changeMarks(newMarks);
55
-
56
- let state = rootReducer(undefined, { type: '@@INIT' });
57
- state = rootReducer(state, action);
58
-
59
- expect(state.marks.present).toEqual(newMarks);
60
- });
61
-
62
- it('adds previous state to past', () => {
63
- const rootReducer = reducer();
64
- const firstMarks = [{ id: 1, type: 'point' }];
65
- const secondMarks = [{ id: 2, type: 'line' }];
66
-
67
- let state = rootReducer(undefined, { type: '@@INIT' });
68
- state = rootReducer(state, changeMarks(firstMarks));
69
- state = rootReducer(state, changeMarks(secondMarks));
70
-
71
- expect(state.marks.past.length).toBeGreaterThan(0);
72
- expect(state.marks.present).toEqual(secondMarks);
73
- });
74
-
75
- it('clears future on new action', () => {
76
- const rootReducer = reducer();
77
- const firstMarks = [{ id: 1, type: 'point' }];
78
- const secondMarks = [{ id: 2, type: 'line' }];
79
- const thirdMarks = [{ id: 3, type: 'circle' }];
80
-
81
- let state = rootReducer(undefined, { type: '@@INIT' });
82
- state = rootReducer(state, changeMarks(firstMarks));
83
- state = rootReducer(state, changeMarks(secondMarks));
84
- state = rootReducer(state, { type: '@@redux-undo/UNDO' });
85
-
86
- expect(state.marks.future.length).toBeGreaterThan(0);
87
-
88
- state = rootReducer(state, changeMarks(thirdMarks));
89
- expect(state.marks.future).toEqual([]);
90
- });
91
-
92
- it('handles empty marks array', () => {
93
- const rootReducer = reducer();
94
- const action = changeMarks([]);
95
-
96
- let state = rootReducer(undefined, { type: '@@INIT' });
97
- state = rootReducer(state, action);
98
-
99
- expect(state.marks.present).toEqual([]);
100
- });
101
-
102
- it('handles multiple marks', () => {
103
- const rootReducer = reducer();
104
- const marks = [
105
- { id: 1, type: 'point', x: 1, y: 2 },
106
- { id: 2, type: 'line', from: { x: 0, y: 0 }, to: { x: 5, y: 5 } },
107
- { id: 3, type: 'circle', center: { x: 3, y: 3 }, radius: 2 },
108
- ];
109
- const action = changeMarks(marks);
110
-
111
- let state = rootReducer(undefined, { type: '@@INIT' });
112
- state = rootReducer(state, action);
113
-
114
- expect(state.marks.present).toEqual(marks);
115
- expect(state.marks.present.length).toBe(3);
116
- });
117
- });
118
-
119
- describe('undo functionality', () => {
120
- it('supports undo action', () => {
121
- const rootReducer = reducer();
122
- const firstMarks = [{ id: 1, type: 'point' }];
123
- const secondMarks = [{ id: 2, type: 'line' }];
124
-
125
- let state = rootReducer(undefined, { type: '@@INIT' });
126
- state = rootReducer(state, changeMarks(firstMarks));
127
- state = rootReducer(state, changeMarks(secondMarks));
128
-
129
- state = rootReducer(state, { type: '@@redux-undo/UNDO' });
130
-
131
- expect(state.marks.present).toEqual(firstMarks);
132
- });
133
-
134
- it('moves present to future on undo', () => {
135
- const rootReducer = reducer();
136
- const firstMarks = [{ id: 1, type: 'point' }];
137
- const secondMarks = [{ id: 2, type: 'line' }];
138
-
139
- let state = rootReducer(undefined, { type: '@@INIT' });
140
- state = rootReducer(state, changeMarks(firstMarks));
141
- state = rootReducer(state, changeMarks(secondMarks));
142
- state = rootReducer(state, { type: '@@redux-undo/UNDO' });
143
-
144
- expect(state.marks.future.length).toBeGreaterThan(0);
145
- });
146
-
147
- it('handles multiple undos', () => {
148
- const rootReducer = reducer();
149
- const marks1 = [{ id: 1 }];
150
- const marks2 = [{ id: 2 }];
151
- const marks3 = [{ id: 3 }];
152
-
153
- let state = rootReducer(undefined, { type: '@@INIT' });
154
- state = rootReducer(state, changeMarks(marks1));
155
- state = rootReducer(state, changeMarks(marks2));
156
- state = rootReducer(state, changeMarks(marks3));
157
-
158
- state = rootReducer(state, { type: '@@redux-undo/UNDO' });
159
- state = rootReducer(state, { type: '@@redux-undo/UNDO' });
160
-
161
- expect(state.marks.present).toEqual(marks1);
162
- });
163
-
164
- it('does not undo beyond initial state', () => {
165
- const rootReducer = reducer();
166
- const marks = [{ id: 1, type: 'point' }];
167
-
168
- let state = rootReducer(undefined, { type: '@@INIT' });
169
- state = rootReducer(state, changeMarks(marks));
170
-
171
- state = rootReducer(state, { type: '@@redux-undo/UNDO' });
172
- state = rootReducer(state, { type: '@@redux-undo/UNDO' });
173
- state = rootReducer(state, { type: '@@redux-undo/UNDO' });
174
-
175
- expect(state.marks.present).toEqual([]);
176
- expect(state.marks.past).toEqual([]);
177
- });
178
- });
179
-
180
- describe('redo functionality', () => {
181
- it('supports redo action', () => {
182
- const rootReducer = reducer();
183
- const firstMarks = [{ id: 1, type: 'point' }];
184
- const secondMarks = [{ id: 2, type: 'line' }];
185
-
186
- let state = rootReducer(undefined, { type: '@@INIT' });
187
- state = rootReducer(state, changeMarks(firstMarks));
188
- state = rootReducer(state, changeMarks(secondMarks));
189
- state = rootReducer(state, { type: '@@redux-undo/UNDO' });
190
-
191
- // Redo
192
- state = rootReducer(state, { type: '@@redux-undo/REDO' });
193
-
194
- expect(state.marks.present).toEqual(secondMarks);
195
- });
196
-
197
- it('moves future to past on redo', () => {
198
- const rootReducer = reducer();
199
- const firstMarks = [{ id: 1, type: 'point' }];
200
- const secondMarks = [{ id: 2, type: 'line' }];
201
-
202
- let state = rootReducer(undefined, { type: '@@INIT' });
203
- state = rootReducer(state, changeMarks(firstMarks));
204
- state = rootReducer(state, changeMarks(secondMarks));
205
- state = rootReducer(state, { type: '@@redux-undo/UNDO' });
206
-
207
- const futureBeforeRedo = state.marks.future.length;
208
- state = rootReducer(state, { type: '@@redux-undo/REDO' });
209
-
210
- expect(state.marks.future.length).toBe(futureBeforeRedo - 1);
211
- });
212
-
213
- it('handles multiple redos', () => {
214
- const rootReducer = reducer();
215
- const marks1 = [{ id: 1 }];
216
- const marks2 = [{ id: 2 }];
217
- const marks3 = [{ id: 3 }];
218
-
219
- let state = rootReducer(undefined, { type: '@@INIT' });
220
- state = rootReducer(state, changeMarks(marks1));
221
- state = rootReducer(state, changeMarks(marks2));
222
- state = rootReducer(state, changeMarks(marks3));
223
-
224
- // undo twice, then redo twice
225
- state = rootReducer(state, { type: '@@redux-undo/UNDO' });
226
- state = rootReducer(state, { type: '@@redux-undo/UNDO' });
227
- state = rootReducer(state, { type: '@@redux-undo/REDO' });
228
- state = rootReducer(state, { type: '@@redux-undo/REDO' });
229
-
230
- expect(state.marks.present).toEqual(marks3);
231
- });
232
-
233
- it('does not redo beyond last state', () => {
234
- const rootReducer = reducer();
235
- const marks = [{ id: 1, type: 'point' }];
236
-
237
- let state = rootReducer(undefined, { type: '@@INIT' });
238
- state = rootReducer(state, changeMarks(marks));
239
- state = rootReducer(state, { type: '@@redux-undo/UNDO' });
240
- state = rootReducer(state, { type: '@@redux-undo/REDO' });
241
-
242
- // try to redo beyond the end
243
- state = rootReducer(state, { type: '@@redux-undo/REDO' });
244
- state = rootReducer(state, { type: '@@redux-undo/REDO' });
245
-
246
- expect(state.marks.present).toEqual(marks);
247
- expect(state.marks.future).toEqual([]);
248
- });
249
- });
250
-
251
- describe('state structure', () => {
252
- it('maintains correct undoable structure', () => {
253
- const rootReducer = reducer();
254
- const state = rootReducer(undefined, { type: 'INIT' });
255
-
256
- expect(state.marks).toHaveProperty('past');
257
- expect(state.marks).toHaveProperty('present');
258
- expect(state.marks).toHaveProperty('future');
259
- expect(Array.isArray(state.marks.past)).toBe(true);
260
- expect(Array.isArray(state.marks.future)).toBe(true);
261
- });
262
-
263
- it('preserves mark properties through undo/redo', () => {
264
- const rootReducer = reducer();
265
- const marks = [
266
- {
267
- id: 1,
268
- type: 'point',
269
- x: 10,
270
- y: 20,
271
- label: 'A',
272
- correctness: { value: 'correct' },
273
- },
274
- ];
275
-
276
- let state = rootReducer(undefined, { type: 'INIT' });
277
- state = rootReducer(state, changeMarks(marks));
278
- state = rootReducer(state, changeMarks([]));
279
- state = rootReducer(state, { type: '@@redux-undo/UNDO' });
280
-
281
- expect(state.marks.present).toEqual(marks);
282
- expect(state.marks.present[0]).toBeDefined();
283
- if (state.marks.present[0]) {
284
- expect(state.marks.present[0]).toEqual(marks[0]);
285
- expect(state.marks.present[0].correctness).toBeDefined();
286
- }
287
- });
288
- });
289
-
290
- describe('integration', () => {
291
- it('handles complex undo/redo sequences', () => {
292
- const rootReducer = reducer();
293
- const marks1 = [{ id: 1 }];
294
- const marks2 = [{ id: 2 }];
295
- const marks3 = [{ id: 3 }];
296
- const marks4 = [{ id: 4 }];
297
-
298
- let state = rootReducer(undefined, { type: '@@INIT' });
299
- state = rootReducer(state, changeMarks(marks1));
300
- state = rootReducer(state, changeMarks(marks2));
301
- state = rootReducer(state, changeMarks(marks3));
302
- state = rootReducer(state, { type: '@@redux-undo/UNDO' }); // back to marks2
303
- state = rootReducer(state, { type: '@@redux-undo/UNDO' }); // back to marks1
304
- state = rootReducer(state, { type: '@@redux-undo/REDO' }); // forward to marks2
305
- state = rootReducer(state, changeMarks(marks4));
306
-
307
- expect(state.marks.present).toEqual(marks4);
308
- expect(state.marks.future).toEqual([]);
309
- });
310
-
311
- it('works with empty state transitions', () => {
312
- const rootReducer = reducer();
313
- const marks = [{ id: 1 }];
314
-
315
- let state = rootReducer(undefined, { type: '@@INIT' });
316
- state = rootReducer(state, changeMarks([]));
317
- state = rootReducer(state, changeMarks(marks));
318
- state = rootReducer(state, changeMarks([]));
319
- state = rootReducer(state, { type: '@@redux-undo/UNDO' });
320
-
321
- expect(state.marks.present).toEqual(marks);
322
- });
323
- });
324
- });
@@ -1,37 +0,0 @@
1
- import { render } from '@pie-lib/test-utils';
2
- import React from 'react';
3
- import { ArrowedLine } from '../component';
4
- import { graphProps as getGraphProps } from '../../../__tests__/utils';
5
-
6
- jest.mock('@pie-lib/plot', () => {
7
- const a = jest.requireActual('@pie-lib/plot');
8
- return {
9
- types: a.types,
10
- gridDraggable: a.gridDraggable,
11
- utils: a.utils,
12
- trig: {
13
- edges: jest.fn(() => jest.fn().mockReturnValue([0, 0])),
14
- },
15
- };
16
- });
17
-
18
- describe('ArrowedLine', () => {
19
- let onChange = jest.fn();
20
- const renderComponent = (extras) => {
21
- const defaults = {
22
- classes: {},
23
- className: 'className',
24
- onChange,
25
- markerId: '1',
26
- graphProps: getGraphProps(),
27
- };
28
- const props = { ...defaults, ...extras };
29
- return render(<ArrowedLine {...props} />);
30
- };
31
- describe('rendering', () => {
32
- it('renders without crashing', () => {
33
- const { container } = renderComponent();
34
- expect(container.firstChild).toBeInTheDocument();
35
- });
36
- });
37
- });