Skip to content

Commit

Permalink
chore: udpate snapshots
Browse files Browse the repository at this point in the history
  • Loading branch information
@TomMenga
TomMenga committed Apr 24, 2024
1 parent fc3d112 commit 1d045e6
Show file tree
Hide file tree
Showing 2 changed files with 5 additions and 198 deletions.
193 changes: 0 additions & 193 deletions src/components/notification/__snapshots__/notification.spec.snap.js
View file
Original file line number Diff line number Diff line change
@@ -1,194 +1,6 @@
/* @web/test-runner snapshot v1 */
export const snapshots = {};

snapshots["sbb-notification renders"] =
`<div class="sbb-notification__wrapper">
<div class="sbb-notification">
<sbb-icon
aria-hidden="true"
class="sbb-notification__icon"
data-namespace="default"
name="circle-information-small"
role="img"
>
</sbb-icon>
<span class="sbb-notification__content">
<sbb-title
aria-level="3"
class="sbb-notification__title"
level="3"
role="heading"
visual-level="5"
>
<slot name="title">
</slot>
</sbb-title>
<slot>
</slot>
</span>
<span class="sbb-notification__close-wrapper">
<sbb-divider
aria-orientation="vertical"
class="sbb-notification__divider"
orientation="vertical"
role="separator"
>
</sbb-divider>
<sbb-secondary-button
aria-label="Close message"
class="sbb-notification__close"
data-action=""
data-button=""
data-sbb-button=""
dir="ltr"
icon-name="cross-small"
role="button"
size="m"
tabindex="0"
>
</sbb-secondary-button>
</span>
</div>
</div>
`;
/* end snapshot sbb-notification renders */

snapshots["sbb-notification renders with a title"] =
`<div class="sbb-notification__wrapper">
<div class="sbb-notification">
<sbb-icon
aria-hidden="true"
class="sbb-notification__icon"
data-namespace="default"
name="circle-information-small"
role="img"
>
</sbb-icon>
<span class="sbb-notification__content">
<sbb-title
aria-level="3"
class="sbb-notification__title"
level="3"
role="heading"
visual-level="5"
>
<slot name="title">
Title
</slot>
</sbb-title>
<slot>
</slot>
</span>
<span class="sbb-notification__close-wrapper">
<sbb-divider
aria-orientation="vertical"
class="sbb-notification__divider"
orientation="vertical"
role="separator"
>
</sbb-divider>
<sbb-secondary-button
aria-label="Close message"
class="sbb-notification__close"
data-action=""
data-button=""
data-sbb-button=""
dir="ltr"
icon-name="cross-small"
role="button"
size="m"
tabindex="0"
>
</sbb-secondary-button>
</span>
</div>
</div>
`;
/* end snapshot sbb-notification renders with a title */

snapshots["sbb-notification renders with a slotted title"] =
`<div class="sbb-notification__wrapper">
<div class="sbb-notification">
<sbb-icon
aria-hidden="true"
class="sbb-notification__icon"
data-namespace="default"
name="circle-information-small"
role="img"
>
</sbb-icon>
<span class="sbb-notification__content">
<sbb-title
aria-level="3"
class="sbb-notification__title"
level="3"
role="heading"
visual-level="5"
>
<slot name="title">
</slot>
</sbb-title>
<slot>
</slot>
</span>
<span class="sbb-notification__close-wrapper">
<sbb-divider
aria-orientation="vertical"
class="sbb-notification__divider"
orientation="vertical"
role="separator"
>
</sbb-divider>
<sbb-secondary-button
aria-label="Close message"
class="sbb-notification__close"
data-action=""
data-button=""
data-sbb-button=""
dir="ltr"
icon-name="cross-small"
role="button"
size="m"
tabindex="0"
>
</sbb-secondary-button>
</span>
</div>
</div>
`;
/* end snapshot sbb-notification renders with a slotted title */

snapshots["sbb-notification renders without the close button"] =
`<div class="sbb-notification__wrapper">
<div class="sbb-notification">
<sbb-icon
aria-hidden="true"
class="sbb-notification__icon"
data-namespace="default"
name="circle-information-small"
role="img"
>
</sbb-icon>
<span class="sbb-notification__content">
<sbb-title
aria-level="3"
class="sbb-notification__title"
level="3"
role="heading"
visual-level="5"
>
<slot name="title">
Title
</slot>
</sbb-title>
<slot>
</slot>
</span>
</div>
</div>
`;
/* end snapshot sbb-notification renders without the close button */

snapshots["sbb-notification A11y tree Chrome"] =
`<p>
{
Expand Down Expand Up @@ -245,7 +57,6 @@ snapshots["sbb-notification renders Dom"] =
data-slot-names="unnamed"
data-state="opening"
size="m"
style="--sbb-notification-height: 76px;"
type="info"
>
The quick brown fox jumps over the lazy dog.
Expand Down Expand Up @@ -311,7 +122,6 @@ snapshots["sbb-notification renders with a title Dom"] =
data-slot-names="unnamed"
data-state="opening"
size="m"
style="--sbb-notification-height: 88px;"
title-content="Title"
type="info"
>
Expand Down Expand Up @@ -379,7 +189,6 @@ snapshots["sbb-notification renders with a slotted title Dom"] =
data-slot-names="title unnamed"
data-state="opening"
size="m"
style="--sbb-notification-height: 88px;"
type="info"
>
<span slot="title">
Expand Down Expand Up @@ -449,7 +258,6 @@ snapshots["sbb-notification renders without the close button Dom"] =
data-state="opening"
readonly=""
size="m"
style="--sbb-notification-height: 88px;"
title-content="Title"
type="info"
>
Expand Down Expand Up @@ -495,7 +303,6 @@ snapshots["sbb-notification renders size s Dom"] =
data-slot-names="unnamed"
data-state="opening"
size="s"
style="--sbb-notification-height: 70px;"
title-content="Title"
type="info"
>
Expand Down
10 changes: 5 additions & 5 deletions src/components/notification/notification.spec.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ describe(`sbb-notification`, () => {
});

it('Dom', async () => {
await expect(element).dom.to.be.equalSnapshot();
await expect(element).dom.to.be.equalSnapshot({ ignoreAttributes: ['style'] });
});

it('ShadowDom', async () => {
Expand All @@ -37,7 +37,7 @@ describe(`sbb-notification`, () => {
});

it('Dom', async () => {
await expect(element).dom.to.be.equalSnapshot();
await expect(element).dom.to.be.equalSnapshot({ ignoreAttributes: ['style'] });
});

it('ShadowDom', async () => {
Expand All @@ -58,7 +58,7 @@ describe(`sbb-notification`, () => {
});

it('Dom', async () => {
await expect(element).dom.to.be.equalSnapshot();
await expect(element).dom.to.be.equalSnapshot({ ignoreAttributes: ['style'] });
});

it('ShadowDom', async () => {
Expand All @@ -78,7 +78,7 @@ describe(`sbb-notification`, () => {
});

it('Dom', async () => {
await expect(element).dom.to.be.equalSnapshot();
await expect(element).dom.to.be.equalSnapshot({ ignoreAttributes: ['style'] });
});

it('ShadowDom', async () => {
Expand All @@ -98,7 +98,7 @@ describe(`sbb-notification`, () => {
});

it('Dom', async () => {
await expect(element).dom.to.be.equalSnapshot();
await expect(element).dom.to.be.equalSnapshot({ ignoreAttributes: ['style'] });
});

it('ShadowDom', async () => {
Expand Down

0 comments on commit 1d045e6

Please sign in to comment.