# 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 >> content >> menu-sitemap - Location: visual/mfc-corporate-de.spec.ts:110:9 # Error details ``` Error: expect(page).toHaveScreenshot(expected) failed Expected an image 328px by 2881px, received 328px by 2753px. Snapshot: content-menu-sitemap.png Call log: - Expect "toHaveScreenshot(content-menu-sitemap.png)" with timeout 15000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 328px by 2881px, received 328px by 2753px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 328px by 2881px, received 328px by 2753px. ``` # Page snapshot ```yaml - generic [ref=e2]: - link "Zum Inhalt springen" [ref=e3] [cursor=pointer]: - /url: "#page-content" - banner [ref=e4]: - generic [ref=e5]: - link "Marketing Factory Digital GmbH" [ref=e6] [cursor=pointer]: - /url: / - img "Marketing Factory Digital GmbH" [ref=e7] - link "Kontaktformular" [ref=e26] [cursor=pointer]: - /url: /formulare/kontaktformular/ - button "Navigation" [expanded] [ref=e27] [cursor=pointer] - navigation "Brotkrumen-Navigation" [ref=e29]: - generic [ref=e30]: - paragraph [ref=e31]: "Sie sind here:" - list [ref=e32]: - listitem [ref=e33]: - link "Startseite" [ref=e34] [cursor=pointer]: - /url: / - listitem [ref=e37]: - text: / - link "Inhaltselemente" [ref=e38] [cursor=pointer]: - /url: /inhaltselemente/ - listitem [ref=e40]: - text: / - generic [ref=e41]: "Menu: Sitemap" - main [ref=e42]: - generic [ref=e44]: - 'heading "Menu: Sitemap of selected pages" [level=2] [ref=e46]' - list [ref=e47]: - listitem [ref=e48]: - link "Basics" [ref=e49] [cursor=pointer]: - /url: /design-basiseigenschaften/ - listitem [ref=e50]: - link "Inhaltselemente" [ref=e51] [cursor=pointer]: - /url: /inhaltselemente/ - list [ref=e52]: - listitem [ref=e53]: - link "Accordion" [ref=e54] [cursor=pointer]: - /url: /inhaltselemente/accordion/ - listitem [ref=e55]: - link "FAQ" [ref=e56] [cursor=pointer]: - /url: /inhaltselemente/faq/ - listitem [ref=e57]: - link "Keyvisual" [ref=e58] [cursor=pointer]: - /url: /inhaltselemente/keyvisual/ - listitem [ref=e59]: - link "Hero-Image" [ref=e60] [cursor=pointer]: - /url: /inhaltselemente/hero-image/ - listitem [ref=e61]: - link "Slider (slide2grid)" [ref=e62] [cursor=pointer]: - /url: /inhaltselemente/slider-slide2grid/ - listitem [ref=e63]: - link "Comparison-Modul" [ref=e64] [cursor=pointer]: - /url: /inhaltselemente/comparison-modul/ - listitem [ref=e65]: - link "Text & Full-height image" [ref=e66] [cursor=pointer]: - /url: /inhaltselemente/text-full-height-image/ - listitem [ref=e67]: - link "Timeline" [ref=e68] [cursor=pointer]: - /url: /inhaltselemente/timeline/ - listitem [ref=e69]: - link "Divider" [ref=e70] [cursor=pointer]: - /url: /inhaltselemente/divider/ - listitem [ref=e71]: - link "Container" [ref=e72] [cursor=pointer]: - /url: /inhaltselemente/container/ - listitem [ref=e73]: - link "Card Group" [ref=e74] [cursor=pointer]: - /url: /inhaltselemente/card-group/ - listitem [ref=e75]: - link "Quote" [ref=e76] [cursor=pointer]: - /url: /inhaltselemente/quote/ - listitem [ref=e77]: - link "Textmedia" [ref=e78] [cursor=pointer]: - /url: /inhaltselemente/textmedia/ - list [ref=e79]: - listitem [ref=e80]: - 'link "Textmedia: Pixel-Bilder" [ref=e81] [cursor=pointer]': - /url: /inhaltselemente/textmedia/pixel-bilder/ - list [ref=e82]: - listitem [ref=e83]: - link "1 Bild, oben/unten zentriert" [ref=e84] [cursor=pointer]: - /url: /inhaltselemente/textmedia/pixel-bilder/1-bild-oben-unten-zentriert/ - listitem [ref=e85]: - link "1 Bild, neben Text zentriert" [ref=e86] [cursor=pointer]: - /url: /inhaltselemente/textmedia/pixel-bilder/1-bild-neben-text-zentriert/ - listitem [ref=e87]: - link "1 Bild, neben Text" [ref=e88] [cursor=pointer]: - /url: /inhaltselemente/textmedia/pixel-bilder/1-bild-neben-text/ - listitem [ref=e89]: - link "2 Bilder, oben/unten zentriert" [ref=e90] [cursor=pointer]: - /url: /inhaltselemente/textmedia/pixel-bilder/2-bilder-oben-unten-zentriert/ - listitem [ref=e91]: - link "2 Bilder, neben Text zentriert" [ref=e92] [cursor=pointer]: - /url: /inhaltselemente/textmedia/pixel-bilder/2-bilder-neben-text-zentriert/ - listitem [ref=e93]: - link "2 Bilder, neben Text" [ref=e94] [cursor=pointer]: - /url: /inhaltselemente/textmedia/pixel-bilder/2-bilder-neben-text/ - listitem [ref=e95]: - link "1 Bild, neben Text zentriert (33% Bildbreite)" [ref=e96] [cursor=pointer]: - /url: /inhaltselemente/textmedia/pixel-bilder/1-bild-neben-text-zentriert-33-bildbreite/ - listitem [ref=e97]: - link "1 Bild, neben Text (33% Bildbreite)" [ref=e98] [cursor=pointer]: - /url: /inhaltselemente/textmedia/pixel-bilder/1-bild-neben-text-33-bildbreite/ - listitem [ref=e99]: - 'link "Textmedia: SVG-Bilder" [ref=e100] [cursor=pointer]': - /url: /inhaltselemente/textmedia/svg-bilder/ - list [ref=e101]: - listitem [ref=e102]: - link "1 Bild, oben/unten zentriert" [ref=e103] [cursor=pointer]: - /url: /inhaltselemente/textmedia/svg-bilder/1-bild-oben-unten-zentriert/ - listitem [ref=e104]: - link "1 Bild, neben Text zentriert" [ref=e105] [cursor=pointer]: - /url: /inhaltselemente/textmedia/svg-bilder/1-bild-neben-text-zentriert/ - listitem [ref=e106]: - link "1 Bild, neben Text" [ref=e107] [cursor=pointer]: - /url: /inhaltselemente/textmedia/svg-bilder/1-bild-neben-text/ - listitem [ref=e108]: - link "2 Bilder, oben/unten zentriert" [ref=e109] [cursor=pointer]: - /url: /inhaltselemente/textmedia/svg-bilder/2-bilder-oben-unten-zentriert/ - listitem [ref=e110]: - link "2 Bilder, neben Text zentriert" [ref=e111] [cursor=pointer]: - /url: /inhaltselemente/textmedia/svg-bilder/2-bilder-neben-text-zentriert/ - listitem [ref=e112]: - link "2 Bilder, neben Text" [ref=e113] [cursor=pointer]: - /url: /inhaltselemente/textmedia/svg-bilder/2-bilder-neben-text/ - listitem [ref=e114]: - link "1 Bild, neben Text zentriert (33% Bildbreite)" [ref=e115] [cursor=pointer]: - /url: /inhaltselemente/textmedia/svg-bilder/1-bild-neben-text-zentriert-33-bildbreite/ - listitem [ref=e116]: - link "1 Bild, neben Text (33% Bildbreite)" [ref=e117] [cursor=pointer]: - /url: /inhaltselemente/textmedia/svg-bilder/1-bild-neben-text-33-bildbreite/ - listitem [ref=e118]: - link "Videos (YouTube/Vimeo)" [ref=e119] [cursor=pointer]: - /url: /inhaltselemente/textmedia/videos-extern/ - list [ref=e120]: - listitem [ref=e121]: - link "1 Video, oben/unten zentriert" [ref=e122] [cursor=pointer]: - /url: /inhaltselemente/textmedia/videos-extern/1-video-oben-unten-zentriert/ - listitem [ref=e123]: - link "1 Video, neben Text zentriert" [ref=e124] [cursor=pointer]: - /url: /inhaltselemente/textmedia/videos-extern/1-video-neben-text-zentriert/ - listitem [ref=e125]: - link "1 Video, neben Text" [ref=e126] [cursor=pointer]: - /url: /inhaltselemente/textmedia/videos-extern/1-video-neben-text/ - listitem [ref=e127]: - link "2 Videos, oben/unten zentriert" [ref=e128] [cursor=pointer]: - /url: /inhaltselemente/textmedia/videos-extern/2-videos-oben-unten-zentriert/ - listitem [ref=e129]: - link "2 Videos, neben Text zentriert" [ref=e130] [cursor=pointer]: - /url: /inhaltselemente/textmedia/videos-extern/2-videos-neben-text-zentriert/ - listitem [ref=e131]: - link "2 Videos, neben Text" [ref=e132] [cursor=pointer]: - /url: /inhaltselemente/textmedia/videos-extern/2-videos-neben-text/ - listitem [ref=e133]: - link "1 Video, neben Text zentriert (33% Bildbreite)" [ref=e134] [cursor=pointer]: - /url: /inhaltselemente/textmedia/videos-extern/1-video-neben-text-zentriert-33-bildbreite/ - listitem [ref=e135]: - link "1 Video, neben Text (33% Bildbreite)" [ref=e136] [cursor=pointer]: - /url: /inhaltselemente/textmedia/videos-extern/1-video-neben-text-33-bildbreite/ - listitem [ref=e137]: - link "Videos (lokal gehostet)" [ref=e138] [cursor=pointer]: - /url: /inhaltselemente/textmedia/videos-lokal-gehostet/ - list [ref=e139]: - listitem [ref=e140]: - link "1 Video, oben/unten zentriert" [ref=e141] [cursor=pointer]: - /url: /inhaltselemente/textmedia/videos-lokal-gehostet/1-video-oben-unten-zentriert/ - listitem [ref=e142]: - link "1 Video, neben Text zentriert" [ref=e143] [cursor=pointer]: - /url: /inhaltselemente/textmedia/videos-lokal-gehostet/1-video-neben-text-zentriert/ - listitem [ref=e144]: - link "1 Video, neben Text" [ref=e145] [cursor=pointer]: - /url: /inhaltselemente/textmedia/videos-lokal-gehostet/1-video-neben-text/ - listitem [ref=e146]: - link "2 Videos, oben/unten zentriert" [ref=e147] [cursor=pointer]: - /url: /inhaltselemente/textmedia/videos-lokal-gehostet/2-videos-oben-unten-zentriert/ - listitem [ref=e148]: - link "2 Videos, neben Text zentriert" [ref=e149] [cursor=pointer]: - /url: /inhaltselemente/textmedia/videos-lokal-gehostet/2-videos-neben-text-zentriert/ - listitem [ref=e150]: - link "2 Videos, neben Text" [ref=e151] [cursor=pointer]: - /url: /inhaltselemente/textmedia/videos-lokal-gehostet/2-videos-neben-text/ - listitem [ref=e152]: - link "1 Video, neben Text zentriert (33% Bildbreite)" [ref=e153] [cursor=pointer]: - /url: /inhaltselemente/textmedia/videos-lokal-gehostet/1-video-neben-text-zentriert-33-bildbreite/ - listitem [ref=e154]: - link "1 Video, neben Text (33% Bildbreite)" [ref=e155] [cursor=pointer]: - /url: /inhaltselemente/textmedia/videos-lokal-gehostet/1-video-neben-text-33-bildbreite/ - listitem [ref=e156]: - link "Text & Icon" [ref=e157] [cursor=pointer]: - /url: /inhaltselemente/text-icon/ - listitem [ref=e158]: - link "Text in Columns" [ref=e159] [cursor=pointer]: - /url: /inhaltselemente/text-in-columns/ - listitem [ref=e160]: - link "RTE" [ref=e161] [cursor=pointer]: - /url: /richtext-editor/ - list [ref=e162]: - listitem [ref=e163]: - link "Syntax Highlighting" [ref=e164] [cursor=pointer]: - /url: /richtext-editor/syntax-highlighting/ - listitem [ref=e165]: - link "Seitentypen" [ref=e166] [cursor=pointer]: - /url: /seitentypen/ - list [ref=e167]: - listitem [ref=e168]: - link "Suche" [ref=e169] [cursor=pointer]: - /url: /seitentypen/suche/ - listitem [ref=e170]: - 'link "Kunden: Listenansicht" [ref=e171] [cursor=pointer]': - /url: /seitentypen/kunden-listenansicht/ - listitem [ref=e172]: - link "Plugins" [ref=e173] [cursor=pointer]: - /url: /plugins/ - list [ref=e174]: - listitem [ref=e175]: - link "Projekt-Liste" [ref=e176] [cursor=pointer]: - /url: /plugins/projekt-liste/ - listitem [ref=e177]: - link "picturecredits" [ref=e178] [cursor=pointer]: - /url: /plugins/picturecredits/ - listitem [ref=e179]: - link "Blog" [ref=e180] [cursor=pointer]: - /url: /blog/ - listitem [ref=e181]: - link "Formulare" [ref=e182] [cursor=pointer]: - /url: /formulare/ - list [ref=e183]: - listitem [ref=e184]: - link "Kontaktformular" [ref=e185] [cursor=pointer]: - /url: /formulare/kontaktformular/ - listitem [ref=e186]: - link "Footer-Formular" [ref=e187] [cursor=pointer]: - /url: /formulare/footer-formular/ - listitem [ref=e188]: - link "Anfrage Kennenlerntermin" [ref=e189] [cursor=pointer]: - /url: /formulare/anfrage-kennenlerntermin/ - listitem [ref=e190]: - link "Bewerbung via Website" [ref=e191] [cursor=pointer]: - /url: /formulare/bewerbung-via-website/ - listitem [ref=e192]: - link "Bitte um Rückruf" [ref=e193] [cursor=pointer]: - /url: /formulare/bitte-um-rueckruf/ - listitem [ref=e194]: - link "Projektanfrage" [ref=e195] [cursor=pointer]: - /url: /formulare/projektanfrage/ - listitem [ref=e196]: - link "Workshop-Anfrage" [ref=e197] [cursor=pointer]: - /url: /formulare/workshop-anfrage/ - contentinfo [ref=e198]: - generic [ref=e200]: - navigation [ref=e201]: - list [ref=e202]: - listitem [ref=e203]: - button "Cookie-Einstellungen" [ref=e204] [cursor=pointer] - listitem [ref=e205]: - link "Datenschutzerklärung" [ref=e206] [cursor=pointer]: - /url: https://www.marketing-factory.de.renovate-develop-frontend-runtime-dependencies.review.mfc.gmbh/datenschutzerklaerung/ - listitem [ref=e207]: - link "Impressum" [ref=e208] [cursor=pointer]: - /url: https://www.marketing-factory.de.renovate-develop-frontend-runtime-dependencies.review.mfc.gmbh/impressum/ - generic [ref=e209]: - paragraph [ref=e210]: © Marketing Factory Digital GmbH - paragraph [ref=e211]: - text: Alternativtexte für Bilder sind teilweise - link "KI-generiert" [ref=e212] [cursor=pointer]: - /url: https://www.marketing-factory.de.renovate-develop-frontend-runtime-dependencies.review.mfc.gmbh/technologie/typo3/unsere-typo3-extensions/ai-filemetadata/ ``` # Test source ```ts 12 | await page.waitForTimeout(2000); 13 | await expect(page).toHaveScreenshot(snap('other-styling')); 14 | await setDarkTheme(page); 15 | await expect(page).toHaveScreenshot(snap('other-styling-dark')); 16 | }); 17 | 18 | test('rte', async ({ page }) => { 19 | await setup(page, '/richtext-editor/'); 20 | await expect(page).toHaveScreenshot(snap('other-rte')); 21 | await setDarkTheme(page); 22 | await expect(page).toHaveScreenshot(snap('other-rte-dark')); 23 | }); 24 | 25 | test('rte-syntax-highlighting', async ({ page }) => { 26 | await setup(page, '/richtext-editor/syntax-highlighting/'); 27 | await expect(page).toHaveScreenshot(snap('other-rte-syntax-highlighting')); 28 | }); 29 | }); 30 | 31 | test.describe('content', () => { 32 | test('accordion', async ({ page }) => { 33 | await setup(page, '/inhaltselemente/accordion/'); 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 expect(page).toHaveScreenshot(snap('content-text-full-height-image')); 71 | }); 72 | 73 | test('timeline', async ({ page }) => { 74 | await setup(page, '/inhaltselemente/timeline/'); 75 | await expect(page).toHaveScreenshot(snap('content-timeline')); 76 | }); 77 | 78 | test('divider', async ({ page }) => { 79 | await setup(page, '/inhaltselemente/divider/'); 80 | await expect(page).toHaveScreenshot(snap('content-divider')); 81 | }); 82 | 83 | test('container', async ({ page }) => { 84 | await setup(page, '/inhaltselemente/container/'); 85 | await expect(page).toHaveScreenshot(snap('content-container')); 86 | }); 87 | 88 | test('card-group', async ({ page }) => { 89 | await setup(page, '/inhaltselemente/card-group/'); 90 | await expect(page).toHaveScreenshot(snap('content-card-group')); 91 | }); 92 | 93 | test('quote', async ({ page }) => { 94 | await setup(page, '/inhaltselemente/quote/'); 95 | await expect(page).toHaveScreenshot(snap('content-quote')); 96 | }); 97 | 98 | test('text-icon', async ({ page }) => { 99 | await setup(page, '/inhaltselemente/text-icon/'); 100 | await expect(page).toHaveScreenshot(snap('content-text-icon')); 101 | await setDarkTheme(page); 102 | await expect(page).toHaveScreenshot(snap('content-text-icon-dark')); 103 | }); 104 | 105 | test('text-in-columns', async ({ page }) => { 106 | await setup(page, '/inhaltselemente/text-in-columns/'); 107 | await expect(page).toHaveScreenshot(snap('content-text-in-columns')); 108 | }); 109 | 110 | test('menu-sitemap', async ({ page }) => { 111 | await setup(page, '/inhaltselemente/menu-sitemap/'); > 112 | await expect(page).toHaveScreenshot(snap('content-menu-sitemap')); | ^ Error: expect(page).toHaveScreenshot(expected) failed 113 | }); 114 | 115 | test('menu-section', async ({ page }) => { 116 | await setup(page, '/inhaltselemente/menu-section/'); 117 | await expect(page).toHaveScreenshot(snap('content-menu-section')); 118 | }); 119 | 120 | test('menu-pages', async ({ page }) => { 121 | await setup(page, '/inhaltselemente/menu-pages/'); 122 | await expect(page).toHaveScreenshot(snap('content-menu-pages')); 123 | }); 124 | 125 | test('space-before-after', async ({ page }) => { 126 | await setup(page, '/inhaltselemente/space-before-after/'); 127 | await expect(page).toHaveScreenshot(snap('content-space-before-after')); 128 | }); 129 | }); 130 | 131 | test.describe('content › textmedia › pixel-images', () => { 132 | test('1-image-top-bottom-centered', async ({ page }) => { 133 | await setup(page, '/inhaltselemente/textmedia/pixel-bilder/1-bild-oben-unten-zentriert/'); 134 | await expect(page).toHaveScreenshot(snap('content-textmedia-pixel-1-image-top-bottom-centered')); 135 | }); 136 | 137 | test('1-image-beside-text-centered', async ({ page }) => { 138 | await setup(page, '/inhaltselemente/textmedia/pixel-bilder/1-bild-neben-text-zentriert/'); 139 | await expect(page).toHaveScreenshot(snap('content-textmedia-pixel-1-image-beside-text-centered')); 140 | }); 141 | 142 | test('1-image-beside-text', async ({ page }) => { 143 | await setup(page, '/inhaltselemente/textmedia/pixel-bilder/1-bild-neben-text/'); 144 | await expect(page).toHaveScreenshot(snap('content-textmedia-pixel-1-image-beside-text')); 145 | }); 146 | 147 | test('2-images-top-bottom-centered', async ({ page }) => { 148 | await setup(page, '/inhaltselemente/textmedia/pixel-bilder/2-bilder-oben-unten-zentriert/'); 149 | await expect(page).toHaveScreenshot(snap('content-textmedia-pixel-2-images-top-bottom-centered')); 150 | }); 151 | 152 | test('2-images-beside-text-centered', async ({ page }) => { 153 | await setup(page, '/inhaltselemente/textmedia/pixel-bilder/2-bilder-neben-text-zentriert/'); 154 | await expect(page).toHaveScreenshot(snap('content-textmedia-pixel-2-images-beside-text-centered')); 155 | }); 156 | 157 | test('2-images-beside-text', async ({ page }) => { 158 | await setup(page, '/inhaltselemente/textmedia/pixel-bilder/2-bilder-neben-text/'); 159 | await expect(page).toHaveScreenshot(snap('content-textmedia-pixel-2-images-beside-text')); 160 | }); 161 | 162 | test('1-image-beside-text-centered-33-percent', async ({ page }) => { 163 | await setup(page, '/inhaltselemente/textmedia/pixel-bilder/1-bild-neben-text-zentriert-33-bildbreite/'); 164 | await expect(page).toHaveScreenshot(snap('content-textmedia-pixel-1-image-beside-text-centered-33-percent')); 165 | }); 166 | 167 | test('1-image-beside-text-33-percent', async ({ page }) => { 168 | await setup(page, '/inhaltselemente/textmedia/pixel-bilder/1-bild-neben-text-33-bildbreite/'); 169 | await expect(page).toHaveScreenshot(snap('content-textmedia-pixel-1-image-beside-text-33-percent')); 170 | }); 171 | }); 172 | 173 | test.describe('content › textmedia › svg-images', () => { 174 | test('1-image-top-bottom-centered', async ({ page }) => { 175 | await setup(page, '/inhaltselemente/textmedia/svg-bilder/1-bild-oben-unten-zentriert/'); 176 | await expect(page).toHaveScreenshot(snap('content-textmedia-svg-1-image-top-bottom-centered')); 177 | }); 178 | 179 | test('1-image-beside-text-centered', async ({ page }) => { 180 | await setup(page, '/inhaltselemente/textmedia/svg-bilder/1-bild-neben-text-zentriert/'); 181 | await expect(page).toHaveScreenshot(snap('content-textmedia-svg-1-image-beside-text-centered')); 182 | }); 183 | 184 | test('1-image-beside-text', async ({ page }) => { 185 | await setup(page, '/inhaltselemente/textmedia/svg-bilder/1-bild-neben-text/'); 186 | await expect(page).toHaveScreenshot(snap('content-textmedia-svg-1-image-beside-text')); 187 | await setDarkTheme(page); 188 | await expect(page).toHaveScreenshot(snap('content-textmedia-svg-1-image-beside-text-dark')); 189 | }); 190 | 191 | test('2-images-top-bottom-centered', async ({ page }) => { 192 | await setup(page, '/inhaltselemente/textmedia/svg-bilder/2-bilder-oben-unten-zentriert/'); 193 | await expect(page).toHaveScreenshot(snap('content-textmedia-svg-2-images-top-bottom-centered')); 194 | }); 195 | 196 | test('2-images-beside-text-centered', async ({ page }) => { 197 | await setup(page, '/inhaltselemente/textmedia/svg-bilder/2-bilder-neben-text-zentriert/'); 198 | await expect(page).toHaveScreenshot(snap('content-textmedia-svg-2-images-beside-text-centered')); 199 | }); 200 | 201 | test('2-images-beside-text', async ({ page }) => { 202 | await setup(page, '/inhaltselemente/textmedia/svg-bilder/2-bilder-neben-text/'); 203 | await expect(page).toHaveScreenshot(snap('content-textmedia-svg-2-images-beside-text')); 204 | }); 205 | 206 | test('1-image-beside-text-centered-33-percent', async ({ page }) => { 207 | await setup(page, '/inhaltselemente/textmedia/svg-bilder/1-bild-neben-text-zentriert-33-bildbreite/'); 208 | await expect(page).toHaveScreenshot(snap('content-textmedia-svg-1-image-beside-text-centered-33-percent')); 209 | }); 210 | 211 | test('1-image-beside-text-33-percent', async ({ page }) => { 212 | await setup(page, '/inhaltselemente/textmedia/svg-bilder/1-bild-neben-text-33-bildbreite/'); ```