Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Articles Tagged
visual testing

8 Articles
{
,

}
Image
Direct link to the article Front-End Testing is For Everyone
accessibility performance testing unit tests visual testing

Front-End Testing is For Everyone

Testing is one of those things that you either get super excited about or kinda close your eyes and walk away. Whichever camp you fall into, I’m here to tell you that front-end testing is for everyone. In fact, …

Image
Evgeny Klimenchenko on Jun 1, 2021 Updated on Jun 3, 2021
Image
Direct link to the article Using BugHerd to Track Visual Feedback on Websites
bug tracking visual testing

Using BugHerd to Track Visual Feedback on Websites

BugHerd is about collecting visual feedback for websites.

If you’re like me, you’re constantly looking at your own websites and you’re constantly critiquing them. I think that’s healthy. Nothing gets better if you look at your own work and consider …

❥ Sponsored
Image
Direct link to the article Getting Started with Front End Testing
testing visual testing

Getting Started with Front End Testing

Amy Kapernick covers four types of testing that front-end devs could and should be doing:

  1. Linting (There’s ESLint for JavaScript and Stylelint and/or Prettier for CSS.)
  2. Accessibility Testing (Amy recommends pa11y, and we’ve covered Axe.)
  3. Visual Regression Testing
…
Image
Chris Coyier on Jan 20, 2020
Image
Direct link to the article #178: Percy Catches Visual Changes in any Workflow
percy testing visual testing

#178: Percy Catches Visual Changes in any Workflow

I wanted to make sure you understand exactly what Percy can do for you, hence the title. When you commit a change to your websites Git repo, like in a Pull Request workflow most of us live in, Percy will …

Image
Chris Coyier on Nov 6, 2019
Image
Direct link to the article Using Percy to add visual testing to a Jekyll site
percy visual testing

Using Percy to add visual testing to a Jekyll site

Visual testing is the automated process of reviewing software from a purely visual standpoint. Instead of testing the code underneath, visual testing is all about what end users actually see and interact with.

Similar to functional testing, however, visual testing …

❥ Sponsored
Image
Direct link to the article Testing for Visual Regressions with Percy
continuous integration visual testing

Testing for Visual Regressions with Percy

It’s a Herculean task to test UI for each and every change to code. We have Percy to help save the day! And it’s really the best friend we have for testing unexpected outcomes that impact design and layout.
Image
Paul Ryan on Apr 8, 2019
Image
Direct link to the article #166: Learn to Integrate Visual Testing with Percy
percy visual testing

#166: Learn to Integrate Visual Testing with Percy

Did you know that you can set up a review system so that every pull request you make shows you exactly what has changed visually on your site?

That’s exactly what Percy does. It assumes what you have on master …

Image
Chris Coyier on Oct 25, 2018
Image
Direct link to the article Visual Regression Testing with CSS Blend Modes
css mix blend modes diffy franklin ta visual diff visual testing

Visual Regression Testing with CSS Blend Modes

Last week I saw Una Kravets give a very inspiring talk at Generate Conf about using CSS Filters and Mix Blend Modes. One demo in particular got my attention because Una showed us how we could overlay two layouts on …

Image
Sarah Drasner on Apr 27, 2016

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top
Advertisement