A better way to do visual regression testing

The concept of visual regression testing isn’t new, but it’s been in the spotlight lately. There are two factors causing this growth of attention. First, the advent of rich UIs and responsive design has made it next to impossible to efficiently test web apps and websites without focusing on CSS and visual layout. Second, the ever-increasing competition among internet businesses forces companies to search for faster ways of testing their products. Can manual testing do the job? Given these trends, manual regression testing doesn’t seem like a viable option — it’s just too slow and inefficient. In fact, very few companies can afford to run visual regression tests manually after each UI revamp. Besides, humans aren’t that good at spotting visual differences in the first place due a thing called change blindness. Basically, if we don’t expect to see a minor change, we’re subconsciously bound to overlook it. Now, the problem here is that tweaking CSS is all about unexpected changes. Once you add a new class or CSS rule on one age, it will almost certainly override something on a completely different page. As a result, your users are more likely to spot the bug than your testers. Visual... More

Integration with CI tools — a new plugin for Screenster

Good news! Now you can easily run Screenster visual tests in your continuous integration environment. Just visit the Downloads page on our Portal, get the CI plugin and follow our guidelines to install it and synchronize with your favorite CI tool. We have been receiving dozens of questions from our customers and guests lately about a way to closely integrate Screenster with CI platform to run CSS and web UI regression tests. This necessity is absolutely clear: it is often critically important to run quick visual tests against your web application with the help of an automation testing tool after each new fix or feature deployment. Our users have a variety of CI tools such as Jenkins, Bamboo, TeamCity, Travis and others so we designed a universal solution that works with all of them. It took a lot of efforts and hot discussions, but finally the plugin is here for you! Enjoy running visual tests on your CI server and feel free to leave a comment here about your experience! [raw] Want to try Screenster on the cloud? Try Online [/raw]

Visual CSS regression testing tool

The case for CSS regression testing is very simple. When you change a class attribute, how do you know which elements and pages have you actually affected? CSS changes might very well be the hardest thing to test because unlike JavaScript and backend development, there are no compilers and unit tests that act as a safety net. The only way to find what’s broken is to eyeball each page, which we all can agree is error prone and far-from-fun task. In 2016 do humans *really* still have to slave in front of a monitor for hours doing monkey testing?? I’m here to tell that there IS a better way that is pain-free! Companies like Google, HomeAway and Kaspersky have already signed up so let's see what the buzz is all about. Automating CSS testing with Screenster Screenster was born out of pain. Our company's flagship product AjaxSwing generates web UI for desktop apps. Making CSS and rendering changes was like a sumo wrestler walking on egg shells - you pretty much know you've broken something, but you don't get to know until you shipped the product, customers upgraded and someone reported an error. Visual changes were some of the hardest... More
WordPress Image Lightbox Plugin