fix: visual tests

sbb-design-systems · Aug 16, 2024 · d667dfe · d667dfe
1 parent c9dfef1
commit d667dfe
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/elements/flip-card/flip-card/flip-card.visual.spec.ts b/src/elements/flip-card/flip-card/flip-card.visual.spec.ts
@@ -22,12 +22,13 @@ const content = (
   title: string = 'Summary',
   imageAlignment: SbbFlipCardImageAlignment = 'after',
   longContent: boolean = false,
+  flipped = false,
 ): TemplateResult =>
   html`<sbb-flip-card-summary image-alignment=${imageAlignment}>
       <sbb-title level="4">${title}</sbb-title>
       <sbb-image slot="image" image-src=${imageUrl}></sbb-image>
     </sbb-flip-card-summary>
-    <sbb-flip-card-details>
+    <sbb-flip-card-details ?data-flipped=${flipped}>
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam luctus ornare condimentum.
       Vivamus turpis elit, dapibus eget fringilla pellentesque, lobortis in nibh.
       ${longContent
@@ -66,7 +67,11 @@ describe(`sbb-flip-card`, () => {
     it(
       'flipped',
       visualDiffDefault.with(async (setup) => {
-        await setup.withFixture(html`<sbb-flip-card data-flipped> ${content()}</sbb-flip-card>`);
+        await setup.withFixture(
+          html`<sbb-flip-card data-flipped>
+            ${content('Summary', 'after', false, true)}</sbb-flip-card
+          >`,
+        );
         await waitForImageReady(setup.snapshotElement.querySelector('sbb-image')!);
       }),
     );