Visual regression testing
source link: https://blog.gslin.org/archives/2021/06/26/10221/visual-regression-testing/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Visual regression testing
看了「Catching CSS Regressions and Visual Bugs in Continuous Integration」這篇，原來這個叫做 visual regression testing，可以拿來檢查視覺上的差異：
出自「Visual Regression Testing Tools」。這種 pixel-by-pixel 的測試也可以包在 CI 裡面，至少記錄起來可以在之後查。
看起來有不少 open source 工具與付費的服務可以用，不過機器的記憶體都會需要大一點 (需要瀏覽器的 rendering engine)。
Related
CSS 裡，px 的定義並沒有保證線性...？
在 Hacker News 上看到的舊文章，在「IN CSS, “PX” IS NOT AN ANGULAR MEASUREMENT AND IT IS NOT NON-LINEAR」這篇文章裡面，標題就直接提到「pixel 並非生而平等」... 文章裡的 pixel 的定義是： a pixel is defined as the smallest object that can be displayed on a device 但我找不到這句話的出處... 到是 CSS 2.1 的 PDF 裡可以看到 px 的定義是： px: pixel units — 1px is…
November 13, 2013In "Computer"
用 CSS 貼 3D 場景的圖
看到一個 demo 展示瀏覽器內 CSS 的處理能力，看起來已經足夠到可以處理不少貼圖與光線效果的部分了：「CSS FPS」。 This is demo of a CSS powered 3D environment. Geometry is created with HTML elements and CSS transforms. Textures and lightmaps are composed by layering multiple background-images and colour is applied using CSS blend-modes. 不過遊戲應該會需要更多種類的效果，這部份目前應該還是得靠 javascript 來產生... (如果要在瀏覽器裡面跑)
March 5, 2019In "Browser"
Author Gea-Suan LinPosted on June 26, 2021June 26, 2021Categories Computer, CSS, Murmuring, Network, Programming, WWWTags css, pixel, regression, test, testing, tool, tools, visual Leave a Reply Cancel reply
Your email address will not be published. Required fields are marked *
Comment
Name *
Email *
Website
Notify me of follow-up comments by email.
Notify me of new posts by email.
Post navigation
Recommend
-
72
Common practice: testing a lot of pages after small changes in CSS files. Gemini gets you rid of this waste of time. Let’s see how
-
9
Visual Regression Testing on Android by Naren Manoharan Recently, we found visual regressions in our app after we shipped the app to production on the pl...
-
10
Introduction As developers, it is our job to ensure that our users get an experience with no regression.Like any good developer, when I add a feature or fix a bug, I also create unit, integration, and end-to-end t...
-
7
The Essential Guide to Automated Visual Regression Testing May 3rd 2021 new story6
-
6
Web Front-end7 minute readVisual Regression Testing with Cypress: A Pragmatic ApproachRafa...
-
6
Visual Regression Testing for Your Web Apps929 viewsApr 16, 2020 In this session we'll teach web deve...
-
7
What is Playwright?Playwright is a NodeJS library, created by Microsoft, which offers very similar features to Puppeteer. Both libraries allow you to automate actions within a browser.With Playwright, you can start or connect...
-
15
Visual Regression Testing with Jest
-
10
-
5
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK