From d667dfe53e48cac57c08a3e4ba84f32b0da2b374 Mon Sep 17 00:00:00 2001
From: Marco D'Auria <marco.dauria@finconsgroup.com>
Date: Fri, 16 Aug 2024 10:33:23 +0200
Subject: [PATCH] fix: visual tests

---
 .../flip-card/flip-card/flip-card.visual.spec.ts         | 9 +++++++--
 1 file changed, 7 insertions(+), 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
index 48f968a68c9..2fe8894c54f 100644
--- 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')!);
       }),
     );