> job-tracker-ui@0.1.0 test > jest --runInBand --watch=false --runTestsByPath src/career-workspace-page.test.tsx --testNamePattern=overview opens every canonical section --json --outputFile=../docs/ui-modernisation/a3-career-navigation-green.json console.error An update to CareerWorkspaceOverview 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 90 | .then((items) => { 91 | if (!cancelled) { > 92 | setRecentCvs(Array.isArray(items) | ^ 93 | ? [...items].sort((left, right) => Date.parse(right.updatedAtUtc) - Date.parse(left.updatedAtUtc)).slice(0, 3) 94 | : []); 95 | setRecentError(false); 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 setRecentCvs (src/views/career/CareerWorkspaceOverview.tsx:92:11) console.error An update to CareerWorkspaceOverview 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 93 | ? [...items].sort((left, right) => Date.parse(right.updatedAtUtc) - Date.parse(left.updatedAtUtc)).slice(0, 3) 94 | : []); > 95 | setRecentError(false); | ^ 96 | } 97 | }) 98 | .catch(() => { 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 setRecentError (src/views/career/CareerWorkspaceOverview.tsx:95:11) console.error An update to CareerWorkspaceOverview 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 100 | }) 101 | .finally(() => { > 102 | if (!cancelled) setRecentLoading(false); | ^ 103 | }); 104 | return () => { cancelled = true; }; 105 | }, [recentAttempt]); 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 setRecentLoading (src/views/career/CareerWorkspaceOverview.tsx:102:25) console.error An update to CareerWorkspaceOverview 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 90 | .then((items) => { 91 | if (!cancelled) { > 92 | setRecentCvs(Array.isArray(items) | ^ 93 | ? [...items].sort((left, right) => Date.parse(right.updatedAtUtc) - Date.parse(left.updatedAtUtc)).slice(0, 3) 94 | : []); 95 | setRecentError(false); 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 setRecentCvs (src/views/career/CareerWorkspaceOverview.tsx:92:11) console.error An update to CareerWorkspaceOverview 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 93 | ? [...items].sort((left, right) => Date.parse(right.updatedAtUtc) - Date.parse(left.updatedAtUtc)).slice(0, 3) 94 | : []); > 95 | setRecentError(false); | ^ 96 | } 97 | }) 98 | .catch(() => { 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 setRecentError (src/views/career/CareerWorkspaceOverview.tsx:95:11) console.error An update to CareerWorkspaceOverview 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 100 | }) 101 | .finally(() => { > 102 | if (!cancelled) setRecentLoading(false); | ^ 103 | }); 104 | return () => { cancelled = true; }; 105 | }, [recentAttempt]); 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 setRecentLoading (src/views/career/CareerWorkspaceOverview.tsx:102:25) Test Suites: 1 passed, 1 total Tests: 14 skipped, 2 passed, 16 total Snapshots: 0 total Time: 27.449 s Ran all test suites within paths "src/career-workspace-page.test.tsx". Test results written to: ..\docs\ui-modernisation\a3-career-navigation-green.json