# 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 >> plugins >> project-list - Location: visual/mfc-corporate-de.spec.ts:373:9 # Error details ``` Error: expect(page).toHaveScreenshot(expected) failed 10818 pixels (ratio 0.01 of all image pixels) are different. Snapshot: plugin-project-list.png Call log: - Expect "toHaveScreenshot(plugin-project-list.png)" with timeout 15000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 10818 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 10818 pixels (ratio 0.01 of all image pixels) are different. ``` # 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 - listitem [ref=e35]: - link "Einblendmenü umschalten mit Leertaste" [ref=e36] [cursor=pointer]: - /url: /seitentypen/ - text: Seitentypen - listitem [ref=e37]: - link "Einblendmenü umschalten mit Leertaste" [ref=e38] [cursor=pointer]: - /url: /plugins/ - text: Plugins - listitem [ref=e39]: - link "Blog" [ref=e40] [cursor=pointer]: - /url: /blog/ - listitem [ref=e41]: - link "Einblendmenü umschalten mit Leertaste" [ref=e42] [cursor=pointer]: - /url: /formulare/ - text: Formulare - generic [ref=e44]: - button "Suche einblenden" [ref=e46] [cursor=pointer]: - img [ref=e48] - button "Farbschema wechseln" [ref=e50] [cursor=pointer]: - img [ref=e51] - list "Sprache der Website" [ref=e53]: - listitem [ref=e54]: - link "Deutsch" [ref=e55] [cursor=pointer]: - /url: /plugins/projekt-liste/ - text: De - listitem [ref=e56]: - link "English" [ref=e57] [cursor=pointer]: - /url: https://www.marketing-factory.com.styleguide.mfc.gmbh/plugins/project-list/ - text: En - navigation "Brotkrumen-Navigation" [ref=e58]: - generic [ref=e59]: - paragraph [ref=e60]: "Sie sind here:" - list [ref=e61]: - listitem [ref=e62]: - link "Startseite" [ref=e63] [cursor=pointer]: - /url: / - img [ref=e64] - listitem [ref=e66]: - text: / - link "Plugins" [ref=e67] [cursor=pointer]: - /url: /plugins/ - generic [ref=e68]: Plugins - listitem [ref=e69]: - text: / - generic [ref=e70]: Projekt-Liste - main [ref=e71]: - generic [ref=e74]: - generic [ref=e76]: - paragraph [ref=e77]: Filter - generic [ref=e79]: - generic [ref=e80]: - generic [ref=e82]: - generic [ref=e83]: Kunde - combobox "Kunde" [ref=e84]: - option "Bitte auswählen …" [selected] - option "Hörmann (SG)" - option "KALDEWEI (SG)" - option "OBERMEYER (SG)" - option "pfm medical (SG)" - generic [ref=e86]: - generic [ref=e87]: Art des Projekts - combobox "Art des Projekts" [ref=e88]: - option "Bitte auswählen …" [selected] - option "E-Commerce" - option "Hosting" - option "Individualentwicklung" - option "Launch" - option "Relaunch" - option "Seamless Integration" - option "SEO" - option "Upgrade" - generic [ref=e89]: - generic [ref=e91]: - generic [ref=e92]: Technischer Fokus - combobox "Technischer Fokus" [ref=e93]: - option "Bitte auswählen …" [selected] - option "Analytics" - option "Digital Asset Management" - option "Multilingual" - option "Multisite" - option "PIM" - option "Schnittstellen" - option "Shopware" - option "Solr" - option "TYPO3" - generic [ref=e96]: - generic [ref=e97]: - generic [ref=e98]: Zeitraum von - combobox "Zeitraum von" [ref=e99]: - option "2026" - option "2025" - option "2024" - option "2023" - option "2022" - option "2021" - option "2020" - option "2019" - option "2018" - option "2017" - option "2016" - option "2015" - option "2014" - option "2013" - option "2012" - option "2011" - option "2010" - option "2009" - option "2008" - option "2007" - option "2006" - option "2005" - option "2004" - option "2003" - option "2002" [selected] - generic [ref=e100]: - generic [ref=e101]: bis - combobox "bis" [ref=e102]: - option "2026" [selected] - option "2025" - option "2024" - option "2023" - option "2022" - option "2021" - option "2020" - option "2019" - option "2018" - option "2017" - option "2016" - option "2015" - option "2014" - option "2013" - option "2012" - option "2011" - option "2010" - option "2009" - option "2008" - option "2007" - option "2006" - option "2005" - option "2004" - option "2003" - option "2002" - button "Alle Filter zurücksetzen" [ref=e104] [cursor=pointer] - generic [ref=e107]: - generic [ref=e109]: - img "Integration der englischen Sprachversion mit dem L10N Manager (SG)" [ref=e111] - generic [ref=e112]: - paragraph [ref=e113]: OBERMEYER (SG) - paragraph [ref=e114]: - link "Integration der englischen Sprachversion mit dem L10N Manager (SG)" [ref=e115] [cursor=pointer]: - /url: /seitentypen/kunden-listenansicht/obermeyer-sg/integration-der-englischen-sprachversion-mit-dem-l10n-manager-sg/ - paragraph [ref=e117]: Nach dem erfolgreichen Relaunch der übergreifenden Corporate Website der OBERMEYER Group im Sommer 2021 stand die Integration der internationalen, englischen Sprachversion im Vordergrund. - generic [ref=e118]: Projektdetails - generic [ref=e120]: - img "Launch der Website und Kampagne von Patient Awareness (SG)" [ref=e122] - generic [ref=e123]: - paragraph [ref=e124]: pfm medical (SG) - paragraph [ref=e125]: - link "Launch der Website und Kampagne von Patient Awareness (SG)" [ref=e126] [cursor=pointer]: - /url: /seitentypen/kunden-listenansicht/pfm-medical-sg/launch-der-website-und-kampagne-von-patient-awareness-sg/ - paragraph [ref=e128]: Das Projekt Patient Awareness umfasst eine unabhängige Website mit eigenem Look&Feel. Thema der Website ist eine Aufklärungskampagne zur Brustkrebsvorsorge und -behandlung. Die Kampagne konzentriert sich zunächst auf die geographischen Räume Lateinamerika und Asien. - generic [ref=e129]: Projektdetails - generic [ref=e131]: - img "Launch der neuen Corporate Site der Unternehmensgruppe OBERMEYER (SG)" [ref=e133] - generic [ref=e134]: - paragraph [ref=e135]: OBERMEYER (SG) - paragraph [ref=e136]: - link "Launch der neuen Corporate Site der Unternehmensgruppe OBERMEYER (SG)" [ref=e137] [cursor=pointer]: - /url: /seitentypen/kunden-listenansicht/obermeyer-sg/launch-der-neuen-corporate-site-der-unternehmensgruppe-obermeyer-sg/ - paragraph [ref=e139]: Im Rahmen des Projektes "One Obermeyer Launch" galt es, die OBERMEYER Group zu digitalisieren und eine übergreifende Corporate Website im brandneuen Design für alle Geschäftsbereiche zu entwickeln. - generic [ref=e140]: Projektdetails - generic [ref=e142]: - img "Website Facelift (SG)" [ref=e144] - generic [ref=e145]: - paragraph [ref=e146]: KALDEWEI (SG) - paragraph [ref=e147]: - link "Website Facelift (SG)" [ref=e148] [cursor=pointer]: - /url: /seitentypen/kunden-listenansicht/kaldewei-sg/website-facelift-sg/ - paragraph [ref=e150]: Im Jahr 2020 haben sich in der Markenkommunikation von KALDEWEI einige Änderungen ergeben, die naturgemäß auch Auswirkungen auf die Corporate Website hatten, die wir seit dem Jahr 2014 betreuen und entwickeln dürfen. Ziel war es, die Website an das veränderte Corporate Design anzupassen. Gleichzeitig sollte die Navigation intuitiver gestaltet und Informationen im jeweils passenden Kontext schneller zugänglich gemacht werden. - generic [ref=e151]: Projektdetails - generic [ref=e153]: - img "Upgrade der Corporate Websites & PIM-Anbindung (SG)" [ref=e155] - generic [ref=e156]: - paragraph [ref=e157]: pfm medical (SG) - paragraph [ref=e158]: - link "Upgrade der Corporate Websites & PIM-Anbindung (SG)" [ref=e159] [cursor=pointer]: - /url: /seitentypen/kunden-listenansicht/pfm-medical-sg/upgrade-der-corporate-websites-pim-anbindung-sg/ - paragraph [ref=e161]: Die aktuelle TYPO3-Installation hat im Jahr 2020 ein technisches Upgrade auf Version 10 erhalten. In diesem Zusammenhang wurde das Projekt genutzt, um zeitgleich auch den Produktkatalog von pfm medical über eine PIM-Schnittstelle zu integrieren. - generic [ref=e162]: Projektdetails - generic [ref=e164]: - img "Integration SAP Customer Data Cloud in Hörmann Händlerforen (SG)" [ref=e166] - generic [ref=e167]: - paragraph [ref=e168]: Hörmann (SG) - paragraph [ref=e169]: - link "Integration SAP Customer Data Cloud in Hörmann Händlerforen (SG)" [ref=e170] [cursor=pointer]: - /url: /seitentypen/kunden-listenansicht/hoermann-sg/integration-sap-customer-data-cloud-in-hoermann-haendlerforen-sg/ - paragraph [ref=e172]: Marketing Factory erstellt und betreut seit 2002 die Hörmann Händlerforen (Extranets). Beginnend im Jahr 2020 stellt Marketing Factory das Anmeldeverfahren für die Händlerforen sukzessive auf das Produkt "Customer Data Cloud" des Anbieters SAP um. - generic [ref=e173]: Projektdetails - generic [ref=e175]: - img "Anbindung Hybris PIM an TYPO3 CMS (SG)" [ref=e177] - generic [ref=e178]: - paragraph [ref=e179]: KALDEWEI (SG) - paragraph [ref=e180]: - link "Anbindung Hybris PIM an TYPO3 CMS (SG)" [ref=e181] [cursor=pointer]: - /url: /seitentypen/kunden-listenansicht/kaldewei-sg/anbindung-hybris-pim-an-typo3-cms-sg/ - paragraph [ref=e183]: Um die redaktionelle Arbeit effizienter zu gestalten, wurden wir damit beauftragt, das TYPO3 CMS an ein Hybris PIM anzubinden, das als Single Source of Truth die informationelle Hoheit über das weltweite Sortiment hat. Das Ziel sind kanalübergreifend einheitliche Produktdaten, ein reduzierter Pflegeaufwand bei geringen Fehlerquoten im CMS, eine schnelle Aktualisierung in allen Sprachen sowie eine konsistente Sortimentsdarstellung. - generic [ref=e184]: Projektdetails - generic [ref=e186]: - img "Website-Relaunch (SG)" [ref=e188] - generic [ref=e189]: - paragraph [ref=e190]: KALDEWEI (SG) - paragraph [ref=e191]: - link "Website-Relaunch (SG)" [ref=e192] [cursor=pointer]: - /url: /seitentypen/kunden-listenansicht/kaldewei-sg/website-relaunch-sg/ - paragraph [ref=e194]: Im Jahr 2016 wurde Marketing Factory mit dem Relaunch der internationalen Corporate Website der Firma KALDEWEI beauftragt. Das Ziel war zum einem, die Anwendung auf ein modernes technisches Fundament zu stellen, um weiter zukunftsfähig und sicher entwickeln zu können. Zum anderen sollte die Nutzerführung optimiert und ein neues Brand Design implementiert werden. Darüber hinaus wurden neue inhaltliche Features entwickelt, um den Kunden zusätzliche Beratungsleistungen im Web anbieten zu können. - generic [ref=e195]: Projektdetails - generic [ref=e197]: - generic [ref=e198]: - paragraph [ref=e199]: KALDEWEI (SG) - paragraph [ref=e200]: - link "Microsite Neuheiten 2015 (SG)" [ref=e201] [cursor=pointer]: - /url: /seitentypen/kunden-listenansicht/kaldewei-sg/microsite-neuheiten-2015-sg/ - generic [ref=e202]: Projektdetails - generic [ref=e204]: - img "Betrieb und Weiterentwicklung der Hörmann Händlerforen (SG)" [ref=e206] - generic [ref=e207]: - paragraph [ref=e208]: Hörmann (SG) - paragraph [ref=e209]: - link "Betrieb und Weiterentwicklung der Hörmann Händlerforen (SG)" [ref=e210] [cursor=pointer]: - /url: /seitentypen/kunden-listenansicht/hoermann-sg/betrieb-und-weiterentwicklung-der-hoermann-haendlerforen-sg/ - paragraph [ref=e212]: Marketing Factory betreut und entwickelt die Hörmann Händlerforen – geschlossene Extranets für Hörmann Händler und Handwerker – bereits seit 2002 stetig weiter. - generic [ref=e213]: Projektdetails - contentinfo [ref=e214]: - generic [ref=e217]: - navigation [ref=e218]: - list [ref=e219]: - listitem [ref=e220]: - button "Cookie-Einstellungen" [ref=e221] [cursor=pointer] - listitem [ref=e222]: - link "Datenschutzerklärung" [ref=e223] [cursor=pointer]: - /url: https://www.marketing-factory.de/datenschutzerklaerung/ - listitem [ref=e224]: - link "Impressum" [ref=e225] [cursor=pointer]: - /url: https://www.marketing-factory.de/impressum/ - generic [ref=e226]: - paragraph [ref=e227]: © Marketing Factory Digital GmbH - paragraph [ref=e228]: - text: Alternativtexte für Bilder sind teilweise - link "KI-generiert" [ref=e229] [cursor=pointer]: - /url: https://www.marketing-factory.de/technologie/typo3/unsere-typo3-extensions/ai-filemetadata/ ``` # Test source ```ts 275 | test('2-videos-beside-text', async ({ page }) => { 276 | await setup(page, '/inhaltselemente/textmedia/videos-extern/2-videos-neben-text/'); 277 | await hideElements(page, PAGE_HEADER); 278 | await scrollToBottom(page); 279 | await expect(page).toHaveScreenshot(snap('content-textmedia-extern-2-videos-beside-text')); 280 | }); 281 | 282 | test('1-video-beside-text-centered-33-percent', async ({ page }) => { 283 | await setup(page, '/inhaltselemente/textmedia/videos-extern/1-video-neben-text-zentriert-33-bildbreite/'); 284 | await hideElements(page, PAGE_HEADER); 285 | await scrollToBottom(page); 286 | await expect(page).toHaveScreenshot(snap('content-textmedia-extern-1-video-beside-text-centered-33-percent')); 287 | }); 288 | 289 | test('1-video-beside-text-33-percent', async ({ page }) => { 290 | await setup(page, '/inhaltselemente/textmedia/videos-extern/1-video-neben-text-33-bildbreite/'); 291 | await hideElements(page, PAGE_HEADER); 292 | await scrollToBottom(page); 293 | await expect(page).toHaveScreenshot(snap('content-textmedia-extern-1-video-beside-text-33-percent')); 294 | }); 295 | }); 296 | 297 | test.describe('content › textmedia › local-videos', () => { 298 | test('1-video-top-bottom-centered', async ({ page }) => { 299 | await setup(page, '/inhaltselemente/textmedia/videos-lokal-gehostet/1-video-oben-unten-zentriert/'); 300 | await hideElements(page, PAGE_HEADER); 301 | await scrollToBottom(page); 302 | await expect(page).toHaveScreenshot(snap('content-textmedia-local-1-video-top-bottom-centered')); 303 | }); 304 | 305 | test('1-video-beside-text-centered', async ({ page }) => { 306 | await setup(page, '/inhaltselemente/textmedia/videos-lokal-gehostet/1-video-neben-text-zentriert/'); 307 | await hideElements(page, PAGE_HEADER); 308 | await scrollToBottom(page); 309 | await expect(page).toHaveScreenshot(snap('content-textmedia-local-1-video-beside-text-centered')); 310 | }); 311 | 312 | test('1-video-beside-text', async ({ page }) => { 313 | await setup(page, '/inhaltselemente/textmedia/videos-lokal-gehostet/1-video-neben-text/'); 314 | await hideElements(page, PAGE_HEADER); 315 | await scrollToBottom(page); 316 | await expect(page).toHaveScreenshot(snap('content-textmedia-local-1-video-beside-text')); 317 | }); 318 | 319 | test('2-videos-top-bottom-centered', async ({ page }) => { 320 | await setup(page, '/inhaltselemente/textmedia/videos-lokal-gehostet/2-videos-oben-unten-zentriert/'); 321 | await hideElements(page, PAGE_HEADER); 322 | await scrollToBottom(page); 323 | await expect(page).toHaveScreenshot(snap('content-textmedia-local-2-videos-top-bottom-centered')); 324 | }); 325 | 326 | test('2-videos-beside-text-centered', async ({ page }) => { 327 | await setup(page, '/inhaltselemente/textmedia/videos-lokal-gehostet/2-videos-neben-text-zentriert/'); 328 | await hideElements(page, PAGE_HEADER); 329 | await scrollToBottom(page); 330 | await expect(page).toHaveScreenshot(snap('content-textmedia-local-2-videos-beside-text-centered')); 331 | }); 332 | 333 | test('2-videos-beside-text', async ({ page }) => { 334 | await setup(page, '/inhaltselemente/textmedia/videos-lokal-gehostet/2-videos-neben-text/'); 335 | await hideElements(page, PAGE_HEADER); 336 | await scrollToBottom(page); 337 | await expect(page).toHaveScreenshot(snap('content-textmedia-local-2-videos-beside-text')); 338 | }); 339 | 340 | test('1-video-beside-text-centered-33-percent', async ({ page }) => { 341 | await setup(page, '/inhaltselemente/textmedia/videos-lokal-gehostet/1-video-neben-text-zentriert-33-bildbreite/'); 342 | await hideElements(page, PAGE_HEADER); 343 | await scrollToBottom(page); 344 | await expect(page).toHaveScreenshot(snap('content-textmedia-local-1-video-beside-text-centered-33-percent')); 345 | }); 346 | 347 | test('1-video-beside-text-33-percent', async ({ page }) => { 348 | await setup(page, '/inhaltselemente/textmedia/videos-lokal-gehostet/1-video-neben-text-33-bildbreite/'); 349 | await hideElements(page, PAGE_HEADER); 350 | await scrollToBottom(page); 351 | await expect(page).toHaveScreenshot(snap('content-textmedia-local-1-video-beside-text-33-percent')); 352 | }); 353 | }); 354 | 355 | test.describe('page-types', () => { 356 | test('search', async ({ page }) => { 357 | await setup(page, '/seitentypen/suche/?tx_solr%5Bq%5D=obermeyer'); 358 | await expect(page).toHaveScreenshot(snap('page-type-search')); 359 | }); 360 | 361 | test('client-list', async ({ page }) => { 362 | await setup(page, '/seitentypen/kunden-listenansicht/'); 363 | await expect(page).toHaveScreenshot(snap('page-type-client-list')); 364 | }); 365 | 366 | test('client-pfm', async ({ page }) => { 367 | await setup(page, '/seitentypen/kunden-listenansicht/pfm-medical-sg/'); 368 | await expect(page).toHaveScreenshot(snap('page-type-client-pfm')); 369 | }); 370 | }); 371 | 372 | test.describe('plugins', () => { 373 | test('project-list', async ({ page }) => { 374 | await setup(page, '/plugins/projekt-liste/'); > 375 | await expect(page).toHaveScreenshot(snap('plugin-project-list')); | ^ Error: expect(page).toHaveScreenshot(expected) failed 376 | }); 377 | 378 | test('project-obermeyer-corporate', async ({ page }) => { 379 | await setup(page, '/seitentypen/kunden-listenansicht/obermeyer-sg/launch-der-neuen-corporate-site-der-unternehmensgruppe-obermeyer-sg/'); 380 | await hideElements(page, PAGE_HEADER); 381 | await scrollToBottom(page); 382 | await expect(page).toHaveScreenshot(snap('plugin-project-obermeyer-corporate')); 383 | }); 384 | 385 | test('picturecredits', async ({ page }) => { 386 | await setup(page, '/plugins/picturecredits/'); 387 | await expect(page).toHaveScreenshot(snap('plugin-picturecredits')); 388 | }); 389 | }); 390 | 391 | test.describe('blog', () => { 392 | test('overview', async ({ page }) => { 393 | await setup(page, '/blog/'); 394 | await hideElements(page, PAGE_HEADER); 395 | await scrollToBottom(page); 396 | await expect(page).toHaveScreenshot(snap('blog-overview')); 397 | await setDarkTheme(page); 398 | await expect(page).toHaveScreenshot(snap('blog-overview-dark')); 399 | }); 400 | 401 | test('list-authors', async ({ page }) => { 402 | await setup(page, '/blog/autoren/'); 403 | await expect(page).toHaveScreenshot(snap('blog-list-authors')); 404 | }); 405 | 406 | test('author', async ({ page }) => { 407 | await setup(page, '/blog/autoren/max-powers/'); 408 | await expect(page).toHaveScreenshot(snap('blog-author')); 409 | }); 410 | 411 | test('list-categories', async ({ page }) => { 412 | await setup(page, '/blog/kategorien/'); 413 | await expect(page).toHaveScreenshot(snap('blog-list-categories')); 414 | }); 415 | 416 | test('category', async ({ page }) => { 417 | await setup(page, '/blog/kategorien/schokolade/'); 418 | await hideElements(page, PAGE_HEADER); 419 | await scrollToBottom(page); 420 | await expect(page).toHaveScreenshot(snap('blog-category')); 421 | }); 422 | 423 | test('list-blogseries', async ({ page }) => { 424 | await setup(page, '/blog/blogreihen/'); 425 | await expect(page).toHaveScreenshot(snap('blog-list-blogseries')); 426 | }); 427 | 428 | test('blogseries', async ({ page }) => { 429 | await setup(page, '/blog/blogreihen/styleguide-highlights/'); 430 | await expect(page).toHaveScreenshot(snap('blog-blogseries')); 431 | }); 432 | 433 | test('post-menu-elements', async ({ page }) => { 434 | await setup(page, '/blog/mit-menue-elementen/'); 435 | await expect(page).toHaveScreenshot(snap('blog-post-menu-elements')); 436 | }); 437 | 438 | test('post-blogseries', async ({ page }) => { 439 | await setup(page, '/blog/erster-teil-einer-serie/'); 440 | await expect(page).toHaveScreenshot(snap('blog-post-blogseries')); 441 | }); 442 | 443 | test('post-no-featured-image', async ({ page }) => { 444 | await setup(page, '/blog/ohne-beitragsbild/'); 445 | await expect(page).toHaveScreenshot(snap('blog-post-no-featured-image')); 446 | }); 447 | 448 | test('post-with-comments', async ({ page }) => { 449 | await setup(page, '/blog/mit-kommentaren/'); 450 | await expect(page).toHaveScreenshot(snap('blog-post-with-comments')); 451 | }); 452 | 453 | test('post-inactive-author', async ({ page }) => { 454 | await setup(page, '/blog/drei-autoren-einer-inaktiv/'); 455 | await expect(page).toHaveScreenshot(snap('blog-post-inactive-author')); 456 | }); 457 | 458 | test('post-localized-featured-image', async ({ page }) => { 459 | await setup(page, '/blog/uebersetztes-featured-image/'); 460 | await expect(page).toHaveScreenshot(snap('blog-post-localized-featured-image')); 461 | }); 462 | }); 463 | 464 | test.describe('forms', () => { 465 | test('contact', async ({ page }) => { 466 | await setup(page, '/formulare/kontaktformular/'); 467 | await expect(page).toHaveScreenshot(snap('forms-contact')); 468 | await setDarkTheme(page); 469 | await expect(page).toHaveScreenshot(snap('forms-contact-dark')); 470 | }); 471 | 472 | test('footer', async ({ page }) => { 473 | await setup(page, '/formulare/footer-formular/'); 474 | await expect(page).toHaveScreenshot(snap('forms-footer')); 475 | }); ```