changed shallow copy to use JSON.parse deep copy #503 #2054
Annotations
10 errors
|
Run unit tests:
src/items/itemDialog.component.tsx#L332
TestingLibraryElementError: Unable to find a label with the text of: Is defective *
Ignored nodes: comments, script, style
<body
style=""
>
<div>
<h2>
Unexpected Application Error!
</h2>
<h3
style="font-style: italic;"
>
itemDetails.warranty_end_date.toISOString is not a function
</h3>
<pre
style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
>
TypeError: itemDetails.warranty_end_date.toISOString is not a function
at /home/runner/work/inventory-management-system/inventory-management-system/src/items/itemDialog.component.tsx:332:43
at updateMemo (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:17246:19)
at Object.useMemo (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:17886:16)
at Object.useMemo (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react/cjs/react.development.js:1650:21)
at ItemDialog (/home/runner/work/inventory-management-system/inventory-management-system/src/items/itemDialog.component.tsx:318:38)
at renderWithHooks (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:16305:18)
at updateFunctionComponent (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:19588:20)
at beginWork (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:21601:16)
at beginWork$1 (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:27426:14)
at performUnitOfWork (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:26560:12)
</pre>
<p>
💿 Hey developer 👋
</p>
<p>
You can provide a way better UX than this when your app throws errors by providing your own
<code
style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
>
ErrorBoundary
</code>
or
<code
style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
>
errorElement
</code>
prop on your route.
</p>
</div>
</body>
❯ src/items/itemDialog.component.tsx:332:43
❯ updateMemo node_modules/react-dom/cjs/react-dom.development.js:17246:19
❯ Object.useMemo node_modules/react-dom/cjs/react-dom.development.js:17886:16
❯ Object.useMemo node_modules/react/cjs/react.development.js:1650:21
❯ ItemDialog src/items/itemDialog.component.tsx:318:38
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:16305:18
❯ updateFunctionComponent node_modules/react-dom/cjs/react-dom.development.js:19588:20
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21601:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27426:14
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ getAllByLabelText node_modules/@testing-library/dom/dist/queries/label-text.js:111:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ modifyDetailsValues src/items/itemDialog.component.test.tsx:131:34
❯ src/items/itemDialog.component.test.tsx:421:7
|
|
Run unit tests:
src/items/itemDialog.component.test.tsx#L487
Error: expect(element).toBeDisabled()
Received element is not disabled:
<button
class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary css-1c52rb6-MuiButtonBase-root-MuiButton-root"
tabindex="0"
type="button"
/>
❯ src/items/itemDialog.component.test.tsx:487:60
|
|
Run unit tests:
src/items/itemDialog.component.tsx#L332
TestingLibraryElementError: Unable to find a label with the text of: Is defective *
Ignored nodes: comments, script, style
<body
style=""
>
<div>
<h2>
Unexpected Application Error!
</h2>
<h3
style="font-style: italic;"
>
itemDetails.warranty_end_date.toISOString is not a function
</h3>
<pre
style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
>
TypeError: itemDetails.warranty_end_date.toISOString is not a function
at /home/runner/work/inventory-management-system/inventory-management-system/src/items/itemDialog.component.tsx:332:43
at updateMemo (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:17246:19)
at Object.useMemo (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:17886:16)
at Object.useMemo (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react/cjs/react.development.js:1650:21)
at ItemDialog (/home/runner/work/inventory-management-system/inventory-management-system/src/items/itemDialog.component.tsx:318:38)
at renderWithHooks (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:16305:18)
at updateFunctionComponent (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:19588:20)
at beginWork (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:21601:16)
at beginWork$1 (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:27426:14)
at performUnitOfWork (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:26560:12)
</pre>
<p>
💿 Hey developer 👋
</p>
<p>
You can provide a way better UX than this when your app throws errors by providing your own
<code
style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
>
ErrorBoundary
</code>
or
<code
style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
>
errorElement
</code>
prop on your route.
</p>
</div>
</body>
❯ src/items/itemDialog.component.tsx:332:43
❯ updateMemo node_modules/react-dom/cjs/react-dom.development.js:17246:19
❯ Object.useMemo node_modules/react-dom/cjs/react-dom.development.js:17886:16
❯ Object.useMemo node_modules/react/cjs/react.development.js:1650:21
❯ ItemDialog src/items/itemDialog.component.tsx:318:38
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:16305:18
❯ updateFunctionComponent node_modules/react-dom/cjs/react-dom.development.js:19588:20
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21601:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27426:14
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ getAllByLabelText node_modules/@testing-library/dom/dist/queries/label-text.js:111:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ modifyDetailsValues src/items/itemDialog.component.test.tsx:131:34
❯ src/items/itemDialog.component.test.tsx:613:7
|
|
Run unit tests:
src/items/itemDialog.component.tsx#L332
TestingLibraryElementError: Unable to find a label with the text of: Is defective *
Ignored nodes: comments, script, style
<body
style=""
>
<div>
<h2>
Unexpected Application Error!
</h2>
<h3
style="font-style: italic;"
>
itemDetails.warranty_end_date.toISOString is not a function
</h3>
<pre
style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
>
TypeError: itemDetails.warranty_end_date.toISOString is not a function
at /home/runner/work/inventory-management-system/inventory-management-system/src/items/itemDialog.component.tsx:332:43
at updateMemo (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:17246:19)
at Object.useMemo (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:17886:16)
at Object.useMemo (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react/cjs/react.development.js:1650:21)
at ItemDialog (/home/runner/work/inventory-management-system/inventory-management-system/src/items/itemDialog.component.tsx:318:38)
at renderWithHooks (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:16305:18)
at updateFunctionComponent (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:19588:20)
at beginWork (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:21601:16)
at beginWork$1 (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:27426:14)
at performUnitOfWork (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:26560:12)
</pre>
<p>
💿 Hey developer 👋
</p>
<p>
You can provide a way better UX than this when your app throws errors by providing your own
<code
style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
>
ErrorBoundary
</code>
or
<code
style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
>
errorElement
</code>
prop on your route.
</p>
</div>
</body>
❯ src/items/itemDialog.component.tsx:332:43
❯ updateMemo node_modules/react-dom/cjs/react-dom.development.js:17246:19
❯ Object.useMemo node_modules/react-dom/cjs/react-dom.development.js:17886:16
❯ Object.useMemo node_modules/react/cjs/react.development.js:1650:21
❯ ItemDialog src/items/itemDialog.component.tsx:318:38
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:16305:18
❯ updateFunctionComponent node_modules/react-dom/cjs/react-dom.development.js:19588:20
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21601:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27426:14
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ getAllByLabelText node_modules/@testing-library/dom/dist/queries/label-text.js:111:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ modifyDetailsValues src/items/itemDialog.component.test.tsx:131:34
❯ src/items/itemDialog.component.test.tsx:668:7
|
|
Run unit tests:
src/items/itemDialog.component.test.tsx#L735
TestingLibraryElementError: Unable to find an element with the text: Date format: dd/MM/yyyy. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body
style="padding-right: 1024px; overflow: hidden;"
>
<div
aria-hidden="true"
/>
<div
class="MuiDialog-root MuiModal-root css-zw3mfo-MuiModal-root-MuiDialog-root"
role="presentation"
>
<div
aria-hidden="true"
class="MuiBackdrop-root MuiModal-backdrop css-yiavyu-MuiBackdrop-root-MuiDialog-backdrop"
style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
/>
<div
data-testid="sentinelStart"
tabindex="0"
/>
<div
class="MuiDialog-container MuiDialog-scrollPaper css-hz1bth-MuiDialog-container"
role="presentation"
style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;"
tabindex="-1"
>
<div
aria-labelledby=":ra1:"
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthLg MuiDialog-paperFullWidth css-uzllir-MuiPaper-root-MuiDialog-paper"
role="dialog"
>
<h2
class="MuiTypography-root MuiTypography-h6 MuiDialogTitle-root css-bdhsul-MuiTypography-root-MuiDialogTitle-root"
id=":ra1:"
>
<div
class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-13i4rnv-MuiGrid-root"
>
Add Item
</div>
</h2>
<div
class="MuiDialogContent-root css-ypiqx9-MuiDialogContent-root"
>
<div
class="MuiStepper-root MuiStepper-horizontal css-r3cjyt-MuiStepper-root"
>
<div
class="MuiStep-root MuiStep-horizontal css-179wqtw-MuiStep-root"
>
<span
class="MuiStepLabel-root MuiStepLabel-horizontal css-ascpo7-MuiStepLabel-root"
>
<span
class="MuiStepLabel-iconContainer Mui-active css-vnkopk-MuiStepLabel-iconContainer"
>
<svg
aria-hidden="true"
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiStepIcon-root Mui-active css-1u4zpwo-MuiSvgIcon-root-MuiStepIcon-root"
focusable="false"
viewBox="0 0 24 24"
>
<circle
cx="12"
cy="12"
r="12"
/>
<text
class="MuiStepIcon-text css-117w1su-MuiStepIcon-text"
dominant-baseline="central"
text-anchor="middle"
x="12"
y="12"
>
1
</text>
</svg>
</span>
<span
class="MuiStepLabel-labelContainer css-1vyamtt-MuiStepLabel-labelContainer"
>
<span
class="MuiStepLabel-label Mui-active css-1hv8oq8-MuiStepLabel-label"
>
Add item details
</span>
</span>
</span>
</div>
<div
class="MuiStepConnector-root MuiStepConnector-horizontal css-j5w0w9-MuiStepConnector-root"
>
<span
class="MuiStepConnector-line MuiStepConnector-lineHorizontal css-z7uhs0-MuiStepConnector-line"
/>
</div>
<div
class="MuiStep-root MuiStep-horizontal css-179wqtw-MuiStep-root"
>
<span
class="MuiStepLabel-root MuiStepLabel-horizon
|
|
Run unit tests:
src/items/itemDialog.component.tsx#L332
TestingLibraryElementError: Unable to find a label with the text of: Asset number
Ignored nodes: comments, script, style
<body
style=""
>
<div>
<h2>
Unexpected Application Error!
</h2>
<h3
style="font-style: italic;"
>
itemDetails.warranty_end_date.toISOString is not a function
</h3>
<pre
style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
>
TypeError: itemDetails.warranty_end_date.toISOString is not a function
at /home/runner/work/inventory-management-system/inventory-management-system/src/items/itemDialog.component.tsx:332:43
at updateMemo (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:17246:19)
at Object.useMemo (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:17886:16)
at Object.useMemo (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react/cjs/react.development.js:1650:21)
at ItemDialog (/home/runner/work/inventory-management-system/inventory-management-system/src/items/itemDialog.component.tsx:318:38)
at renderWithHooks (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:16305:18)
at updateFunctionComponent (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:19588:20)
at beginWork (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:21601:16)
at beginWork$1 (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:27426:14)
at performUnitOfWork (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:26560:12)
</pre>
<p>
💿 Hey developer 👋
</p>
<p>
You can provide a way better UX than this when your app throws errors by providing your own
<code
style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
>
ErrorBoundary
</code>
or
<code
style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
>
errorElement
</code>
prop on your route.
</p>
</div>
</body>
❯ src/items/itemDialog.component.tsx:332:43
❯ updateMemo node_modules/react-dom/cjs/react-dom.development.js:17246:19
❯ Object.useMemo node_modules/react-dom/cjs/react-dom.development.js:17886:16
❯ Object.useMemo node_modules/react/cjs/react.development.js:1650:21
❯ ItemDialog src/items/itemDialog.component.tsx:318:38
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:16305:18
❯ updateFunctionComponent node_modules/react-dom/cjs/react-dom.development.js:19588:20
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21601:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27426:14
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ getAllByLabelText node_modules/@testing-library/dom/dist/queries/label-text.js:111:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ modifyDetailsValues src/items/itemDialog.component.test.tsx:104:31
❯ src/items/itemDialog.component.test.tsx:893:13
|
|
Run unit tests:
src/items/itemDialog.component.tsx#L332
TestingLibraryElementError: Unable to find a label with the text of: Asset number
Ignored nodes: comments, script, style
<body
style=""
>
<div>
<h2>
Unexpected Application Error!
</h2>
<h3
style="font-style: italic;"
>
itemDetails.warranty_end_date.toISOString is not a function
</h3>
<pre
style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
>
TypeError: itemDetails.warranty_end_date.toISOString is not a function
at /home/runner/work/inventory-management-system/inventory-management-system/src/items/itemDialog.component.tsx:332:43
at updateMemo (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:17246:19)
at Object.useMemo (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:17886:16)
at Object.useMemo (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react/cjs/react.development.js:1650:21)
at ItemDialog (/home/runner/work/inventory-management-system/inventory-management-system/src/items/itemDialog.component.tsx:318:38)
at renderWithHooks (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:16305:18)
at updateFunctionComponent (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:19588:20)
at beginWork (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:21601:16)
at beginWork$1 (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:27426:14)
at performUnitOfWork (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:26560:12)
</pre>
<p>
💿 Hey developer 👋
</p>
<p>
You can provide a way better UX than this when your app throws errors by providing your own
<code
style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
>
ErrorBoundary
</code>
or
<code
style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
>
errorElement
</code>
prop on your route.
</p>
</div>
</body>
❯ src/items/itemDialog.component.tsx:332:43
❯ updateMemo node_modules/react-dom/cjs/react-dom.development.js:17246:19
❯ Object.useMemo node_modules/react-dom/cjs/react-dom.development.js:17886:16
❯ Object.useMemo node_modules/react/cjs/react.development.js:1650:21
❯ ItemDialog src/items/itemDialog.component.tsx:318:38
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:16305:18
❯ updateFunctionComponent node_modules/react-dom/cjs/react-dom.development.js:19588:20
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21601:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27426:14
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ getAllByLabelText node_modules/@testing-library/dom/dist/queries/label-text.js:111:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ modifyDetailsValues src/items/itemDialog.component.test.tsx:104:31
❯ src/items/itemDialog.component.test.tsx:1025:13
|
|
Run unit tests:
src/items/itemDialog.component.tsx#L332
TestingLibraryElementError: Unable to find an accessible element with the role "button" and name "Next"
Here are the accessible roles:
heading:
Name "Unexpected Application Error!":
<h2 />
Name "itemDetails.warranty_end_date.toISOString is not a function":
<h3
style="font-style: italic;"
/>
--------------------------------------------------
paragraph:
Name "":
<p />
Name "":
<p />
--------------------------------------------------
code:
Name "":
<code
style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
/>
Name "":
<code
style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
/>
--------------------------------------------------
Ignored nodes: comments, script, style
<body
style=""
>
<div>
<h2>
Unexpected Application Error!
</h2>
<h3
style="font-style: italic;"
>
itemDetails.warranty_end_date.toISOString is not a function
</h3>
<pre
style="padding: 0.5rem; background-color: rgba(200, 200, 200, 0.5);"
>
TypeError: itemDetails.warranty_end_date.toISOString is not a function
at /home/runner/work/inventory-management-system/inventory-management-system/src/items/itemDialog.component.tsx:332:43
at updateMemo (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:17246:19)
at Object.useMemo (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:17886:16)
at Object.useMemo (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react/cjs/react.development.js:1650:21)
at ItemDialog (/home/runner/work/inventory-management-system/inventory-management-system/src/items/itemDialog.component.tsx:318:38)
at renderWithHooks (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:16305:18)
at updateFunctionComponent (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:19588:20)
at beginWork (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:21601:16)
at beginWork$1 (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:27426:14)
at performUnitOfWork (/home/runner/work/inventory-management-system/inventory-management-system/node_modules/react-dom/cjs/react-dom.development.js:26560:12)
</pre>
<p>
💿 Hey developer 👋
</p>
<p>
You can provide a way better UX than this when your app throws errors by providing your own
<code
style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
>
ErrorBoundary
</code>
or
<code
style="padding: 2px 4px; background-color: rgba(200, 200, 200, 0.5);"
>
errorElement
</code>
prop on your route.
</p>
</div>
</body>
❯ src/items/itemDialog.component.tsx:332:43
❯ updateMemo node_modules/react-dom/cjs/react-dom.development.js:17246:19
❯ Object.useMemo node_modules/react-dom/cjs/react-dom.development.js:17886:16
❯ Object.useMemo node_modules/react/cjs/react.development.js:1650:21
❯ ItemDialog src/items/itemDialog.component.tsx:318:38
❯ renderWithHooks node_modules/react-dom/cjs/react-dom.development.js:16305:18
❯ updateFunctionComponent node_modules/react-dom/cjs/react-dom.development.js:19588:20
❯ beginWork node_modules/react-dom/cjs/react-dom.development.js:21601:16
❯ beginWork$1 node_modules/react-dom/cjs/react-dom.development.js:27426:14
❯ Object.getElementError node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ src/it
|
|
Run unit tests:
src/systems/systemItemsTable.component.test.tsx#L395
AssertionError: expected "spy" to be called with arguments: [ [ …(4) ] ]
Received:
1st spy call:
Array [
Array [
Object {
"catalogue_item_id": "1",
"item_id": "KvT2Ox7n",
"usageStatus": 2,
},
Object {
"catalogue_item_id": "1",
"item_id": "G463gOIA",
"usageStatus": 2,
},
Object {
"catalogue_item_id": "25",
"item_id": "7Lrj9KVu",
- "usageStatus": 2,
+ "usageStatus": "",
},
Object {
"catalogue_item_id": "25",
"item_id": "QQen23yW",
- "usageStatus": 2,
+ "usageStatus": "",
},
],
]
2nd spy call:
Array [
Array [
Object {
"catalogue_item_id": "1",
"item_id": "KvT2Ox7n",
- "usageStatus": 2,
+ "usageStatus": "",
},
Object {
"catalogue_item_id": "1",
"item_id": "G463gOIA",
- "usageStatus": 2,
+ "usageStatus": "",
},
Object {
"catalogue_item_id": "25",
"item_id": "7Lrj9KVu",
"usageStatus": 2,
},
Object {
"catalogue_item_id": "25",
"item_id": "QQen23yW",
"usageStatus": 2,
},
],
]
Number of calls: 2
❯ src/systems/systemItemsTable.component.test.tsx:395:37
|
|
Run unit tests:
src/systems/systemItemsTable.component.test.tsx#L547
AssertionError: expected "spy" to be called with arguments: [ [ …(4) ] ]
Received:
1st spy call:
Array [
Array [
Object {
"catalogue_item_id": "1",
"item_id": "KvT2Ox7n",
"usageStatus": 2,
},
Object {
"catalogue_item_id": "1",
"item_id": "G463gOIA",
- "usageStatus": 2,
+ "usageStatus": "",
},
Object {
"catalogue_item_id": "25",
"item_id": "7Lrj9KVu",
- "usageStatus": 2,
+ "usageStatus": "",
},
Object {
"catalogue_item_id": "25",
"item_id": "QQen23yW",
- "usageStatus": 2,
+ "usageStatus": "",
},
],
]
2nd spy call:
Array [
Array [
Object {
"catalogue_item_id": "1",
"item_id": "KvT2Ox7n",
- "usageStatus": 2,
+ "usageStatus": "",
},
Object {
"catalogue_item_id": "1",
"item_id": "G463gOIA",
"usageStatus": 2,
},
Object {
"catalogue_item_id": "25",
"item_id": "7Lrj9KVu",
- "usageStatus": 2,
+ "usageStatus": "",
},
Object {
"catalogue_item_id": "25",
"item_id": "QQen23yW",
- "usageStatus": 2,
+ "usageStatus": "",
},
],
]
3rd spy call:
Array [
Array [
Object {
"catalogue_item_id": "1",
"item_id": "KvT2Ox7n",
- "usageStatus": 2,
+ "usageStatus": "",
},
Object {
"catalogue_item_id": "1",
"item_id": "G463gOIA",
- "usageStatus": 2,
+ "usageStatus": "",
},
Object {
"catalogue_item_id": "25",
"item_id": "7Lrj9KVu",
"usageStatus": 2,
},
Object {
"catalogue_item_id": "25",
"item_id": "QQen23yW",
- "usageStatus": 2,
+ "usageStatus": "",
},
],
]
4th spy call:
Array [
Array [
Object {
"catalogue_item_id": "1",
"item_id": "KvT2Ox7n",
- "usageStatus": 2,
+ "usageStatus": "",
},
Object {
"catalogue_item_id": "1",
"item_id": "G463gOIA",
- "usageStatus": 2,
+ "usageStatus": "",
},
Object {
"catalogue_item_id": "25",
"item_id": "7Lrj9KVu",
- "usageStatus": 2,
+ "usageStatus": "",
},
Object {
"catalogue_item_id": "25",
"item_id": "QQen23yW",
"usageStatus": 2,
},
],
]
Number of calls: 4
❯ src/systems/systemItemsTable.component.test.tsx:547:37
|
Loading