diff --git a/src/elements/teaser-hero/teaser-hero.visual.spec.ts b/src/elements/teaser-hero/teaser-hero.visual.spec.ts index 7dfee28816..38077cdc31 100644 --- a/src/elements/teaser-hero/teaser-hero.visual.spec.ts +++ b/src/elements/teaser-hero/teaser-hero.visual.spec.ts @@ -49,7 +49,7 @@ describe(`sbb-teaser-hero`, () => { for (const state of [visualDiffDefault, visualDiffHover, visualDiffFocus]) { for (const testCase of imgTestCases) { it( - testCase.title, + `${testCase.title} ${state.name}`, visualDiffDefault.with(async (setup) => { await setup.withFixture(html` @@ -79,20 +79,18 @@ describe(`sbb-teaser-hero`, () => { describeViewports({ viewports: ['large'] }, () => { for (const testCase of imgTestCases) { - describe(testCase.title, () => { - it( - `custom width`, - visualDiffDefault.with(async (setup) => { - await setup.withFixture(html` - - ${testCase.imgTemplate()} - - `); + it( + `custom width ${testCase.title}`, + visualDiffDefault.with(async (setup) => { + await setup.withFixture(html` + + Break out and explore castles and palaces. ${testCase.imgTemplate()} + + `); - await waitForImageReady(setup.snapshotElement.querySelector(testCase.imgSelector)!); - }), - ); - }); + await waitForImageReady(setup.snapshotElement.querySelector(testCase.imgSelector)!); + }), + ); } }); });