Files
jobtrackingapp/docs/ui-modernisation/evidence/career/frontend/a3-career-tests.log
T

301 lines
21 KiB
Plaintext

> job-tracker-ui@0.1.0 test
> jest --runInBand --watch=false --runTestsByPath src/career-workspace-page.test.tsx src/career-editor.test.tsx src/career-import-review.test.tsx src/cv-builder-page.test.tsx src/cv-builder-deep-link.test.tsx src/cv-document-controls.test.tsx src/cover-letter-document.test.tsx src/translation-catalogue.test.ts --json --outputFile=../docs/ui-modernisation/a3-career-tests.json
FAIL src/cv-builder-deep-link.test.tsx (141.249 s)
● Console
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:354: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:354: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
352 | await openContentTab();
353 | const move = screen.getByRole('button', { name: 'Move Experience section down' });
> 354 | move.focus();
| ^
355 | fireEvent.click(move);
356 | expect(move).toHaveFocus();
357 | 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:354: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
448 | renderAt(3);
449 | const retry = await screen.findByRole('button', { name: 'Retry' });
> 450 | retry.focus(); fireEvent.click(retry);
| ^
451 | await screen.findByDisplayValue('Backend CV');
452 | await waitFor(() => expect(screen.getByRole('region', { name: 'CV editing controls' })).toHaveFocus());
453 | 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:450: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:757: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
755 |
756 | const deleteEntry = screen.getByRole('button', { name: 'Delete custom entry 1' });
> 757 | deleteEntry.focus();
| ^
758 | fireEvent.click(deleteEntry);
759 | let dialog = await screen.findByRole('dialog', { name: 'Delete custom entry' });
760 | 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:757:15)
● Strict Mode groups a typing burst into one undo step and preserves redo through autosave
expect(element).toHaveValue()
Expected the element to have value:
Received:
D
102 | await screen.findByText('Saved');
103 | fireEvent.click(screen.getByRole('button', { name: 'Undo' }));
> 104 | expect(headline).toHaveValue('');
| ^
105 | expect(screen.getByRole('button', { name: 'Undo' })).toBeDisabled();
106 | fireEvent.click(screen.getByRole('button', { name: 'Redo' }));
107 | expect(headline).toHaveValue('Developer');
at Object.toHaveValue (src/cv-builder-deep-link.test.tsx:104:20)
Test Suites: 1 failed, 7 passed, 8 total
Tests: 1 failed, 152 passed, 153 total
Snapshots: 0 total
Time: 333.607 s
Ran all test suites within paths "src/career-workspace-page.test.tsx", "src/career-editor.test.tsx", "src/career-import-review.test.tsx", "src/cv-builder-page.test.tsx", "src/cv-builder-deep-link.test.tsx", "src/cv-document-controls.test.tsx", "src/cover-letter-document.test.tsx", "src/translation-catalogue.test.ts".
Test results written to: ..\docs\ui-modernisation\a3-career-tests.json