278 lines
20 KiB
Plaintext
278 lines
20 KiB
Plaintext
|
|
> job-tracker-ui@0.1.0 test
|
|
> jest --runInBand --watch=false --runTestsByPath src/cv-builder-deep-link.test.tsx --json --outputFile=../docs/ui-modernisation/a3-cv-studio-tests.json
|
|
|
|
console.error
|
|
An update to CvBuilderEditor inside a test was not wrapped in act(...).
|
|
|
|
When testing, code that causes React state updates should be wrapped into act(...):
|
|
|
|
act(() => {
|
|
/* fire events that update state */
|
|
});
|
|
/* assert on the output */
|
|
|
|
This ensures that you're testing the behavior the user would see in the browser. Learn more at https://react.dev/link/wrap-tests-with-act
|
|
|
|
657 |
|
|
658 | <Box data-cv-studio-layout sx={{ display: "grid", gridTemplateColumns: "minmax(0, 1fr)", "@media (min-width:1001px)": { gridTemplateColumns: "minmax(360px, 1fr) minmax(0, 1fr)" }, gap: 1.5, alignItems: "start" }}>
|
|
> 659 | <Paper ref={editorRef} tabIndex={-1} variant="outlined" role="region" aria-label={t("cvEditorEditingRegion")} onFocusCapture={() => setMobilePane("edit")} sx={{ display: compactEditor && mobilePane !== "edit" ? "none" : "block", top: "var(--cv-pane-top)", minWidth: 0, "@media (min-width:1001px)": { position: "sticky", maxHeight: "calc(100dvh - var(--cv-pane-top) - 12px)", overflowY: "auto" }, scrollbarWidth: "thin" }}>
|
|
| ^
|
|
660 | <Stack direction="row" justifyContent="space-between" alignItems="center" sx={{ px: 1.5, py: 0.5, borderBottom: "1px solid", borderColor: "divider" }}>
|
|
661 | <Typography component="h2" variant="subtitle2">{t("cvEditorEditingRegion")}</Typography>
|
|
662 | <Stack direction="row">
|
|
|
|
at node_modules/react-dom/cjs/react-dom-client.development.js:18758:19
|
|
at runWithFiberInDEV (node_modules/react-dom/cjs/react-dom-client.development.js:874:13)
|
|
at warnIfUpdatesNotWrappedWithActDEV (node_modules/react-dom/cjs/react-dom-client.development.js:18757:9)
|
|
at scheduleUpdateOnFiber (node_modules/react-dom/cjs/react-dom-client.development.js:16409:11)
|
|
at dispatchSetStateInternal (node_modules/react-dom/cjs/react-dom-client.development.js:9170:13)
|
|
at dispatchSetState (node_modules/react-dom/cjs/react-dom-client.development.js:9127:7)
|
|
at setMobilePane (src/views/CvBuilderEditor.tsx:659:139)
|
|
at executeDispatch (node_modules/react-dom/cjs/react-dom-client.development.js:19116:9)
|
|
at runWithFiberInDEV (node_modules/react-dom/cjs/react-dom-client.development.js:874:13)
|
|
at processDispatchQueue (node_modules/react-dom/cjs/react-dom-client.development.js:19143:19)
|
|
at node_modules/react-dom/cjs/react-dom-client.development.js:19767:9
|
|
at batchedUpdates$1 (node_modules/react-dom/cjs/react-dom-client.development.js:3255:40)
|
|
at dispatchEventForPluginEventSystem (node_modules/react-dom/cjs/react-dom-client.development.js:19320:7)
|
|
at dispatchEvent (node_modules/react-dom/cjs/react-dom-client.development.js:23585:11)
|
|
at dispatchDiscreteEvent (node_modules/react-dom/cjs/react-dom-client.development.js:23553:11)
|
|
at HTMLDivElement.callTheUserObjectsOperation (node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30)
|
|
at innerInvokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25)
|
|
at invokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
|
|
at HTMLButtonElementImpl._dispatch (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:217:9)
|
|
at Object.exports.fireFocusEventWithTargetAdjustment (node_modules/jsdom/lib/jsdom/living/helpers/focusing.js:103:10)
|
|
at HTMLButtonElementImpl.focus (node_modules/jsdom/lib/jsdom/living/nodes/HTMLOrSVGElement-impl.js:72:14)
|
|
at HTMLButtonElement.focus (node_modules/jsdom/lib/jsdom/living/generated/HTMLElement.js:128:34)
|
|
at Object.focus (src/cv-builder-deep-link.test.tsx:379:8)
|
|
|
|
console.error
|
|
An update to ContentTab inside a test was not wrapped in act(...).
|
|
|
|
When testing, code that causes React state updates should be wrapped into act(...):
|
|
|
|
act(() => {
|
|
/* fire events that update state */
|
|
});
|
|
/* assert on the output */
|
|
|
|
This ensures that you're testing the behavior the user would see in the browser. Learn more at https://react.dev/link/wrap-tests-with-act
|
|
|
|
1178 | expanded={expandedSections.has(row.key)}
|
|
1179 | onToggle={() => toggleSection(row.key)}
|
|
> 1180 | onSectionFocus={() => setActiveSection(row.key)}
|
|
| ^
|
|
1181 | toggleRef={(button) => { sectionButtons.current[row.key] = button; }}
|
|
1182 | onMove={(d) => reorderSections(i, i + d, true)}
|
|
1183 | onPatch={(p) => patchSection(row.key, p)}
|
|
|
|
at node_modules/react-dom/cjs/react-dom-client.development.js:18758:19
|
|
at runWithFiberInDEV (node_modules/react-dom/cjs/react-dom-client.development.js:874:13)
|
|
at warnIfUpdatesNotWrappedWithActDEV (node_modules/react-dom/cjs/react-dom-client.development.js:18757:9)
|
|
at scheduleUpdateOnFiber (node_modules/react-dom/cjs/react-dom-client.development.js:16409:11)
|
|
at dispatchSetStateInternal (node_modules/react-dom/cjs/react-dom-client.development.js:9170:13)
|
|
at dispatchSetState (node_modules/react-dom/cjs/react-dom-client.development.js:9127:7)
|
|
at setActiveSection (src/views/CvBuilderEditor.tsx:1180:37)
|
|
at executeDispatch (node_modules/react-dom/cjs/react-dom-client.development.js:19116:9)
|
|
at runWithFiberInDEV (node_modules/react-dom/cjs/react-dom-client.development.js:874:13)
|
|
at processDispatchQueue (node_modules/react-dom/cjs/react-dom-client.development.js:19143:19)
|
|
at node_modules/react-dom/cjs/react-dom-client.development.js:19767:9
|
|
at batchedUpdates$1 (node_modules/react-dom/cjs/react-dom-client.development.js:3255:40)
|
|
at dispatchEventForPluginEventSystem (node_modules/react-dom/cjs/react-dom-client.development.js:19320:7)
|
|
at dispatchEvent (node_modules/react-dom/cjs/react-dom-client.development.js:23585:11)
|
|
at dispatchDiscreteEvent (node_modules/react-dom/cjs/react-dom-client.development.js:23553:11)
|
|
at HTMLDivElement.callTheUserObjectsOperation (node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30)
|
|
at innerInvokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25)
|
|
at invokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
|
|
at HTMLButtonElementImpl._dispatch (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:217:9)
|
|
at Object.exports.fireFocusEventWithTargetAdjustment (node_modules/jsdom/lib/jsdom/living/helpers/focusing.js:103:10)
|
|
at HTMLButtonElementImpl.focus (node_modules/jsdom/lib/jsdom/living/nodes/HTMLOrSVGElement-impl.js:72:14)
|
|
at HTMLButtonElement.focus (node_modules/jsdom/lib/jsdom/living/generated/HTMLElement.js:128:34)
|
|
at Object.focus (src/cv-builder-deep-link.test.tsx:379:8)
|
|
|
|
console.error
|
|
An update to ForwardRef(ButtonBase) inside a test was not wrapped in act(...).
|
|
|
|
When testing, code that causes React state updates should be wrapped into act(...):
|
|
|
|
act(() => {
|
|
/* fire events that update state */
|
|
});
|
|
/* assert on the output */
|
|
|
|
This ensures that you're testing the behavior the user would see in the browser. Learn more at https://react.dev/link/wrap-tests-with-act
|
|
|
|
377 | await openContentTab();
|
|
378 | const move = screen.getByRole('button', { name: 'Move Experience section down' });
|
|
> 379 | move.focus();
|
|
| ^
|
|
380 | fireEvent.click(move);
|
|
381 | expect(move).toHaveFocus();
|
|
382 | fireEvent.mouseDown(screen.getByRole('combobox', { name: 'Go to section' }));
|
|
|
|
at node_modules/react-dom/cjs/react-dom-client.development.js:18758:19
|
|
at runWithFiberInDEV (node_modules/react-dom/cjs/react-dom-client.development.js:874:13)
|
|
at warnIfUpdatesNotWrappedWithActDEV (node_modules/react-dom/cjs/react-dom-client.development.js:18757:9)
|
|
at scheduleUpdateOnFiber (node_modules/react-dom/cjs/react-dom-client.development.js:16409:11)
|
|
at dispatchSetStateInternal (node_modules/react-dom/cjs/react-dom-client.development.js:9170:13)
|
|
at dispatchSetState (node_modules/react-dom/cjs/react-dom-client.development.js:9127:7)
|
|
at node_modules/@mui/material/ButtonBase/ButtonBase.js:174:7
|
|
at node_modules/@mui/utils/useEventCallback/useEventCallback.js:24:19
|
|
at executeDispatch (node_modules/react-dom/cjs/react-dom-client.development.js:19116:9)
|
|
at runWithFiberInDEV (node_modules/react-dom/cjs/react-dom-client.development.js:874:13)
|
|
at processDispatchQueue (node_modules/react-dom/cjs/react-dom-client.development.js:19166:19)
|
|
at node_modules/react-dom/cjs/react-dom-client.development.js:19767:9
|
|
at batchedUpdates$1 (node_modules/react-dom/cjs/react-dom-client.development.js:3255:40)
|
|
at dispatchEventForPluginEventSystem (node_modules/react-dom/cjs/react-dom-client.development.js:19320:7)
|
|
at dispatchEvent (node_modules/react-dom/cjs/react-dom-client.development.js:23585:11)
|
|
at dispatchDiscreteEvent (node_modules/react-dom/cjs/react-dom-client.development.js:23553:11)
|
|
at HTMLDivElement.callTheUserObjectsOperation (node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30)
|
|
at innerInvokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25)
|
|
at invokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
|
|
at HTMLButtonElementImpl._dispatch (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
|
|
at Object.exports.fireFocusEventWithTargetAdjustment (node_modules/jsdom/lib/jsdom/living/helpers/focusing.js:103:10)
|
|
at HTMLButtonElementImpl.focus (node_modules/jsdom/lib/jsdom/living/nodes/HTMLOrSVGElement-impl.js:72:14)
|
|
at HTMLButtonElement.focus (node_modules/jsdom/lib/jsdom/living/generated/HTMLElement.js:128:34)
|
|
at Object.focus (src/cv-builder-deep-link.test.tsx:379:8)
|
|
|
|
console.error
|
|
An update to ForwardRef(ButtonBase) inside a test was not wrapped in act(...).
|
|
|
|
When testing, code that causes React state updates should be wrapped into act(...):
|
|
|
|
act(() => {
|
|
/* fire events that update state */
|
|
});
|
|
/* assert on the output */
|
|
|
|
This ensures that you're testing the behavior the user would see in the browser. Learn more at https://react.dev/link/wrap-tests-with-act
|
|
|
|
473 | renderAt(3);
|
|
474 | const retry = await screen.findByRole('button', { name: 'Retry' });
|
|
> 475 | retry.focus(); fireEvent.click(retry);
|
|
| ^
|
|
476 | await screen.findByDisplayValue('Backend CV');
|
|
477 | await waitFor(() => expect(screen.getByRole('region', { name: 'CV editing controls' })).toHaveFocus());
|
|
478 | expect(attempt).toBe(2);
|
|
|
|
at node_modules/react-dom/cjs/react-dom-client.development.js:18758:19
|
|
at runWithFiberInDEV (node_modules/react-dom/cjs/react-dom-client.development.js:874:13)
|
|
at warnIfUpdatesNotWrappedWithActDEV (node_modules/react-dom/cjs/react-dom-client.development.js:18757:9)
|
|
at scheduleUpdateOnFiber (node_modules/react-dom/cjs/react-dom-client.development.js:16409:11)
|
|
at dispatchSetStateInternal (node_modules/react-dom/cjs/react-dom-client.development.js:9170:13)
|
|
at dispatchSetState (node_modules/react-dom/cjs/react-dom-client.development.js:9127:7)
|
|
at node_modules/@mui/material/ButtonBase/ButtonBase.js:174:7
|
|
at node_modules/@mui/utils/useEventCallback/useEventCallback.js:24:19
|
|
at executeDispatch (node_modules/react-dom/cjs/react-dom-client.development.js:19116:9)
|
|
at runWithFiberInDEV (node_modules/react-dom/cjs/react-dom-client.development.js:874:13)
|
|
at processDispatchQueue (node_modules/react-dom/cjs/react-dom-client.development.js:19166:19)
|
|
at node_modules/react-dom/cjs/react-dom-client.development.js:19767:9
|
|
at batchedUpdates$1 (node_modules/react-dom/cjs/react-dom-client.development.js:3255:40)
|
|
at dispatchEventForPluginEventSystem (node_modules/react-dom/cjs/react-dom-client.development.js:19320:7)
|
|
at dispatchEvent (node_modules/react-dom/cjs/react-dom-client.development.js:23585:11)
|
|
at dispatchDiscreteEvent (node_modules/react-dom/cjs/react-dom-client.development.js:23553:11)
|
|
at HTMLDivElement.callTheUserObjectsOperation (node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30)
|
|
at innerInvokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25)
|
|
at invokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
|
|
at HTMLButtonElementImpl._dispatch (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
|
|
at Object.exports.fireFocusEventWithTargetAdjustment (node_modules/jsdom/lib/jsdom/living/helpers/focusing.js:103:10)
|
|
at HTMLButtonElementImpl.focus (node_modules/jsdom/lib/jsdom/living/nodes/HTMLOrSVGElement-impl.js:72:14)
|
|
at HTMLButtonElement.focus (node_modules/jsdom/lib/jsdom/living/generated/HTMLElement.js:128:34)
|
|
at Object.focus (src/cv-builder-deep-link.test.tsx:475:9)
|
|
|
|
console.error
|
|
An update to ContentTab inside a test was not wrapped in act(...).
|
|
|
|
When testing, code that causes React state updates should be wrapped into act(...):
|
|
|
|
act(() => {
|
|
/* fire events that update state */
|
|
});
|
|
/* assert on the output */
|
|
|
|
This ensures that you're testing the behavior the user would see in the browser. Learn more at https://react.dev/link/wrap-tests-with-act
|
|
|
|
1178 | expanded={expandedSections.has(row.key)}
|
|
1179 | onToggle={() => toggleSection(row.key)}
|
|
> 1180 | onSectionFocus={() => setActiveSection(row.key)}
|
|
| ^
|
|
1181 | toggleRef={(button) => { sectionButtons.current[row.key] = button; }}
|
|
1182 | onMove={(d) => reorderSections(i, i + d, true)}
|
|
1183 | onPatch={(p) => patchSection(row.key, p)}
|
|
|
|
at node_modules/react-dom/cjs/react-dom-client.development.js:18758:19
|
|
at runWithFiberInDEV (node_modules/react-dom/cjs/react-dom-client.development.js:874:13)
|
|
at warnIfUpdatesNotWrappedWithActDEV (node_modules/react-dom/cjs/react-dom-client.development.js:18757:9)
|
|
at scheduleUpdateOnFiber (node_modules/react-dom/cjs/react-dom-client.development.js:16409:11)
|
|
at dispatchSetStateInternal (node_modules/react-dom/cjs/react-dom-client.development.js:9170:13)
|
|
at dispatchSetState (node_modules/react-dom/cjs/react-dom-client.development.js:9127:7)
|
|
at setActiveSection (src/views/CvBuilderEditor.tsx:1180:37)
|
|
at executeDispatch (node_modules/react-dom/cjs/react-dom-client.development.js:19116:9)
|
|
at runWithFiberInDEV (node_modules/react-dom/cjs/react-dom-client.development.js:874:13)
|
|
at processDispatchQueue (node_modules/react-dom/cjs/react-dom-client.development.js:19143:19)
|
|
at node_modules/react-dom/cjs/react-dom-client.development.js:19767:9
|
|
at batchedUpdates$1 (node_modules/react-dom/cjs/react-dom-client.development.js:3255:40)
|
|
at dispatchEventForPluginEventSystem (node_modules/react-dom/cjs/react-dom-client.development.js:19320:7)
|
|
at dispatchEvent (node_modules/react-dom/cjs/react-dom-client.development.js:23585:11)
|
|
at dispatchDiscreteEvent (node_modules/react-dom/cjs/react-dom-client.development.js:23553:11)
|
|
at HTMLDivElement.callTheUserObjectsOperation (node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30)
|
|
at innerInvokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25)
|
|
at invokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
|
|
at HTMLButtonElementImpl._dispatch (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:217:9)
|
|
at Object.exports.fireFocusEventWithTargetAdjustment (node_modules/jsdom/lib/jsdom/living/helpers/focusing.js:103:10)
|
|
at HTMLButtonElementImpl.focus (node_modules/jsdom/lib/jsdom/living/nodes/HTMLOrSVGElement-impl.js:72:14)
|
|
at HTMLButtonElement.focus (node_modules/jsdom/lib/jsdom/living/generated/HTMLElement.js:128:34)
|
|
at Object.focus (src/cv-builder-deep-link.test.tsx:782:15)
|
|
|
|
console.error
|
|
An update to ForwardRef(ButtonBase) inside a test was not wrapped in act(...).
|
|
|
|
When testing, code that causes React state updates should be wrapped into act(...):
|
|
|
|
act(() => {
|
|
/* fire events that update state */
|
|
});
|
|
/* assert on the output */
|
|
|
|
This ensures that you're testing the behavior the user would see in the browser. Learn more at https://react.dev/link/wrap-tests-with-act
|
|
|
|
780 |
|
|
781 | const deleteEntry = screen.getByRole('button', { name: 'Delete custom entry 1' });
|
|
> 782 | deleteEntry.focus();
|
|
| ^
|
|
783 | fireEvent.click(deleteEntry);
|
|
784 | let dialog = await screen.findByRole('dialog', { name: 'Delete custom entry' });
|
|
785 | fireEvent.click(within(dialog).getByRole('button', { name: 'Cancel' }));
|
|
|
|
at node_modules/react-dom/cjs/react-dom-client.development.js:18758:19
|
|
at runWithFiberInDEV (node_modules/react-dom/cjs/react-dom-client.development.js:874:13)
|
|
at warnIfUpdatesNotWrappedWithActDEV (node_modules/react-dom/cjs/react-dom-client.development.js:18757:9)
|
|
at scheduleUpdateOnFiber (node_modules/react-dom/cjs/react-dom-client.development.js:16409:11)
|
|
at dispatchSetStateInternal (node_modules/react-dom/cjs/react-dom-client.development.js:9170:13)
|
|
at dispatchSetState (node_modules/react-dom/cjs/react-dom-client.development.js:9127:7)
|
|
at node_modules/@mui/material/ButtonBase/ButtonBase.js:174:7
|
|
at node_modules/@mui/utils/useEventCallback/useEventCallback.js:24:19
|
|
at executeDispatch (node_modules/react-dom/cjs/react-dom-client.development.js:19116:9)
|
|
at runWithFiberInDEV (node_modules/react-dom/cjs/react-dom-client.development.js:874:13)
|
|
at processDispatchQueue (node_modules/react-dom/cjs/react-dom-client.development.js:19166:19)
|
|
at node_modules/react-dom/cjs/react-dom-client.development.js:19767:9
|
|
at batchedUpdates$1 (node_modules/react-dom/cjs/react-dom-client.development.js:3255:40)
|
|
at dispatchEventForPluginEventSystem (node_modules/react-dom/cjs/react-dom-client.development.js:19320:7)
|
|
at dispatchEvent (node_modules/react-dom/cjs/react-dom-client.development.js:23585:11)
|
|
at dispatchDiscreteEvent (node_modules/react-dom/cjs/react-dom-client.development.js:23553:11)
|
|
at HTMLDivElement.callTheUserObjectsOperation (node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30)
|
|
at innerInvokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25)
|
|
at invokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
|
|
at HTMLButtonElementImpl._dispatch (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
|
|
at Object.exports.fireFocusEventWithTargetAdjustment (node_modules/jsdom/lib/jsdom/living/helpers/focusing.js:103:10)
|
|
at HTMLButtonElementImpl.focus (node_modules/jsdom/lib/jsdom/living/nodes/HTMLOrSVGElement-impl.js:72:14)
|
|
at HTMLButtonElement.focus (node_modules/jsdom/lib/jsdom/living/generated/HTMLElement.js:128:34)
|
|
at Object.focus (src/cv-builder-deep-link.test.tsx:782:15)
|
|
|
|
Test Suites: 1 passed, 1 total
|
|
Tests: 59 passed, 59 total
|
|
Snapshots: 0 total
|
|
Time: 154.42 s
|
|
Ran all test suites within paths "src/cv-builder-deep-link.test.tsx".
|
|
Test results written to: ..\docs\ui-modernisation\a3-cv-studio-tests.json
|