Allow to pass and override the data-testid prop of SvgIcon components #4695
bjoernricksci-js.yml
on: pull_request
Matrix: Upload coverage
Matrix: Linting
Matrix: Run tests
Matrix: Check translations
Annotations
16 errors
|
Linting (22)
Process completed with exit code 1.
|
|
Linting (20)
The job was canceled because "_22" failed.
|
|
Linting (20)
Process completed with exit code 1.
|
|
src/web/pages/alerts/__tests__/DetailsPage.test.jsx > Alert Detailspage tests > should render full Detailspage:
src/web/pages/alerts/__tests__/DetailsPage.test.jsx#L132
Error: expect(element).toHaveAttribute("title", "Help: Alerts") // element.getAttribute("title") === "Help: Alerts"
Expected the element to have attribute:
title="Help: Alerts"
Received:
null
❯ src/web/pages/alerts/__tests__/DetailsPage.test.jsx:132:22
|
|
src/web/pages/alerts/__tests__/DetailsPage.test.jsx > Alert Detailspage tests > should call commands:
src/web/pages/alerts/__tests__/DetailsPage.test.jsx#L302
Error: expect(received).toHaveAttribute()
received value must be an HTMLElement or an SVGElement.
❯ src/web/pages/alerts/__tests__/DetailsPage.test.jsx:302:22
|
|
src/web/pages/alerts/__tests__/DetailsPage.test.jsx > Alert ToolBarIcons tests > should render:
src/web/pages/alerts/__tests__/DetailsPage.test.jsx#L352
TestingLibraryElementError: Unable to find an element by: [data-testid="svg-icon"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="sc-fLDLck sc-jbAkgO gQOSgP ciQWOz"
>
<div
class="sc-fLDLck sc-dycHyt gQOSgP koyQEM"
>
<div
class="sc-fLDLck sc-jbAkgO gQOSgP ciQWOz"
>
<div
class="sc-fLDLck sc-dycHyt gQOSgP bUFZBs"
>
<a
href="test/en/scanning.html#managing-alerts"
rel="noopener noreferrer"
target="_blank"
>
<span
class="sc-gjcoXW LA-dff"
color="#000"
data-testid="help-icon"
title="Help: Alerts"
>
<svg
class="lucide lucide-circle-help"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
title="Help: Alerts"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"
/>
<path
d="M12 17h.01"
/>
</svg>
</span>
</a>
<a
class="sc-dVBluf wSfwM"
data-discover="true"
data-testid="list-link-icon"
href="/alerts"
>
<span
class="sc-gjcoXW LA-dff"
color="#000"
data-testid="list-icon"
title="Alerts List"
>
<svg
class="lucide lucide-list"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
title="Alerts List"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3 12h.01"
/>
<path
d="M3 18h.01"
/>
<path
d="M3 6h.01"
/>
<path
d="M8 12h13"
/>
<path
d="M8 18h13"
/>
<path
d="M8 6h13"
/>
</svg>
</span>
</a>
</div>
</div>
<div
class="sc-fLDLck sc-jbAkgO gQOSgP ciQWOz"
>
<div
class="sc-fLDLck sc-dycHyt gQOSgP bUFZBs"
>
<span
class="sc-gjcoXW idECcl"
color="#000"
data-testid="new-icon"
title="Create new Alert"
>
<svg
height="1em"
title="Create new Alert"
viewBox="0 0 67.733 67.733"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<g
transform="translate(0 -229.27)"
>
<path
class="gui_icon_class"
d="M116 16.0036L0 16L0.00594995 16.002V256H192.004L192.001 128H175.997L175.999 240.004H15.9999V31.9959L116 31.9995V16.0036Z"
transform="matrix(.26458 0 0 .26458 0 229.27)"
/>
<path
class="gui_icon_class"
d="M175.006 48.0017V16.002H191.412V48.0017H223.411V64.0916H191.412V
|
|
src/web/pages/alerts/__tests__/DetailsPage.test.jsx > Alert ToolBarIcons tests > should call click handlers:
src/web/pages/alerts/__tests__/DetailsPage.test.jsx#L391
TestingLibraryElementError: Unable to find an element by: [data-testid="svg-icon"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="sc-fLDLck sc-jbAkgO gQOSgP ciQWOz"
>
<div
class="sc-fLDLck sc-dycHyt gQOSgP koyQEM"
>
<div
class="sc-fLDLck sc-jbAkgO gQOSgP ciQWOz"
>
<div
class="sc-fLDLck sc-dycHyt gQOSgP bUFZBs"
>
<a
href="test/en/scanning.html#managing-alerts"
rel="noopener noreferrer"
target="_blank"
>
<span
class="sc-gjcoXW LA-dff"
color="#000"
data-testid="help-icon"
title="Help: Alerts"
>
<svg
class="lucide lucide-circle-help"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
title="Help: Alerts"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"
/>
<path
d="M12 17h.01"
/>
</svg>
</span>
</a>
<a
class="sc-dVBluf wSfwM"
data-discover="true"
data-testid="list-link-icon"
href="/alerts"
>
<span
class="sc-gjcoXW LA-dff"
color="#000"
data-testid="list-icon"
title="Alerts List"
>
<svg
class="lucide lucide-list"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
title="Alerts List"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3 12h.01"
/>
<path
d="M3 18h.01"
/>
<path
d="M3 6h.01"
/>
<path
d="M8 12h13"
/>
<path
d="M8 18h13"
/>
<path
d="M8 6h13"
/>
</svg>
</span>
</a>
</div>
</div>
<div
class="sc-fLDLck sc-jbAkgO gQOSgP ciQWOz"
>
<div
class="sc-fLDLck sc-dycHyt gQOSgP bUFZBs"
>
<span
class="sc-gjcoXW idECcl"
color="#000"
data-testid="new-icon"
title="Create new Alert"
>
<svg
height="1em"
title="Create new Alert"
viewBox="0 0 67.733 67.733"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<g
transform="translate(0 -229.27)"
>
<path
class="gui_icon_class"
d="M116 16.0036L0 16L0.00594995 16.002V256H192.004L192.001 128H175.997L175.999 240.004H15.9999V31.9959L116 31.9995V16.0036Z"
transform="matrix(.26458 0 0 .26458 0 229.27)"
/>
<path
class="gui_icon_class"
d="M175.006 48.0017V16.002H191.412V48.0017H223.411V64.0916H191.412V
|
|
src/web/pages/alerts/__tests__/DetailsPage.test.jsx > Alert ToolBarIcons tests > should not call click handlers without permission:
src/web/pages/alerts/__tests__/DetailsPage.test.jsx#L436
TestingLibraryElementError: Unable to find an element by: [data-testid="svg-icon"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="sc-fLDLck sc-jbAkgO gQOSgP ciQWOz"
>
<div
class="sc-fLDLck sc-dycHyt gQOSgP koyQEM"
>
<div
class="sc-fLDLck sc-jbAkgO gQOSgP ciQWOz"
>
<div
class="sc-fLDLck sc-dycHyt gQOSgP bUFZBs"
>
<a
href="test/en/scanning.html#managing-alerts"
rel="noopener noreferrer"
target="_blank"
>
<span
class="sc-gjcoXW LA-dff"
color="#000"
data-testid="help-icon"
title="Help: Alerts"
>
<svg
class="lucide lucide-circle-help"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
title="Help: Alerts"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"
/>
<path
d="M12 17h.01"
/>
</svg>
</span>
</a>
<a
class="sc-dVBluf wSfwM"
data-discover="true"
data-testid="list-link-icon"
href="/alerts"
>
<span
class="sc-gjcoXW LA-dff"
color="#000"
data-testid="list-icon"
title="Alerts List"
>
<svg
class="lucide lucide-list"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
title="Alerts List"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3 12h.01"
/>
<path
d="M3 18h.01"
/>
<path
d="M3 6h.01"
/>
<path
d="M8 12h13"
/>
<path
d="M8 18h13"
/>
<path
d="M8 6h13"
/>
</svg>
</span>
</a>
</div>
</div>
<div
class="sc-fLDLck sc-jbAkgO gQOSgP ciQWOz"
>
<div
class="sc-fLDLck sc-dycHyt gQOSgP bUFZBs"
>
<span
class="sc-gjcoXW idECcl"
color="#000"
data-testid="new-icon"
title="Create new Alert"
>
<svg
height="1em"
title="Create new Alert"
viewBox="0 0 67.733 67.733"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<g
transform="translate(0 -229.27)"
>
<path
class="gui_icon_class"
d="M116 16.0036L0 16L0.00594995 16.002V256H192.004L192.001 128H175.997L175.999 240.004H15.9999V31.9959L116 31.9995V16.0036Z"
transform="matrix(.26458 0 0 .26458 0 229.27)"
/>
<path
class="gui_icon_class"
d="M175.006 48.0017V16.002H191.412V48.0017H223.411V64.0916H191.412V
|
|
src/web/pages/alerts/__tests__/DetailsPage.test.jsx > Alert ToolBarIcons tests > should (not) call click handlers for alert in use:
src/web/pages/alerts/__tests__/DetailsPage.test.jsx#L488
TestingLibraryElementError: Unable to find an element by: [data-testid="svg-icon"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="sc-fLDLck sc-jbAkgO gQOSgP ciQWOz"
>
<div
class="sc-fLDLck sc-dycHyt gQOSgP koyQEM"
>
<div
class="sc-fLDLck sc-jbAkgO gQOSgP ciQWOz"
>
<div
class="sc-fLDLck sc-dycHyt gQOSgP bUFZBs"
>
<a
href="test/en/scanning.html#managing-alerts"
rel="noopener noreferrer"
target="_blank"
>
<span
class="sc-gjcoXW LA-dff"
color="#000"
data-testid="help-icon"
title="Help: Alerts"
>
<svg
class="lucide lucide-circle-help"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
title="Help: Alerts"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="12"
cy="12"
r="10"
/>
<path
d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"
/>
<path
d="M12 17h.01"
/>
</svg>
</span>
</a>
<a
class="sc-dVBluf wSfwM"
data-discover="true"
data-testid="list-link-icon"
href="/alerts"
>
<span
class="sc-gjcoXW LA-dff"
color="#000"
data-testid="list-icon"
title="Alerts List"
>
<svg
class="lucide lucide-list"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="1.5"
title="Alerts List"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3 12h.01"
/>
<path
d="M3 18h.01"
/>
<path
d="M3 6h.01"
/>
<path
d="M8 12h13"
/>
<path
d="M8 18h13"
/>
<path
d="M8 6h13"
/>
</svg>
</span>
</a>
</div>
</div>
<div
class="sc-fLDLck sc-jbAkgO gQOSgP ciQWOz"
>
<div
class="sc-fLDLck sc-dycHyt gQOSgP bUFZBs"
>
<span
class="sc-gjcoXW idECcl"
color="#000"
data-testid="new-icon"
title="Create new Alert"
>
<svg
height="1em"
title="Create new Alert"
viewBox="0 0 67.733 67.733"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<g
transform="translate(0 -229.27)"
>
<path
class="gui_icon_class"
d="M116 16.0036L0 16L0.00594995 16.002V256H192.004L192.001 128H175.997L175.999 240.004H15.9999V31.9959L116 31.9995V16.0036Z"
transform="matrix(.26458 0 0 .26458 0 229.27)"
/>
<path
class="gui_icon_class"
d="M175.006 48.0017V16.002H191.412V48.0017H223.411V64.0916H191.412V
|
|
src/web/pages/alerts/__tests__/ListPage.test.jsx > Alert listpage tests > should render full alert listpage:
src/web/pages/alerts/__tests__/ListPage.test.jsx#L152
Error: expect(element).toHaveAttribute("title", "Help: Alerts") // element.getAttribute("title") === "Help: Alerts"
Expected the element to have attribute:
title="Help: Alerts"
Received:
null
❯ src/web/pages/alerts/__tests__/ListPage.test.jsx:152:22
|
|
src/web/pages/alerts/__tests__/ListPage.test.jsx > Alert listpage tests > should allow to bulk action on page contents:
src/web/pages/alerts/__tests__/ListPage.test.jsx#L252
Error: expect(received).toHaveAttribute()
received value must be an HTMLElement or an SVGElement.
❯ src/web/pages/alerts/__tests__/ListPage.test.jsx:252:22
|
|
src/web/pages/alerts/__tests__/ListPage.test.jsx > Alert listpage tests > should allow to bulk action on selected alerts:
src/web/pages/alerts/__tests__/ListPage.test.jsx#L333
Error: expect(received).toHaveAttribute()
received value must be an HTMLElement or an SVGElement.
❯ src/web/pages/alerts/__tests__/ListPage.test.jsx:333:22
|
|
src/web/pages/alerts/__tests__/ListPage.test.jsx > Alert listpage tests > should allow to bulk action on filtered alerts:
src/web/pages/alerts/__tests__/ListPage.test.jsx#L409
Error: expect(received).toHaveAttribute()
received value must be an HTMLElement or an SVGElement.
❯ src/web/pages/alerts/__tests__/ListPage.test.jsx:409:22
|
|
Run tests (22)
The job was canceled because "_20" failed.
|
|
Run tests (22)
The operation was canceled.
|
|
Upload coverage (22)
Process completed with exit code 1.
|