Add: A lot of Test-IDs #4000
christianpiskeci-js.yml
on: pull_request
Matrix: Upload coverage
Matrix: Linting
Matrix: Run tests
Annotations
25 errors
|
Linting (20)
Process completed with exit code 1.
|
|
Linting (18)
The job was canceled because "_20" failed.
|
|
Linting (18)
Process completed with exit code 1.
|
|
src/web/entity/__tests__/link.jsx > EntityLink component tests > should render:
src/web/entity/__tests__/link.jsx#L32
TestingLibraryElementError: Unable to find an element by: [data-testid="details-link"]
Ignored nodes: comments, script, style
<body>
<div>
<a
class="sc-blHHSb ggGaCA"
data-testid="link"
href="/foo/123"
>
bar
</a>
</div>
</body>
❯ 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/web/entity/__tests__/link.jsx:32:15
|
|
src/web/entity/__tests__/note.jsx > NoteBox component tests > should render with DetailsLink:
src/web/entity/__tests__/note.jsx#L45
TestingLibraryElementError: Unable to find an element by: [data-testid="details-link"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="sc-egkSDF sc-keTIit emGUaM cmTBHv"
>
<div
class="sc-egkSDF crsLrJ"
>
<h3>
Note
</h3>
<div
class="sc-egkSDF sc-dntaoT ejkmMD cteSFL"
>
<div
class="sc-egkSDF sc-fAUdSK ejkmMD fWJIZr"
>
<a
class="sc-ivxoEo eWxvwp"
data-testid="link"
href="/note/123"
title="Note Details"
>
<span
class="sc-gtLWhw eowtcm"
data-testid="svg-icon"
>
<svg
data-testid="details_icon"
height="1em"
viewBox="0 0 67.733 67.733"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<g
transform="translate(0 -229.27)"
>
<g
transform="matrix(2.0878 0 0 2.2337 41.673 -337.41)"
>
<path
class="gui_icon_class"
d="m87.996 0.27148c-48.048 0-88.002 39.04-88.002 88s39.954 88 88.002 88c20.271 0 39.101-6.949 54.098-18.66l99.619 98.729 14.455-16.703-98.523-97.645c11.474-14.816 18.352-33.413 18.352-53.721 0-48.96-39.952-88-88-88zm0 22.754c37.407 0 66.732 29.571 66.732 65.246s-29.325 65.229-66.732 65.229-66.734-29.554-66.734-65.229 29.327-65.246 66.734-65.246zm-7.9961 24.975v32h-32v16h32v32h16v-32h32v-16h-32v-32h-16z"
transform="matrix(.12673 0 0 .11845 -19.96 253.7)"
/>
</g>
</g>
</svg>
</span>
</a>
</div>
</div>
</div>
<pre
class="sc-dstKZu iahVXh"
>
foo
</pre>
<table
class="sc-ghWlax kBuBiF sc-kLhKbu hhyIVF"
>
<tbody
class="sc-ixGGxD"
>
<tr>
<td>
<div
class="sc-egkSDF fFMHCM"
>
Active until
</div>
</td>
<td>
<div
class="sc-egkSDF fFMHCM"
>
Tue, Jan 1, 2019 1:00 PM CET
</div>
</td>
</tr>
<tr>
<td>
<div
class="sc-egkSDF fFMHCM"
>
Modified
</div>
</td>
<td>
<div
class="sc-egkSDF fFMHCM"
>
Sat, Feb 2, 2019 1:00 PM CET
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
❯ 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/web/entity/__tests__/note.jsx:45:18
|
|
src/web/entity/__tests__/override.jsx > OverrideBox component tests > should render with DetailsLink:
src/web/entity/__tests__/override.jsx#L41
TestingLibraryElementError: Unable to find an element by: [data-testid="details-link"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="sc-blHHSb sc-ghWlax SAFvT dnoQTw"
>
<div
class="sc-blHHSb dzslKG"
>
<h3>
Override from Severity > 0.0 to 10: High
</h3>
<div
class="sc-blHHSb sc-dstKZu hQZATo jBpdwQ"
>
<div
class="sc-blHHSb sc-khLCKb hQZATo hefJfY"
>
<a
class="sc-keTIit iKyyUJ"
data-testid="link"
href="/override/123"
title="Override Details"
>
<span
class="sc-ixGGxD jPJjfQ"
data-testid="svg-icon"
>
<svg
data-testid="details_icon"
height="1em"
viewBox="0 0 67.733 67.733"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<g
transform="translate(0 -229.27)"
>
<g
transform="matrix(2.0878 0 0 2.2337 41.673 -337.41)"
>
<path
class="gui_icon_class"
d="m87.996 0.27148c-48.048 0-88.002 39.04-88.002 88s39.954 88 88.002 88c20.271 0 39.101-6.949 54.098-18.66l99.619 98.729 14.455-16.703-98.523-97.645c11.474-14.816 18.352-33.413 18.352-53.721 0-48.96-39.952-88-88-88zm0 22.754c37.407 0 66.732 29.571 66.732 65.246s-29.325 65.229-66.732 65.229-66.734-29.554-66.734-65.229 29.327-65.246 66.734-65.246zm-7.9961 24.975v32h-32v16h32v32h16v-32h32v-16h-32v-32h-16z"
transform="matrix(.12673 0 0 .11845 -19.96 253.7)"
/>
</g>
</g>
</svg>
</span>
</a>
</div>
</div>
</div>
<pre
class="sc-ivxoEo eMAAgw"
>
foo
</pre>
<table
class="sc-gtLWhw kCUoNj sc-egkSDF eyvDqq"
>
<tbody
class="sc-fAUdSK"
>
<tr>
<td>
<div
class="sc-blHHSb jEEWoP"
>
Active until
</div>
</td>
<td>
<div
class="sc-blHHSb jEEWoP"
>
Tue, Jan 1, 2019 1:00 PM CET
</div>
</td>
</tr>
<tr>
<td>
<div
class="sc-blHHSb jEEWoP"
>
Modified
</div>
</td>
<td>
<div
class="sc-blHHSb jEEWoP"
>
Sat, Feb 2, 2019 1:00 PM CET
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
❯ 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/web/entity/__tests__/override.jsx:41:18
|
|
src/web/components/bar/__tests__/toolbar.jsx > Toolbar tests > should render:
src/web/components/bar/__tests__/toolbar.jsx#L16
Error: Snapshot `Toolbar tests > should render 1` mismatched
- Expected
+ Received
@@ -15,6 +15,7 @@
align-items: flex-start;
}
<div
class="c0 toolbar"
+ data-testid="toolbar"
/>
❯ src/web/components/bar/__tests__/toolbar.jsx:16:21
|
|
src/web/components/dialog/__tests__/button.jsx > Dialog Button tests > should render button:
src/web/components/dialog/__tests__/button.jsx#L27
Error: Snapshot `Dialog Button tests > should render button 1` mismatched
- Expected
+ Received
@@ -79,6 +79,7 @@
background: #A1DDBA;
}
<button
class="c0 c1 c2"
+ data-testid="dialog_button"
/>
❯ src/web/components/dialog/__tests__/button.jsx:27:21
|
|
src/web/components/dialog/__tests__/button.jsx > Dialog Button tests > should render button when loading:
src/web/components/dialog/__tests__/button.jsx#L35
Error: Snapshot `Dialog Button tests > should render button when loading 1` mismatched
- Expected
+ Received
@@ -79,6 +79,7 @@
background: #11ab51 url(/img/loading.gif) center center no-repeat;
}
<button
class="c0 c1 c2"
+ data-testid="dialog_button"
/>
❯ src/web/components/dialog/__tests__/button.jsx:35:21
|
|
src/web/components/dialog/__tests__/closebutton.jsx > Dialog CloseButton tests > should render:
src/web/components/dialog/__tests__/closebutton.jsx#L21
Error: Snapshot `Dialog CloseButton tests > should render 1` mismatched
- Expected
+ Received
@@ -35,9 +35,10 @@
width: inherit;
}
<div
class="c0"
+ data-testid="close-button"
title="Close"
>
×
</div>
❯ src/web/components/dialog/__tests__/closebutton.jsx:21:21
|
|
src/web/components/dialog/__tests__/confirmationdialog.jsx > ConfirmationDialog component tests > should render ConfirmationDialog with text and title:
src/web/components/dialog/__tests__/confirmationdialog.jsx#L29
TestingLibraryElementError: Unable to find an element by: [data-testid="confirmationdialog-content"]
Ignored nodes: comments, script, style
<body>
<div
id="portals"
>
<div>
<div
class="sc-gtLWhw iJvlqS"
>
<div
class="sc-blHHSb kfbZgq"
data-testid="dialog"
height="autopx"
role="dialog"
tabindex="1"
width="400px"
>
<div
class="sc-dntaoT cuefJU"
>
<div
class="sc-ivxoEo sc-khLCKb jjFGZq dAXRTF"
data-testid="dialog-title-bar"
>
<span>
bar
</span>
<div
class="sc-ixGGxD gpBnoL"
data-testid="dialog-title-close-button"
title="Close"
>
×
</div>
</div>
<div
class="sc-ivxoEo sc-kLhKbu gvMsXK jEKFry"
>
<div
class="sc-ghWlax blQgMP"
data-testid="confirmationdialog-content_scrollable"
>
foo
</div>
</div>
<div
class="sc-ivxoEo sc-jwIPbr sc-cHqXqK bRdBCk dWwvWx hGpYFH"
>
<button
class="sc-dstKZu eaGxEs sc-keTIit kzbzMa sc-dpBQxM dGKVw"
data-testid="dialog-close-button"
title="Cancel"
>
Cancel
</button>
<button
class="sc-dstKZu eaGxEs sc-keTIit kzbzMa sc-dpBQxM dGKVw"
data-testid="dialog-save-button"
title="OK"
>
OK
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div />
</body>
❯ 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/web/components/dialog/__tests__/confirmationdialog.jsx:29:28
|
|
src/web/components/dialog/__tests__/confirmationdialog.jsx > ConfirmationDialog component tests > should render ConfirmationDialog with element content and title:
src/web/components/dialog/__tests__/confirmationdialog.jsx#L48
TestingLibraryElementError: Unable to find an element by: [data-testid="confirmationdialog-content"]
Ignored nodes: comments, script, style
<body>
<div
id="portals"
>
<div>
<div
class="sc-gtLWhw iJvlqS"
>
<div
class="sc-blHHSb kfbZgq"
data-testid="dialog"
height="autopx"
role="dialog"
tabindex="1"
width="400px"
>
<div
class="sc-dntaoT cuefJU"
>
<div
class="sc-ivxoEo sc-khLCKb jjFGZq dAXRTF"
data-testid="dialog-title-bar"
>
<span>
bar
</span>
<div
class="sc-ixGGxD gpBnoL"
data-testid="dialog-title-close-button"
title="Close"
>
×
</div>
</div>
<div
class="sc-ivxoEo sc-kLhKbu gvMsXK jEKFry"
>
<div
class="sc-ghWlax blQgMP"
data-testid="confirmationdialog-content_scrollable"
>
<div>
foo
</div>
</div>
</div>
<div
class="sc-ivxoEo sc-jwIPbr sc-cHqXqK bRdBCk dWwvWx hGpYFH"
>
<button
class="sc-dstKZu eaGxEs sc-keTIit kzbzMa sc-dpBQxM dGKVw"
data-testid="dialog-close-button"
title="Cancel"
>
Cancel
</button>
<button
class="sc-dstKZu eaGxEs sc-keTIit kzbzMa sc-dpBQxM dGKVw"
data-testid="dialog-save-button"
title="OK"
>
OK
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div />
</body>
❯ 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/web/components/dialog/__tests__/confirmationdialog.jsx:48:28
|
|
src/web/components/dialog/__tests__/dialog.jsx > Dialog component tests > should render a Dialog:
src/web/components/dialog/__tests__/dialog.jsx#L24
Error: Snapshot `Dialog component tests > should render a Dialog 1` mismatched
- Expected
+ Received
@@ -57,10 +57,11 @@
<div
class="c0"
>
<div
class="c1"
+ data-testid="dialog"
height="px"
role="dialog"
tabindex="1"
width="800px"
>
❯ src/web/components/dialog/__tests__/dialog.jsx:24:25
|
|
Run tests (18)
The job was canceled because "_20" failed.
|
|
src/web/entity/__tests__/link.jsx > EntityLink component tests > should render:
src/web/entity/__tests__/link.jsx#L32
TestingLibraryElementError: Unable to find an element by: [data-testid="details-link"]
Ignored nodes: comments, script, style
<body>
<div>
<a
class="sc-blHHSb ggGaCA"
data-testid="link"
href="/foo/123"
>
bar
</a>
</div>
</body>
❯ 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/web/entity/__tests__/link.jsx:32:15
|
|
src/web/entity/__tests__/note.jsx > NoteBox component tests > should render with DetailsLink:
src/web/entity/__tests__/note.jsx#L45
TestingLibraryElementError: Unable to find an element by: [data-testid="details-link"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="sc-egkSDF sc-keTIit emGUaM cmTBHv"
>
<div
class="sc-egkSDF crsLrJ"
>
<h3>
Note
</h3>
<div
class="sc-egkSDF sc-dntaoT ejkmMD cteSFL"
>
<div
class="sc-egkSDF sc-fAUdSK ejkmMD fWJIZr"
>
<a
class="sc-ivxoEo eWxvwp"
data-testid="link"
href="/note/123"
title="Note Details"
>
<span
class="sc-gtLWhw eowtcm"
data-testid="svg-icon"
>
<svg
data-testid="details_icon"
height="1em"
viewBox="0 0 67.733 67.733"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<g
transform="translate(0 -229.27)"
>
<g
transform="matrix(2.0878 0 0 2.2337 41.673 -337.41)"
>
<path
class="gui_icon_class"
d="m87.996 0.27148c-48.048 0-88.002 39.04-88.002 88s39.954 88 88.002 88c20.271 0 39.101-6.949 54.098-18.66l99.619 98.729 14.455-16.703-98.523-97.645c11.474-14.816 18.352-33.413 18.352-53.721 0-48.96-39.952-88-88-88zm0 22.754c37.407 0 66.732 29.571 66.732 65.246s-29.325 65.229-66.732 65.229-66.734-29.554-66.734-65.229 29.327-65.246 66.734-65.246zm-7.9961 24.975v32h-32v16h32v32h16v-32h32v-16h-32v-32h-16z"
transform="matrix(.12673 0 0 .11845 -19.96 253.7)"
/>
</g>
</g>
</svg>
</span>
</a>
</div>
</div>
</div>
<pre
class="sc-dstKZu iahVXh"
>
foo
</pre>
<table
class="sc-ghWlax kBuBiF sc-kLhKbu hhyIVF"
>
<tbody
class="sc-ixGGxD"
>
<tr>
<td>
<div
class="sc-egkSDF fFMHCM"
>
Active until
</div>
</td>
<td>
<div
class="sc-egkSDF fFMHCM"
>
Tue, Jan 1, 2019 1:00 PM CET
</div>
</td>
</tr>
<tr>
<td>
<div
class="sc-egkSDF fFMHCM"
>
Modified
</div>
</td>
<td>
<div
class="sc-egkSDF fFMHCM"
>
Sat, Feb 2, 2019 1:00 PM CET
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
❯ 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/web/entity/__tests__/note.jsx:45:18
|
|
src/web/entity/__tests__/override.jsx > OverrideBox component tests > should render with DetailsLink:
src/web/entity/__tests__/override.jsx#L41
TestingLibraryElementError: Unable to find an element by: [data-testid="details-link"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="sc-blHHSb sc-ghWlax SAFvT dnoQTw"
>
<div
class="sc-blHHSb dzslKG"
>
<h3>
Override from Severity > 0.0 to 10: High
</h3>
<div
class="sc-blHHSb sc-dstKZu hQZATo jBpdwQ"
>
<div
class="sc-blHHSb sc-khLCKb hQZATo hefJfY"
>
<a
class="sc-keTIit iKyyUJ"
data-testid="link"
href="/override/123"
title="Override Details"
>
<span
class="sc-ixGGxD jPJjfQ"
data-testid="svg-icon"
>
<svg
data-testid="details_icon"
height="1em"
viewBox="0 0 67.733 67.733"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<g
transform="translate(0 -229.27)"
>
<g
transform="matrix(2.0878 0 0 2.2337 41.673 -337.41)"
>
<path
class="gui_icon_class"
d="m87.996 0.27148c-48.048 0-88.002 39.04-88.002 88s39.954 88 88.002 88c20.271 0 39.101-6.949 54.098-18.66l99.619 98.729 14.455-16.703-98.523-97.645c11.474-14.816 18.352-33.413 18.352-53.721 0-48.96-39.952-88-88-88zm0 22.754c37.407 0 66.732 29.571 66.732 65.246s-29.325 65.229-66.732 65.229-66.734-29.554-66.734-65.229 29.327-65.246 66.734-65.246zm-7.9961 24.975v32h-32v16h32v32h16v-32h32v-16h-32v-32h-16z"
transform="matrix(.12673 0 0 .11845 -19.96 253.7)"
/>
</g>
</g>
</svg>
</span>
</a>
</div>
</div>
</div>
<pre
class="sc-ivxoEo eMAAgw"
>
foo
</pre>
<table
class="sc-gtLWhw kCUoNj sc-egkSDF eyvDqq"
>
<tbody
class="sc-fAUdSK"
>
<tr>
<td>
<div
class="sc-blHHSb jEEWoP"
>
Active until
</div>
</td>
<td>
<div
class="sc-blHHSb jEEWoP"
>
Tue, Jan 1, 2019 1:00 PM CET
</div>
</td>
</tr>
<tr>
<td>
<div
class="sc-blHHSb jEEWoP"
>
Modified
</div>
</td>
<td>
<div
class="sc-blHHSb jEEWoP"
>
Sat, Feb 2, 2019 1:00 PM CET
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
❯ 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/web/entity/__tests__/override.jsx:41:18
|
|
src/web/components/bar/__tests__/toolbar.jsx > Toolbar tests > should render:
src/web/components/bar/__tests__/toolbar.jsx#L16
Error: Snapshot `Toolbar tests > should render 1` mismatched
- Expected
+ Received
@@ -15,6 +15,7 @@
align-items: flex-start;
}
<div
class="c0 toolbar"
+ data-testid="toolbar"
/>
❯ src/web/components/bar/__tests__/toolbar.jsx:16:21
|
|
src/web/components/dialog/__tests__/button.jsx > Dialog Button tests > should render button:
src/web/components/dialog/__tests__/button.jsx#L27
Error: Snapshot `Dialog Button tests > should render button 1` mismatched
- Expected
+ Received
@@ -79,6 +79,7 @@
background: #A1DDBA;
}
<button
class="c0 c1 c2"
+ data-testid="dialog_button"
/>
❯ src/web/components/dialog/__tests__/button.jsx:27:21
|
|
src/web/components/dialog/__tests__/button.jsx > Dialog Button tests > should render button when loading:
src/web/components/dialog/__tests__/button.jsx#L35
Error: Snapshot `Dialog Button tests > should render button when loading 1` mismatched
- Expected
+ Received
@@ -79,6 +79,7 @@
background: #11ab51 url(/img/loading.gif) center center no-repeat;
}
<button
class="c0 c1 c2"
+ data-testid="dialog_button"
/>
❯ src/web/components/dialog/__tests__/button.jsx:35:21
|
|
src/web/components/dialog/__tests__/closebutton.jsx > Dialog CloseButton tests > should render:
src/web/components/dialog/__tests__/closebutton.jsx#L21
Error: Snapshot `Dialog CloseButton tests > should render 1` mismatched
- Expected
+ Received
@@ -35,9 +35,10 @@
width: inherit;
}
<div
class="c0"
+ data-testid="close-button"
title="Close"
>
×
</div>
❯ src/web/components/dialog/__tests__/closebutton.jsx:21:21
|
|
src/web/components/dialog/__tests__/confirmationdialog.jsx > ConfirmationDialog component tests > should render ConfirmationDialog with text and title:
src/web/components/dialog/__tests__/confirmationdialog.jsx#L29
TestingLibraryElementError: Unable to find an element by: [data-testid="confirmationdialog-content"]
Ignored nodes: comments, script, style
<body>
<div
id="portals"
>
<div>
<div
class="sc-gtLWhw iJvlqS"
>
<div
class="sc-blHHSb kfbZgq"
data-testid="dialog"
height="autopx"
role="dialog"
tabindex="1"
width="400px"
>
<div
class="sc-dntaoT cuefJU"
>
<div
class="sc-ivxoEo sc-khLCKb jjFGZq dAXRTF"
data-testid="dialog-title-bar"
>
<span>
bar
</span>
<div
class="sc-ixGGxD gpBnoL"
data-testid="dialog-title-close-button"
title="Close"
>
×
</div>
</div>
<div
class="sc-ivxoEo sc-kLhKbu gvMsXK jEKFry"
>
<div
class="sc-ghWlax blQgMP"
data-testid="confirmationdialog-content_scrollable"
>
foo
</div>
</div>
<div
class="sc-ivxoEo sc-jwIPbr sc-cHqXqK bRdBCk dWwvWx hGpYFH"
>
<button
class="sc-dstKZu eaGxEs sc-keTIit kzbzMa sc-dpBQxM dGKVw"
data-testid="dialog-close-button"
title="Cancel"
>
Cancel
</button>
<button
class="sc-dstKZu eaGxEs sc-keTIit kzbzMa sc-dpBQxM dGKVw"
data-testid="dialog-save-button"
title="OK"
>
OK
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div />
</body>
❯ 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/web/components/dialog/__tests__/confirmationdialog.jsx:29:28
|
|
src/web/components/dialog/__tests__/confirmationdialog.jsx > ConfirmationDialog component tests > should render ConfirmationDialog with element content and title:
src/web/components/dialog/__tests__/confirmationdialog.jsx#L48
TestingLibraryElementError: Unable to find an element by: [data-testid="confirmationdialog-content"]
Ignored nodes: comments, script, style
<body>
<div
id="portals"
>
<div>
<div
class="sc-gtLWhw iJvlqS"
>
<div
class="sc-blHHSb kfbZgq"
data-testid="dialog"
height="autopx"
role="dialog"
tabindex="1"
width="400px"
>
<div
class="sc-dntaoT cuefJU"
>
<div
class="sc-ivxoEo sc-khLCKb jjFGZq dAXRTF"
data-testid="dialog-title-bar"
>
<span>
bar
</span>
<div
class="sc-ixGGxD gpBnoL"
data-testid="dialog-title-close-button"
title="Close"
>
×
</div>
</div>
<div
class="sc-ivxoEo sc-kLhKbu gvMsXK jEKFry"
>
<div
class="sc-ghWlax blQgMP"
data-testid="confirmationdialog-content_scrollable"
>
<div>
foo
</div>
</div>
</div>
<div
class="sc-ivxoEo sc-jwIPbr sc-cHqXqK bRdBCk dWwvWx hGpYFH"
>
<button
class="sc-dstKZu eaGxEs sc-keTIit kzbzMa sc-dpBQxM dGKVw"
data-testid="dialog-close-button"
title="Cancel"
>
Cancel
</button>
<button
class="sc-dstKZu eaGxEs sc-keTIit kzbzMa sc-dpBQxM dGKVw"
data-testid="dialog-save-button"
title="OK"
>
OK
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div />
</body>
❯ 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/web/components/dialog/__tests__/confirmationdialog.jsx:48:28
|
|
src/web/components/dialog/__tests__/dialog.jsx > Dialog component tests > should render a Dialog:
src/web/components/dialog/__tests__/dialog.jsx#L24
Error: Snapshot `Dialog component tests > should render a Dialog 1` mismatched
- Expected
+ Received
@@ -57,10 +57,11 @@
<div
class="c0"
>
<div
class="c1"
+ data-testid="dialog"
height="px"
role="dialog"
tabindex="1"
width="800px"
>
❯ src/web/components/dialog/__tests__/dialog.jsx:24:25
|
|
Upload coverage (18)
Process completed with exit code 1.
|