# Instructions - Following Playwright test failed. - Explain why, be concise, respect Playwright best practices. - Provide a snippet of code with the fix, if possible. # Test info - Name: mfc-corporate-de.spec.ts >> other >> rte - Location: visual/mfc-corporate-de.spec.ts:16:9 # Error details ``` Error: A snapshot doesn't exist at /Users/mfdrunner/builds/pDk_92X_S/0/mfc/corporate/typo3/playwright/visual/mfc-corporate-de.spec.ts-snapshots/other-rte-de-tablet-l-darwin.png, writing actual. ``` ``` Error: A snapshot doesn't exist at /Users/mfdrunner/builds/pDk_92X_S/0/mfc/corporate/typo3/playwright/visual/mfc-corporate-de.spec.ts-snapshots/other-rte-dark-de-tablet-l-darwin.png, writing actual. ``` # Page snapshot ```yaml - generic [ref=e2]: - link "Zum Inhalt springen" [ref=e3] [cursor=pointer]: - /url: "#page-content" - banner [ref=e4]: - generic [ref=e5]: - link "Zur Startseite": - /url: / - generic [ref=e6]: - link "Logo Marketing Factory Digital GmbH" [ref=e7] [cursor=pointer]: - /url: / - img "Logo Marketing Factory Digital GmbH" [ref=e8] - navigation [ref=e27]: - list [ref=e28]: - listitem [ref=e29]: - link "Basics" [ref=e30] [cursor=pointer]: - /url: /design-basiseigenschaften/ - listitem [ref=e31]: - link "Einblendmenü umschalten mit Leertaste" [ref=e32] [cursor=pointer]: - /url: /inhaltselemente/ - text: Inhaltselemente - listitem [ref=e33]: - link "Einblendmenü umschalten mit Leertaste" [ref=e34] [cursor=pointer]: - /url: /richtext-editor/ - text: RTE - generic [ref=e35]: (aktuell) - listitem [ref=e36]: - link "Einblendmenü umschalten mit Leertaste" [ref=e37] [cursor=pointer]: - /url: /seitentypen/ - text: Seitentypen - listitem [ref=e38]: - link "Einblendmenü umschalten mit Leertaste" [ref=e39] [cursor=pointer]: - /url: /plugins/ - text: Plugins - listitem [ref=e40]: - link "Blog" [ref=e41] [cursor=pointer]: - /url: /blog/ - listitem [ref=e42]: - link "Einblendmenü umschalten mit Leertaste" [ref=e43] [cursor=pointer]: - /url: /formulare/ - text: Formulare - generic [ref=e45]: - button "Suche einblenden" [ref=e47] [cursor=pointer]: - img [ref=e49] - button "Farbschema wechseln" [ref=e51] [cursor=pointer]: - img [ref=e52] - list "Sprache der Website" [ref=e54]: - listitem [ref=e55]: - link "Deutsch" [ref=e56] [cursor=pointer]: - /url: /richtext-editor/ - text: De - listitem [ref=e57]: - generic "An english version of this page is not available." [ref=e58]: En - navigation "Brotkrumen-Navigation" [ref=e59]: - generic [ref=e60]: - paragraph [ref=e61]: "Sie sind here:" - list [ref=e62]: - listitem [ref=e63]: - link "Startseite" [ref=e64] [cursor=pointer]: - /url: / - img [ref=e65] - listitem [ref=e67]: - text: / - generic [ref=e68]: RTE - main [ref=e69]: - generic [ref=e71]: - heading "Übersicht" [level=1] [ref=e73] - list [ref=e74]: - listitem [ref=e75]: - link "Syntax Highlighting" [ref=e76] [cursor=pointer]: - /url: /richtext-editor/syntax-highlighting/ - separator [ref=e80]: - img [ref=e81] - generic [ref=e84]: - heading "Überschriften und Formate" [level=1] [ref=e86] - paragraph [ref=e87]: Stet clita kasd gubergren, no sea takimata sanctus est - paragraph [ref=e88]: - text: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore - strong [ref=e89]: magna aliquyam - text: erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est - emphasis [ref=e90]: Lorem ipsum dolor - text: sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed - superscript [ref=e91]: diam - text: nonumy - subscript [ref=e92]: eirmod - text: tempor invidunt. - paragraph [ref=e93]: - link "Mehr erfahren" [ref=e94] [cursor=pointer]: - /url: /richtext-editor/ - 'heading "H2: Lorem ipsum dolor sit amet, consetetur sadipscing elitr" [level=2] [ref=e95]' - paragraph [ref=e96]: - text: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam - code [ref=e97]: et justo duo dolores et ea rebum - text: . Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. - paragraph [ref=e98]: This is small text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dapibus vulputate diam eu pretium. Mauris elit orci, ultricies id fermentum vel, porta et eros. Vestibulum condimentum lectus in convallis feugiat. - 'heading "H3: Lorem ipsum dolor sit amet, consetetur sadipscing elitr" [level=3] [ref=e99]' - paragraph [ref=e100]: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt. - heading "Weitere Überschriften" [level=3] [ref=e101] - 'heading "H4: Lorem ipsum dolor sit amet, consetetur sadipscing elitr" [level=4] [ref=e102]' - paragraph [ref=e103]: "H5: Lorem ipsum dolor sit amet, consetetur sadipscing elitr" - paragraph [ref=e104]: "H6: Lorem ipsum dolor sit amet, consetetur sadipscing elitr" - generic [ref=e106]: - heading "Listen" [level=2] [ref=e108] - paragraph [ref=e109]: "Eine unsortierte Liste:" - list [ref=e110]: - listitem [ref=e111]: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. - listitem [ref=e112]: Lorem ipsum dolor sit amet, consetetur sadipscing elitr - listitem [ref=e113]: Lorem ipsum dolor sit amet, consetetur sadipscing elitr - paragraph [ref=e114]: "Eine sortierte Liste:" - list [ref=e115]: - listitem [ref=e116]: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. - listitem [ref=e117]: Lorem ipsum dolor sit amet, consetetur sadipscing elitr - listitem [ref=e118]: Lorem ipsum dolor sit amet, consetetur sadipscing elitr - generic [ref=e120]: - heading "Zitate im Text" [level=2] [ref=e122] - paragraph [ref=e123]: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. - blockquote [ref=e124]: - paragraph [ref=e125]: "Default Blockquote: Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt." - paragraph [ref=e126]: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. - blockquote [ref=e127]: - paragraph [ref=e128]: "Blockquote, links ausgerichtet: Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt." - paragraph [ref=e129]: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. - blockquote [ref=e130]: - paragraph [ref=e131]: "Blockquote, rechts ausgerichtet: Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt." - paragraph [ref=e132]: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. - generic [ref=e134]: - heading "Tabellen" [level=2] [ref=e136] - heading "Default-Tabellen" [level=3] [ref=e137] - figure "Normale Spalten" [ref=e138]: - table [ref=e140]: - rowgroup [ref=e141]: - row "Some content Some content Some content" [ref=e142]: - cell "Some content" [ref=e143] - cell "Some content" [ref=e144] - cell "Some content" [ref=e145] - row "Some content Some content Some content" [ref=e146]: - cell "Some content" [ref=e147] - cell "Some content" [ref=e148] - cell "Some content" [ref=e149] - row "Some content Some content Some content" [ref=e150]: - cell "Some content" [ref=e151] - cell "Some content" [ref=e152] - cell "Some content" [ref=e153] - generic [ref=e154]: Normale Spalten - 'figure "Header: erste Reihe" [ref=e155]': - table [ref=e157]: - rowgroup [ref=e158]: - row "Head One Head Two Head Three" [ref=e159]: - columnheader "Head One" [ref=e160] - columnheader "Head Two" [ref=e161] - columnheader "Head Three" [ref=e162] - rowgroup [ref=e163]: - row "Some content Some content Some content" [ref=e164]: - cell "Some content" [ref=e165] - cell "Some content" [ref=e166] - cell "Some content" [ref=e167] - row "Some content Some content Some content" [ref=e168]: - cell "Some content" [ref=e169] - cell "Some content" [ref=e170] - cell "Some content" [ref=e171] - generic [ref=e172]: "Header: erste Reihe" - 'figure "Header: erste Spalte" [ref=e173]': - table [ref=e175]: - rowgroup [ref=e176]: - row "Head One Some content Some content" [ref=e177]: - rowheader "Head One" [ref=e178] - cell "Some content" [ref=e179] - cell "Some content" [ref=e180] - row "Head Two Some content Some content" [ref=e181]: - rowheader "Head Two" [ref=e182] - cell "Some content" [ref=e183] - cell "Some content" [ref=e184] - row "Head Three Some content Some content" [ref=e185]: - rowheader "Head Three" [ref=e186] - cell "Some content" [ref=e187] - cell "Some content" [ref=e188] - generic [ref=e189]: "Header: erste Spalte" - 'heading "Table-Styling: Bordered" [level=3] [ref=e190]' - figure "Normale Spalten" [ref=e191]: - table [ref=e193]: - rowgroup [ref=e194]: - row "Some content Some content Some content" [ref=e195]: - cell "Some content" [ref=e196] - cell "Some content" [ref=e197] - cell "Some content" [ref=e198] - row "Some content Some content Some content" [ref=e199]: - cell "Some content" [ref=e200] - cell "Some content" [ref=e201] - cell "Some content" [ref=e202] - row "Some content Some content Some content" [ref=e203]: - cell "Some content" [ref=e204] - cell "Some content" [ref=e205] - cell "Some content" [ref=e206] - generic [ref=e207]: Normale Spalten - 'figure "Header: erste Reihe" [ref=e208]': - table [ref=e210]: - rowgroup [ref=e211]: - row "Head One Head Two Head Three" [ref=e212]: - columnheader "Head One" [ref=e213] - columnheader "Head Two" [ref=e214] - columnheader "Head Three" [ref=e215] - rowgroup [ref=e216]: - row "Some content Some content Some content" [ref=e217]: - cell "Some content" [ref=e218] - cell "Some content" [ref=e219] - cell "Some content" [ref=e220] - row "Some content Some content Some content" [ref=e221]: - cell "Some content" [ref=e222] - cell "Some content" [ref=e223] - cell "Some content" [ref=e224] - generic [ref=e225]: "Header: erste Reihe" - 'figure "Header: erste Spalte" [ref=e226]': - table [ref=e228]: - rowgroup [ref=e229]: - row "Head One Some content Some content" [ref=e230]: - rowheader "Head One" [ref=e231] - cell "Some content" [ref=e232] - cell "Some content" [ref=e233] - row "Head Two Some content Some content" [ref=e234]: - rowheader "Head Two" [ref=e235] - cell "Some content" [ref=e236] - cell "Some content" [ref=e237] - row "Head Three Some content Some content" [ref=e238]: - rowheader "Head Three" [ref=e239] - cell "Some content" [ref=e240] - cell "Some content" [ref=e241] - generic [ref=e242]: "Header: erste Spalte" - 'heading "Table-Styling: Striped" [level=3] [ref=e243]' - figure "Normale Spalten" [ref=e244]: - table [ref=e246]: - rowgroup [ref=e247]: - row "Some content Some content Some content" [ref=e248]: - cell "Some content" [ref=e249] - cell "Some content" [ref=e250] - cell "Some content" [ref=e251] - row "Some content Some content Some content" [ref=e252]: - cell "Some content" [ref=e253] - cell "Some content" [ref=e254] - cell "Some content" [ref=e255] - row "Some content Some content Some content" [ref=e256]: - cell "Some content" [ref=e257] - cell "Some content" [ref=e258] - cell "Some content" [ref=e259] - generic [ref=e260]: Normale Spalten - 'figure "Header: erste Reihe" [ref=e261]': - table [ref=e263]: - rowgroup [ref=e264]: - row "Head One Head Two Head Three" [ref=e265]: - columnheader "Head One" [ref=e266] - columnheader "Head Two" [ref=e267] - columnheader "Head Three" [ref=e268] - rowgroup [ref=e269]: - row "Some content Some content Some content" [ref=e270]: - cell "Some content" [ref=e271] - cell "Some content" [ref=e272] - cell "Some content" [ref=e273] - row "Some content Some content Some content" [ref=e274]: - cell "Some content" [ref=e275] - cell "Some content" [ref=e276] - cell "Some content" [ref=e277] - generic [ref=e278]: "Header: erste Reihe" - 'figure "Header: erste Spalte" [ref=e279]': - table [ref=e281]: - rowgroup [ref=e282]: - row "Head One Some content Some content" [ref=e283]: - rowheader "Head One" [ref=e284] - cell "Some content" [ref=e285] - cell "Some content" [ref=e286] - row "Head Two Some content Some content" [ref=e287]: - rowheader "Head Two" [ref=e288] - cell "Some content" [ref=e289] - cell "Some content" [ref=e290] - row "Head Three Some content Some content" [ref=e291]: - rowheader "Head Three" [ref=e292] - cell "Some content" [ref=e293] - cell "Some content" [ref=e294] - generic [ref=e295]: "Header: erste Spalte" - 'heading "Table-Styling: Condensed" [level=3] [ref=e296]' - figure "Normale Spalten" [ref=e297]: - table [ref=e299]: - rowgroup [ref=e300]: - row "Some content Some content Some content" [ref=e301]: - cell "Some content" [ref=e302] - cell "Some content" [ref=e303] - cell "Some content" [ref=e304] - row "Some content Some content Some content" [ref=e305]: - cell "Some content" [ref=e306] - cell "Some content" [ref=e307] - cell "Some content" [ref=e308] - row "Some content Some content Some content" [ref=e309]: - cell "Some content" [ref=e310] - cell "Some content" [ref=e311] - cell "Some content" [ref=e312] - generic [ref=e313]: Normale Spalten - 'figure "Header: erste Reihe" [ref=e314]': - table [ref=e316]: - rowgroup [ref=e317]: - row "Head One Head Two Head Three" [ref=e318]: - columnheader "Head One" [ref=e319] - columnheader "Head Two" [ref=e320] - columnheader "Head Three" [ref=e321] - rowgroup [ref=e322]: - row "Some content Some content Some content" [ref=e323]: - cell "Some content" [ref=e324] - cell "Some content" [ref=e325] - cell "Some content" [ref=e326] - row "Some content Some content Some content" [ref=e327]: - cell "Some content" [ref=e328] - cell "Some content" [ref=e329] - cell "Some content" [ref=e330] - generic [ref=e331]: "Header: erste Reihe" - 'figure "Header: erste Spalte" [ref=e332]': - table [ref=e334]: - rowgroup [ref=e335]: - row "Head One Some content Some content" [ref=e336]: - rowheader "Head One" [ref=e337] - cell "Some content" [ref=e338] - cell "Some content" [ref=e339] - row "Head Two Some content Some content" [ref=e340]: - rowheader "Head Two" [ref=e341] - cell "Some content" [ref=e342] - cell "Some content" [ref=e343] - row "Head Three Some content Some content" [ref=e344]: - rowheader "Head Three" [ref=e345] - cell "Some content" [ref=e346] - cell "Some content" [ref=e347] - generic [ref=e348]: "Header: erste Spalte" - 'heading "Table-Styling: Striped & Bordered" [level=3] [ref=e349]' - figure "Normale Spalten" [ref=e350]: - table [ref=e352]: - rowgroup [ref=e353]: - row "Some content Some content Some content" [ref=e354]: - cell "Some content" [ref=e355] - cell "Some content" [ref=e356] - cell "Some content" [ref=e357] - row "Some content Some content Some content" [ref=e358]: - cell "Some content" [ref=e359] - cell "Some content" [ref=e360] - cell "Some content" [ref=e361] - row "Some content Some content Some content" [ref=e362]: - cell "Some content" [ref=e363] - cell "Some content" [ref=e364] - cell "Some content" [ref=e365] - generic [ref=e366]: Normale Spalten - 'figure "Header: erste Reihe" [ref=e367]': - table [ref=e369]: - rowgroup [ref=e370]: - row "Head One Head Two Head Three" [ref=e371]: - columnheader "Head One" [ref=e372] - columnheader "Head Two" [ref=e373] - columnheader "Head Three" [ref=e374] - rowgroup [ref=e375]: - row "Some content Some content Some content" [ref=e376]: - cell "Some content" [ref=e377] - cell "Some content" [ref=e378] - cell "Some content" [ref=e379] - row "Some content Some content Some content" [ref=e380]: - cell "Some content" [ref=e381] - cell "Some content" [ref=e382] - cell "Some content" [ref=e383] - generic [ref=e384]: "Header: erste Reihe" - 'figure "Header: erste Spalte" [ref=e385]': - table [ref=e387]: - rowgroup [ref=e388]: - row "Head One Some content Some content" [ref=e389]: - rowheader "Head One" [ref=e390] - cell "Some content" [ref=e391] - cell "Some content" [ref=e392] - row "Head Two Some content Some content" [ref=e393]: - rowheader "Head Two" [ref=e394] - cell "Some content" [ref=e395] - cell "Some content" [ref=e396] - row "Head Three Some content Some content" [ref=e397]: - rowheader "Head Three" [ref=e398] - cell "Some content" [ref=e399] - cell "Some content" [ref=e400] - generic [ref=e401]: "Header: erste Spalte" - generic [ref=e403]: - heading "Buttons" [level=2] [ref=e405] - paragraph [ref=e406]: - link "Button (Primary)" [ref=e407] [cursor=pointer]: - /url: /richtext-editor/ - contentinfo [ref=e408]: - generic [ref=e411]: - navigation [ref=e412]: - list [ref=e413]: - listitem [ref=e414]: - button "Cookie-Einstellungen" [ref=e415] [cursor=pointer] - listitem [ref=e416]: - link "Datenschutzerklärung" [ref=e417] [cursor=pointer]: - /url: https://www.marketing-factory.de/datenschutzerklaerung/ - listitem [ref=e418]: - link "Impressum" [ref=e419] [cursor=pointer]: - /url: https://www.marketing-factory.de/impressum/ - generic [ref=e420]: - paragraph [ref=e421]: © Marketing Factory Digital GmbH - paragraph [ref=e422]: - text: Alternativtexte für Bilder sind teilweise - link "KI-generiert" [ref=e423] [cursor=pointer]: - /url: https://www.marketing-factory.de/technologie/typo3/unsere-typo3-extensions/ai-filemetadata/ ``` # Test source ```ts 1 | import { test, expect } from '@playwright/test'; 2 | import { setup, scrollToBottom, setDarkTheme, hideElements } from '../helpers/utils'; 3 | 4 | const PAGE_HEADER = ['.c-page-header']; 5 | const snap = (name: string) => ({ name: `${name}.png`, fullPage: true } as const); 6 | 7 | test.describe('other', () => { 8 | test('styling', async ({ page }) => { 9 | await setup(page, '/design-basiseigenschaften/'); 10 | await page.waitForTimeout(2000); 11 | await expect(page).toHaveScreenshot(snap('other-styling')); 12 | await setDarkTheme(page); 13 | await expect(page).toHaveScreenshot(snap('other-styling-dark')); 14 | }); 15 | 16 | test('rte', async ({ page }) => { 17 | await setup(page, '/richtext-editor/'); 18 | await expect(page).toHaveScreenshot(snap('other-rte')); 19 | await setDarkTheme(page); > 20 | await expect(page).toHaveScreenshot(snap('other-rte-dark')); | ^ Error: A snapshot doesn't exist at /Users/mfdrunner/builds/pDk_92X_S/0/mfc/corporate/typo3/playwright/visual/mfc-corporate-de.spec.ts-snapshots/other-rte-dark-de-tablet-l-darwin.png, writing actual. 21 | }); 22 | 23 | test('rte-syntax-highlighting', async ({ page }) => { 24 | await setup(page, '/richtext-editor/syntax-highlighting/'); 25 | await expect(page).toHaveScreenshot(snap('other-rte-syntax-highlighting')); 26 | }); 27 | }); 28 | 29 | test.describe('content', () => { 30 | test('accordion', async ({ page }) => { 31 | await setup(page, '/inhaltselemente/accordion/'); 32 | await hideElements(page, PAGE_HEADER); 33 | await scrollToBottom(page); 34 | await expect(page).toHaveScreenshot(snap('content-accordion')); 35 | }); 36 | 37 | test('keyvisual', async ({ page }) => { 38 | await setup(page, '/inhaltselemente/keyvisual/'); 39 | await expect(page).toHaveScreenshot(snap('content-keyvisual')); 40 | await setDarkTheme(page); 41 | await expect(page).toHaveScreenshot(snap('content-keyvisual-dark')); 42 | }); 43 | 44 | test('hero-image', async ({ page }) => { 45 | await setup(page, '/inhaltselemente/hero-image/'); 46 | await expect(page).toHaveScreenshot(snap('content-hero-image')); 47 | }); 48 | 49 | test('slider-slide2grid', async ({ page }) => { 50 | await setup(page, '/inhaltselemente/slider-slide2grid/'); 51 | await expect(page).toHaveScreenshot(snap('content-slider-slide2grid')); 52 | await setDarkTheme(page); 53 | await expect(page).toHaveScreenshot(snap('content-slider-slide2grid-dark')); 54 | }); 55 | 56 | test('comparison-module', async ({ page }) => { 57 | await setup(page, '/inhaltselemente/comparison-modul/'); 58 | await page.locator('.o-radio-switch__label[for=switchLeft]').click(); 59 | await page.waitForTimeout(2000); 60 | await expect(page).toHaveScreenshot(snap('content-comparison-module-left')); 61 | await page.locator('.o-radio-switch__label[for=switchRight]').click(); 62 | await page.waitForTimeout(2000); 63 | await expect(page).toHaveScreenshot(snap('content-comparison-module-right')); 64 | await setDarkTheme(page); 65 | await expect(page).toHaveScreenshot(snap('content-comparison-module-dark')); 66 | }); 67 | 68 | test('text-full-height-image', async ({ page }) => { 69 | await setup(page, '/inhaltselemente/text-full-height-image/'); 70 | await hideElements(page, PAGE_HEADER); 71 | await scrollToBottom(page); 72 | await expect(page).toHaveScreenshot(snap('content-text-full-height-image')); 73 | }); 74 | 75 | test('timeline', async ({ page }) => { 76 | await setup(page, '/inhaltselemente/timeline/'); 77 | await hideElements(page, PAGE_HEADER); 78 | await scrollToBottom(page); 79 | await expect(page).toHaveScreenshot(snap('content-timeline')); 80 | }); 81 | 82 | test('divider', async ({ page }) => { 83 | await setup(page, '/inhaltselemente/divider/'); 84 | await expect(page).toHaveScreenshot(snap('content-divider')); 85 | }); 86 | 87 | test('container', async ({ page }) => { 88 | await setup(page, '/inhaltselemente/container/'); 89 | await hideElements(page, PAGE_HEADER); 90 | await scrollToBottom(page); 91 | await expect(page).toHaveScreenshot(snap('content-container')); 92 | }); 93 | 94 | test('card-group', async ({ page }) => { 95 | await setup(page, '/inhaltselemente/card-group/'); 96 | await expect(page).toHaveScreenshot(snap('content-card-group')); 97 | }); 98 | 99 | test('quote', async ({ page }) => { 100 | await setup(page, '/inhaltselemente/quote/'); 101 | await expect(page).toHaveScreenshot(snap('content-quote')); 102 | }); 103 | 104 | test('text-icon', async ({ page }) => { 105 | await setup(page, '/inhaltselemente/text-icon/'); 106 | await expect(page).toHaveScreenshot(snap('content-text-icon')); 107 | await setDarkTheme(page); 108 | await expect(page).toHaveScreenshot(snap('content-text-icon-dark')); 109 | }); 110 | 111 | test('text-in-columns', async ({ page }) => { 112 | await setup(page, '/inhaltselemente/text-in-columns/'); 113 | await expect(page).toHaveScreenshot(snap('content-text-in-columns')); 114 | }); 115 | 116 | test('menu-sitemap', async ({ page }) => { 117 | await setup(page, '/inhaltselemente/menu-sitemap/'); 118 | await expect(page).toHaveScreenshot(snap('content-menu-sitemap')); 119 | }); 120 | ```