[WIP] upgrade packages #4961
Annotations
10 errors
Run test and generate coverage report:
src/components/simulator/Simulator.test.tsx#L53
TestingLibraryElementError: Unable to find an element by: [data-testid="clearIcon"]
Ignored nodes: comments, script, style
<body>
<div />
</body>
Ignored nodes: comments, script, style
<html>
<head>
<meta
content=""
name="emotion-insertion-point"
/>
</head>
<body>
<div />
</body>
</html>...
❯ Proxy.waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ src/components/simulator/Simulator.test.tsx:53:9
|
Run test and generate coverage report:
src/components/simulator/Simulator.test.tsx#L74
TestingLibraryElementError: Unable to find an element by: [data-testid="simulatorInput"]
Ignored nodes: comments, script, style
<body>
<div />
</body>
Ignored nodes: comments, script, style
<html>
<head>
<meta
content=""
name="emotion-insertion-point"
/>
</head>
<body>
<div />
</body>
</html>...
❯ Proxy.waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ src/components/simulator/Simulator.test.tsx:74:9
|
Run test and generate coverage report:
src/components/simulator/Simulator.test.tsx#L110
TestingLibraryElementError: Unable to find an element by: [data-testid="clearIcon"]
Ignored nodes: comments, script, style
<body>
<div />
</body>
Ignored nodes: comments, script, style
<html>
<head>
<meta
content=""
name="emotion-insertion-point"
/>
</head>
<body>
<div />
</body>
</html>...
❯ Proxy.waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ src/components/simulator/Simulator.test.tsx:110:9
|
Run test and generate coverage report:
src/components/simulator/Simulator.test.tsx#L132
{
stack: 'AggregateError: \n' +
' at aggregateErrors (/home/runner/work/glific-frontend/glific-frontend/node_modules/react/cjs/react.development.js:823:11)\n' +
' at process.env.NODE_ENV.exports.act (/home/runner/work/glific-frontend/glific-frontend/node_modules/react/cjs/react.development.js:1164:24)\n' +
' at /home/runner/work/glific-frontend/glific-frontend/node_modules/@testing-library/react/dist/act-compat.js:47:25\n' +
' at renderRoot (/home/runner/work/glific-frontend/glific-frontend/node_modules/@testing-library/react/dist/pure.js:188:26)\n' +
' at Proxy.render (/home/runner/work/glific-frontend/glific-frontend/node_modules/@testing-library/react/dist/pure.js:287:10)\n' +
' at /home/runner/work/glific-frontend/glific-frontend/src/components/simulator/Simulator.test.tsx:132:27\n' +
' at file:///home/runner/work/glific-frontend/glific-frontend/node_modules/@vitest/runner/dist/index.js:174:14\n' +
' at file:///home/runner/work/glific-frontend/glific-frontend/node_modules/@vitest/runner/dist/index.js:558:28\n' +
' at file:///home/runner/work/glific-frontend/glific-frontend/node_modules/@vitest/runner/dist/index.js:61:24\n' +
' at new Promise (<anonymous>)',
errors: [
{
stack: 'TypeError: _reactDom.default.findDOMNode is not a function\n' +
' at DraggableCore.findDOMNode (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-draggable/build/cjs/DraggableCore.js:281:292)\n' +
' at DraggableCore.componentDidMount (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-draggable/build/cjs/DraggableCore.js:250:27)\n' +
' at Object.react-stack-bottom-frame (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:22451:22)\n' +
' at runWithFiberInDEV (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:543:16)\n' +
' at commitLayoutEffectOnFiber (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:11443:21)\n' +
' at recursivelyTraverseLayoutEffects (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:12412:11)\n' +
' at commitLayoutEffectOnFiber (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:11418:11)\n' +
' at recursivelyTraverseLayoutEffects (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:12412:11)\n' +
' at commitLayoutEffectOnFiber (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:11413:11)\n' +
' at recursivelyTraverseLayoutEffects (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:12412:11)',
message: '_reactDom.default.findDOMNode is not a function',
constructor: 'Function<TypeError>',
name: 'TypeError',
toString: 'Function<toString>'
},
{
stack: 'TypeError: _reactDom.default.findDOMNode is not a function\n' +
' at Draggable.findDOMNode (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-draggable/build/cjs/Draggable.js:210:294)\n' +
' at Draggable.componentDidMount (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-draggable/build/cjs/Draggable.js:194:58)\n' +
' at Object.react-stack-bottom-frame (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:22451:22)\n' +
' at runWithFiberInDEV (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:543:16)\n' +
' at commitLayoutEffectOnFiber (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:11443:21)
|
Run test and generate coverage report:
src/components/simulator/Simulator.test.tsx#L140
{
stack: 'AggregateError: \n' +
' at aggregateErrors (/home/runner/work/glific-frontend/glific-frontend/node_modules/react/cjs/react.development.js:823:11)\n' +
' at process.env.NODE_ENV.exports.act (/home/runner/work/glific-frontend/glific-frontend/node_modules/react/cjs/react.development.js:1164:24)\n' +
' at /home/runner/work/glific-frontend/glific-frontend/node_modules/@testing-library/react/dist/act-compat.js:47:25\n' +
' at renderRoot (/home/runner/work/glific-frontend/glific-frontend/node_modules/@testing-library/react/dist/pure.js:188:26)\n' +
' at Proxy.render (/home/runner/work/glific-frontend/glific-frontend/node_modules/@testing-library/react/dist/pure.js:287:10)\n' +
' at /home/runner/work/glific-frontend/glific-frontend/src/components/simulator/Simulator.test.tsx:140:27\n' +
' at file:///home/runner/work/glific-frontend/glific-frontend/node_modules/@vitest/runner/dist/index.js:174:14\n' +
' at file:///home/runner/work/glific-frontend/glific-frontend/node_modules/@vitest/runner/dist/index.js:558:28\n' +
' at file:///home/runner/work/glific-frontend/glific-frontend/node_modules/@vitest/runner/dist/index.js:61:24\n' +
' at new Promise (<anonymous>)',
errors: [
{
stack: 'TypeError: _reactDom.default.findDOMNode is not a function\n' +
' at DraggableCore.findDOMNode (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-draggable/build/cjs/DraggableCore.js:281:292)\n' +
' at DraggableCore.componentDidMount (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-draggable/build/cjs/DraggableCore.js:250:27)\n' +
' at Object.react-stack-bottom-frame (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:22451:22)\n' +
' at runWithFiberInDEV (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:543:16)\n' +
' at commitLayoutEffectOnFiber (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:11443:21)\n' +
' at recursivelyTraverseLayoutEffects (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:12412:11)\n' +
' at commitLayoutEffectOnFiber (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:11418:11)\n' +
' at recursivelyTraverseLayoutEffects (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:12412:11)\n' +
' at commitLayoutEffectOnFiber (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:11413:11)\n' +
' at recursivelyTraverseLayoutEffects (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:12412:11)',
message: '_reactDom.default.findDOMNode is not a function',
constructor: 'Function<TypeError>',
name: 'TypeError',
toString: 'Function<toString>'
},
{
stack: 'TypeError: _reactDom.default.findDOMNode is not a function\n' +
' at Draggable.findDOMNode (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-draggable/build/cjs/Draggable.js:210:294)\n' +
' at Draggable.componentDidMount (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-draggable/build/cjs/Draggable.js:194:58)\n' +
' at Object.react-stack-bottom-frame (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:22451:22)\n' +
' at runWithFiberInDEV (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:543:16)\n' +
' at commitLayoutEffectOnFiber (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:11443:21)
|
Run test and generate coverage report:
src/components/simulator/Simulator.test.tsx#L151
{
stack: 'AggregateError: \n' +
' at aggregateErrors (/home/runner/work/glific-frontend/glific-frontend/node_modules/react/cjs/react.development.js:823:11)\n' +
' at process.env.NODE_ENV.exports.act (/home/runner/work/glific-frontend/glific-frontend/node_modules/react/cjs/react.development.js:1164:24)\n' +
' at /home/runner/work/glific-frontend/glific-frontend/node_modules/@testing-library/react/dist/act-compat.js:47:25\n' +
' at renderRoot (/home/runner/work/glific-frontend/glific-frontend/node_modules/@testing-library/react/dist/pure.js:188:26)\n' +
' at Proxy.render (/home/runner/work/glific-frontend/glific-frontend/node_modules/@testing-library/react/dist/pure.js:287:10)\n' +
' at /home/runner/work/glific-frontend/glific-frontend/src/components/simulator/Simulator.test.tsx:151:3\n' +
' at file:///home/runner/work/glific-frontend/glific-frontend/node_modules/@vitest/runner/dist/index.js:174:14\n' +
' at file:///home/runner/work/glific-frontend/glific-frontend/node_modules/@vitest/runner/dist/index.js:558:28\n' +
' at file:///home/runner/work/glific-frontend/glific-frontend/node_modules/@vitest/runner/dist/index.js:61:24\n' +
' at new Promise (<anonymous>)',
errors: [
{
stack: 'TypeError: _reactDom.default.findDOMNode is not a function\n' +
' at DraggableCore.findDOMNode (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-draggable/build/cjs/DraggableCore.js:281:292)\n' +
' at DraggableCore.componentDidMount (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-draggable/build/cjs/DraggableCore.js:250:27)\n' +
' at Object.react-stack-bottom-frame (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:22451:22)\n' +
' at runWithFiberInDEV (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:543:16)\n' +
' at commitLayoutEffectOnFiber (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:11443:21)\n' +
' at recursivelyTraverseLayoutEffects (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:12412:11)\n' +
' at commitLayoutEffectOnFiber (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:11418:11)\n' +
' at recursivelyTraverseLayoutEffects (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:12412:11)\n' +
' at commitLayoutEffectOnFiber (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:11413:11)\n' +
' at recursivelyTraverseLayoutEffects (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:12412:11)',
message: '_reactDom.default.findDOMNode is not a function',
constructor: 'Function<TypeError>',
name: 'TypeError',
toString: 'Function<toString>'
},
{
stack: 'TypeError: _reactDom.default.findDOMNode is not a function\n' +
' at Draggable.findDOMNode (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-draggable/build/cjs/Draggable.js:210:294)\n' +
' at Draggable.componentDidMount (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-draggable/build/cjs/Draggable.js:194:58)\n' +
' at Object.react-stack-bottom-frame (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:22451:22)\n' +
' at runWithFiberInDEV (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:543:16)\n' +
' at commitLayoutEffectOnFiber (/home/runner/work/glific-frontend/glific-frontend/node_modules/react-dom/cjs/react-dom-client.development.js:11443:21)\
|
Run test and generate coverage report:
src/components/simulator/Simulator.test.tsx#L176
TestingLibraryElementError: Unable to find an element by: [data-testid="resetIcon"]
Ignored nodes: comments, script, style
<body>
<div />
</body>
Ignored nodes: comments, script, style
<html>
<head>
<meta
content=""
name="emotion-insertion-point"
/>
</head>
<body>
<div />
</body>
</html>...
❯ Proxy.waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ src/components/simulator/Simulator.test.tsx:176:9
|
Run test and generate coverage report:
src/containers/Flow/Flow.test.tsx#L374
TestingLibraryElementError: Found multiple elements with the text: Copy of Help
Here are the matching elements:
Ignored nodes: comments, script, style
<div
class="_TitleText_7e7077"
data-testid="headerTitle"
>
Copy of Help
</div>
Ignored nodes: comments, script, style
<textarea
aria-invalid="false"
class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline css-w4nesw-MuiInputBase-input-MuiOutlinedInput-input"
name="description"
rows="2"
style="height: 0px; overflow: hidden;"
>
Copy of Help
</textarea>
(If this is intentional, then use the `*AllBy*` variant of the query (like `queryAllByText`, `getAllByText`, or `findAllByText`)).
Ignored nodes: comments, script, style
<body>
<div>
<div
class="_ItemAdd_787cd5"
data-testid="add-container"
>
<div
class="_Heading_7e7077"
data-testid="heading"
>
<div
class="_HeadingWrapper_7e7077"
>
<div
class="_BackIcon_7e7077"
>
<svg
data-testid="back-button"
fill="none"
height="40"
viewBox="0 0 40 40"
width="40"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="20"
cy="20"
fill="white"
r="19.5"
stroke="#CCCCCC"
/>
<path
d="M22.9292 28L15 20L22.9292 12L24.3333 13.4167L17.8083 20L24.3333 26.5833L22.9292 28Z"
fill="#717971"
/>
</svg>
</div>
<div>
<div
class="_HeadingTitle_7e7077"
>
<div
class="_TitleText_7e7077"
data-testid="headerTitle"
>
Copy of Help
</div>
</div>
<div
class="_TextHeading_7e7077"
>
Please enter below details.
</div>
</div>
</div>
</div>
<form>
<div
class="_Form_787cd5 "
data-testid="formLayout"
>
<h5
class="MuiTypography-root MuiTypography-h5 _FieldLabel_787cd5 css-16xl4zq-MuiTypography-root"
data-testid="formLabel"
>
Name
</h5>
<div
class="_Input_f00ca3"
data-testid="input"
>
<div
class="MuiFormControl-root MuiFormControl-fullWidth css-ytlejw-MuiFormControl-root"
>
<div
class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl _OutlineInput_f00ca3 css-1blp12k-MuiInputBase-root-MuiOutlinedInput-root"
data-testid="outlinedInput"
>
<input
aria-invalid="false"
class="MuiInputBase-input MuiOutlinedInput-input _OutlinedInput_f00ca3 css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input"
name="name"
type="text"
value=""
/>
<fieldset
aria-hidden="true"
class="MuiOutlinedInput-notchedOutline css-1ll44ll-MuiOutlinedInput-notchedOutline"
>
<legend
class="css-w4cd9x"
>
<span
aria-hidden="true"
class="notranslate"
>
</span>
</legend>
</fieldset>
</div>
</div>
</div>
<h5
class="MuiTypography-root MuiTypography-h5 _FieldLabel_787cd5 css-16xl4zq-MuiTypography-root"
data-testid="formLabel"
>
Keywords
</h5>
<div
class="_Input_f00ca3"
data-testid="input"
>
<di
|
Run test and generate coverage report:
src/containers/HSM/HSM.test.tsx#L47
TestingLibraryElementError: Unable to find an element with the text: Edit HSM Template. 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>
<div />
</body>
Ignored nodes: comments, script, style
<html>
<head>
<meta
content=""
name="emotion-insertion-point"
/>
</head>
<body>
<div />
</body>
</html>...
❯ Proxy.waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ src/containers/HSM/HSM.test.tsx:47:11
|
Run test and generate coverage report:
src/containers/HSM/HSM.test.tsx#L68
TestingLibraryElementError: Unable to find an element with the text: Edit HSM Template. 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>
<div />
</body>
Ignored nodes: comments, script, style
<html>
<head>
<meta
content=""
name="emotion-insertion-point"
/>
</head>
<body>
<div />
</body>
</html>...
❯ Proxy.waitForWrapper node_modules/@testing-library/dom/dist/wait-for.js:163:27
❯ src/containers/HSM/HSM.test.tsx:68:11
|
Loading