Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
visual testing

8 Articles
{
,

}
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, …

Avatar of Evgeny Klimenchenko
Evgeny Klimenchenko on Jun 1, 2021 (Updated on Jun 3, 2021)
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
Direct link to the article Getting Started with Front End Testing
testing visual testing

Getting Started with Front End Testing

Direct Link

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
…
Avatar of Chris Coyier
Shared by Chris Coyier on Jan 20, 2020
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 …

Avatar of Chris Coyier
Chris Coyier on Nov 6, 2019
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
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.
Avatar of Paul Ryan
Paul Ryan on Apr 8, 2019
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 …

Avatar of Chris Coyier
Chris Coyier on Oct 25, 2018
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 …

Avatar of Sarah Drasner
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
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Mastodon
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top