> 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 | > 659 | 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 | 661 | {t("cvEditorEditingRegion")} 662 | 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