Show threadcweiske2d ago
@alexanderschnitzler @s2b Bei #BackstopJS kann man im `onReady` die "lazy"-Attributwerte durch "eager" ersetzen: https://github.com/garris/BackstopJS/issues/57
Leider lädt die Seite dann noch lange weiter, ist also nicht "ready". Man kann dann das Screenshotten um einige Sekunden verzögern, allerdings klappt das nicht zuverlässig.
Das Problem habe ich noch nicht abschliessend gelöst.
Lazyload and font icons · Issue #57 · garris/BackstopJS

It seems like backstopJS cannot process font-icons? I am also struggling with images that are lazy loaded. They are not shown at all (https://github.com/aFarkas/lazysizes). This is the page I am te...

GitHub
Show threadcweiske3d ago

@s2b Ich nutze #sitediff für den Vergleich auf HTML-Ebene, und #BackstopJS für den visuellen Vergleich.

Im Gegensatz zu deinem Tool können beide das HTML vor dem Vergleich nochmal modifizieren, um z.B. Cookiebanner zu entfernen.

https://github.com/evolvingweb/sitediff
https://github.com/garris/BackstopJS

GitHub - evolvingweb/sitediff: SiteDiff makes it easy to see differences between two versions of a website.

SiteDiff makes it easy to see differences between two versions of a website. - evolvingweb/sitediff

GitHub
Show threadMarkus Günther3d ago
@s2b ich hab für sowas auch schon öfters auf #backstopJS gesetzt
Carsten™Nov 9, 2025
Tag zwei des TYPO3 Camp RheinRuhr startet nach der Sessionplanung mit @wowa_TYPO3 zum Thema #BackstopJS. #TYPO3 #t3crr25 #t3crr
Wolfgang WagnerOct 30, 2025

Neuer Artikel im Blog:

Visuelles Regressionstesting für TYPO3-Upgrades mit BackstopJS

https://wwagner.net/blog/a/visuelles-regressionstesting-fuer-typo3-upgrades-mit-backstopjs

#TYPO3 #RegressionTesting #BackstopJS

TYPO3-Upgrades visuell testen: Mein BackstopJS-Workflow

BackstopJS-Workflow für TYPO3-Upgrades: Automatisches Crawling, Batch-Testing, strukturierte Reports. Open Source auf GitHub.

Markus GüntherOct 28, 2025
Heute seit sehr langer Zeit mal wieder ein #TYPO3 Update durchgeführt. Hier war #backstopjs mal wieder eine gute Hilfe um danach Regression Tests durchzuführen :)
somaSep 5, 2025

Spannendes diff, das #backstopjs mir an vielen Stellen zeigt, wenn ich die gleiche Seite mit webpack build und vite build vergleiche.

Es gibt random leichte vertikale Verschiebungen im Text.

Ich kanns mir aktuell nicht erklären, hoffe aber, das sich das heute im Laufe des Tages noch ändert.

Das ist einfacher Fliesstext da unten, ohne irgendwelches markup im Text.

AlexanderMar 15, 2024
Als nächstes beim #t3cmd: "Visual Regression Test mit #backstopjs".
#TYPO3 #TYPO3Camp #Barcamp #Wissen #Community
Show threadアルム＝バンドDec 19, 2020

クロス投稿。

12/16の記事に追記。試行錯誤した結果のリポジトリのリンクを追加しました。

BackstopJS で背景画像の高さを `vh` 単位で指定したページで画像やスクリーンショットが引き伸ばされる現象についてメモ (未解決) - Crieit https://crieit.net/posts/backstop-trial-and-error-20201215

#BackstopJS #Crieit

BackstopJS で背景画像の高さを `vh` 単位で指定したページで画像やスクリーンショットが引き伸ばされる現象についてメモ (未解決) - Crieit

メインビジュアル等で背景画像の高さを vh 単位で指定したページで、画像やスクリーンショットが引き伸ばされる現象に遭遇してしまいました。正常なスクリーンショットが撮影できないので困った……ということで、その現象について調べたメモです。...

アルム＝バンドDec 19, 2020

ブログの12/16の記事に追記。試行錯誤した結果のリポジトリのリンクを追加しました。

BackstopJS で背景画像の高さを `vh` 単位で指定したページで画像やスクリーンショットが引き伸ばされる現象についてメモ (未解決) - Ewig Leere(Lab2) https://labor.ewigleere.net/2020/12/16/backstop_trial_and_error/

#BackstopJS

BackstopJS で背景画像の高さを `vh` 単位で指定したページで画像やスクリーンショットが引き伸ばされる現象についてメモ (未解決)

メインビジュアル等で背景画像の高さを vh 単位で指定したページで、画像やスクリーンショットが引き伸ばされる現象に遭遇してしまいました。正常なスクリーンショットが撮影できないので困った……ということで、その現象について調べたメモです。