# visual-regression-testing

A software testing technique that captures UI screenshots and compares them with reference images to detect unintended visual changes.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Upgrading frontend dependencies with confidence

DevFeed: [Upgrading frontend dependencies with confidence](<https://devfeed.tech/articles/upgrading-frontend-dependencies-with-confidence-40951.md>)

Original publisher: [Read original article](<https://docusaurus.io/blog/upgrading-frontend-dependencies-with-confidence-using-visual-regression-testing>)

Author: Sébastien Lorber

Published: 2023-09-22T00:00:00Z

Content type: article

Language: en

Sources: [Docusaurus Blog](<https://devfeed.tech/sources/docusaurus-blog.md>)

Topics: [visual-regression-testing](<https://devfeed.tech/topics/visual-regression-testing.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [GitHub Actions](<https://devfeed.tech/topics/github-actions.md>), [Playwright](<https://devfeed.tech/topics/playwright.md>), [Testing](<https://devfeed.tech/topics/testing.md>), [upgrade](<https://devfeed.tech/topics/upgrade.md>), [GitHub](<https://devfeed.tech/topics/github.md>)

Tags: [frontend](<https://devfeed.tech/tags/frontend.md>), [github](<https://devfeed.tech/tags/github.md>), [github-actions](<https://devfeed.tech/tags/github-actions.md>), [npm](<https://devfeed.tech/tags/npm.md>), [playwright](<https://devfeed.tech/tags/playwright.md>), [regression](<https://devfeed.tech/tags/regression.md>), [release](<https://devfeed.tech/tags/release.md>), [testing](<https://devfeed.tech/tags/testing.md>), [upgrade](<https://devfeed.tech/tags/upgrade.md>), [visual-regression-testing](<https://devfeed.tech/tags/visual-regression-testing.md>)

### AI overview

This article presents a visual regression testing workflow for upgrading frontend dependencies with greater confidence. It combines GitHub Actions, Playwright, and Argos to build sites, capture screenshots across Git branches, compare them, and report visual differences through commit statuses and pull-request comments.

### Source excerpt

Upgrade npm dependencies with confidence thanks to a visual regression testing workflow using GitHub Actions, Playwright and Argos.