Is there a way to automatically find UI related/CSS bugs, something that works like unit testing but it's UI?

This page summarizes the projects mentioned and recommended in the original post on /r/Frontend

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • nightwatch

    Integrated end-to-end testing framework written in Node.js and using W3C Webdriver API. Developed at @browserstack

  • storybook

    Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.

    I recommend checking out https://storybook.js.org/. Not entirely sure if it'll addresses your specific problem since I don't know all your context but it's worth a looking into imo.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • loki

    👁 Visual Regression Testing for Storybook (by oblador)

    I’ve used https://loki.js.org/ in the past. Would recommend.

  • BackstopJS

    Catch CSS curve balls.

    Ive used backstopjs for this in the past https://github.com/garris/BackstopJS

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts