# 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.