build(deps-dev): Bump happy-dom from 14.10.1 to 20.0.0 #61
dependabot[bot]Annotations
5 errors
|
test-and-build (18.x)
Process completed with exit code 1.
|
|
tests/components/sirenPanel.spec.ts > matches snapshot:
tests/components/sirenPanel.spec.ts#L52
Error: Snapshot `matches snapshot 1` mismatched
- Expected
+ Received
@@ -1,15 +1,15 @@
<div
class="siren-sdk-panel-modal"
data-testid="siren-panel-container"
- style="border-radius: 10px; max-width: 100; box-shadow: #232326 0px 8px 24px;"
+ style="max-width: 100; box-shadow: #232326 0px 8px 24px; border-radius: 10px;"
>
<div
class="siren-sdk-header-container"
data-testid="header-container"
- style="border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #232326; border-bottom-width: 0.5px; border-bottom-style: solid; border-bottom-color: #344054; height: 64px;"
+ style="border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #232326; height: 64px; border-bottom-width: 0.5px; border-bottom-style: solid; border-bottom-color: #344054;"
>
<p
class="siren-sdk-text-break"
style="color: #FFFFFF; font-size: 20px; font-weight: 600; padding-left: 0px;"
>
@@ -57,203 +57,203 @@
<div
class="siren-sdk-card-loader-container"
>
<div
class="siren-sdk-card-loader-avatar"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
<div
class="siren-sdk-card-loader-details siren-sdk-card-show-avatar"
>
<div
class="siren-sdk-card-loader-header"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
<div
class="siren-sdk-card-loader-header"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
<div
class="siren-sdk-card-loader-body"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
<div
class="siren-sdk-card-loader-time-container"
>
<div
class="siren-sdk-card-loader-time-icon"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
<div
class="siren-sdk-card-loader-time"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
</div>
</div>
<div
class="siren-sdk-card-loader-delete-icon"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
</div>
<div
class="siren-sdk-card-loader-container"
>
<div
class="siren-sdk-card-loader-avatar"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
<div
class="siren-sdk-card-loader-details siren-sdk-card-show-avatar"
>
<div
class="siren-sdk-card-loader-header"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
<div
class="siren-sdk-card-loader-header"
- style="border-color: #FA9874;"
+ style="background-image: lin
|
|
tests/components/notificationCard.spec.ts > matches snapshot:
tests/components/notificationCard.spec.ts#L54
Error: Snapshot `matches snapshot 1` mismatched
- Expected
+ Received
@@ -1,9 +1,9 @@
<div
class="siren-sdk-card-container siren-sdk-card-common-container"
data-testid="notification-card-container"
- style="background-color: #2E2D30; padding: 12px; border-bottom-width: 0.5px; border-bottom-style: solid; border-color: #344054 #344054 #344054 #FA9874; border-left-width: 4px; border-left-style: solid;"
+ style="background-color: #2E2D30; padding: 12px; border-color: #344054 #344054 #344054 #FA9874; border-bottom-width: 0.5px; border-bottom-style: solid; border-left-width: 4px; border-left-style: solid;"
>
<div
data-testid="avatar-container"
style="width: 40px; height: 40px; border-radius: 20px; background-color: #344054; background-image: url("/src/assets/light/defaultAvatarLight.png"); background-size: cover; background-position: center center;"
/>
@@ -49,11 +49,11 @@
</svg>
<div
class="siren-sdk-card-date-style"
style="color: #98A2B3; font-size: 12px;"
>
- 2 months ago
+ 1 year ago
</div>
</div>
</div>
<div
class="siren-sdk-delete-button"
❯ tests/components/notificationCard.spec.ts:54:27
|
|
tests/components/loaderComponent.spec.ts > matches snapshot:
tests/components/loaderComponent.spec.ts#L17
Error: Snapshot `matches snapshot 1` mismatched
- Expected
+ Received
@@ -6,202 +6,202 @@
<div
class="siren-sdk-card-loader-container"
>
<div
class="siren-sdk-card-loader-avatar"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
<div
class="siren-sdk-card-loader-details siren-sdk-card-show-avatar"
>
<div
class="siren-sdk-card-loader-header"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
<div
class="siren-sdk-card-loader-header"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
<div
class="siren-sdk-card-loader-body"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
<div
class="siren-sdk-card-loader-time-container"
>
<div
class="siren-sdk-card-loader-time-icon"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
<div
class="siren-sdk-card-loader-time"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
</div>
</div>
<div
class="siren-sdk-card-loader-delete-icon"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
</div>
<div
class="siren-sdk-card-loader-container"
>
<div
class="siren-sdk-card-loader-avatar"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
<div
class="siren-sdk-card-loader-details siren-sdk-card-show-avatar"
>
<div
class="siren-sdk-card-loader-header"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
<div
class="siren-sdk-card-loader-header"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
<div
class="siren-sdk-card-loader-body"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
<div
class="siren-sdk-card-loader-time-container"
>
<div
class="siren-sdk-card-loader-time-icon"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
<div
class="siren-sdk-card-loader-time"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
</div>
</div>
<div
class="siren-sdk-card-loader-delete-icon"
- style="border-color: #FA9874;"
+ style="background-image: linear-gradient(to right, #49494A 0%, #535354 50%, #49494A 100%); border-color: #FA9874;"
/>
</div>
<div
class="siren-sdk-card-loader-container"
>
<div
class="siren-sdk-card-loader-avatar"
- style="border
|
|
tests/components/headerComponent.spec.ts > matches snapshot:
tests/components/headerComponent.spec.ts#L24
Error: Snapshot `matches snapshot 1` mismatched
- Expected
+ Received
@@ -1,9 +1,9 @@
<div
class="siren-sdk-header-container"
data-testid="header-container"
- style="border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #232326; border-bottom-width: 0.5px; border-bottom-style: solid; border-bottom-color: #344054; height: 64px;"
+ style="border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #232326; height: 64px; border-bottom-width: 0.5px; border-bottom-style: solid; border-bottom-color: #344054;"
>
<p
class="siren-sdk-text-break"
style="color: #FFFFFF; font-size: 20px; font-weight: 600; padding-left: 0px;"
>
❯ tests/components/headerComponent.spec.ts:24:27
|