Fully automated integration testing for visual design

get it



You need to become a Contributor to join the discussion - Find out how.
Mark HayesMaker@mhayes · Sr. Software Engineer, Jacobian
When you only have a fraction of a second to make a positive first impression you want to be sure you're not displaying something that looks broken. We built Screenbeacon to ensure your visual design remains consistent. We'd love to hear thoughts from the community!
Erik TorenbergHiring@eriktorenberg · Former Product Hunt
i thought it was screenbacon and i got excited
Jordan HumphreysMaker@spaceprovided · Engineer, ZURB
@eriktorenberg haha, that definitely crossed our minds for a nice April fools joke!
Mark HayesMaker@mhayes · Sr. Software Engineer, Jacobian
We had a few users ask us about using the Chrome plugin. We just published a screencast that should help:
Ryan HooverPro@rrhoover · Founder, Product Hunt
@mhayes there are a ton of automation tools already available. What makes this better or different?
Mark HayesMaker@mhayes · Sr. Software Engineer, Jacobian
@rrhoover Screenbeacon is different than the other tools out there because it notices when things visually change. Imagine we setup Screenbeacon and another monitoring product like Pingdom to look at a our website.  Pingdom would create an alert if text on the website changed. However if the styles changed and rendered all the text illegible we would not be notified. Screenbeacon catches things like this.
Caleb WintersMaker@cmwinters · Product Designer @ GitHub
Screenbeacon is more focused on what the end user sees. We'll let you know when your web design visually changes. Screenebeacon sends you an alert showing you the baseline screenshot and the diff, letting you decide if it's an error or not. Also, for each test Screenbeacon checks the baseline screenshot AND the computed CSS styles. If both have changed, we create an alert. This helps reduce false positives.