Search Results for "images"

...To display content images on your pages, always use the img tag. This would benefit the SEO and the accessibility of your website. To understand if your images are content or background, ask yourself: “would my website user like to see those images when printing out the page?”. If the answer is “yes”, then your images are content images and you should avoid using background images to display them.

Aye Spy is a high-performance visual regression tool to catch UI regressions. Aye Spy takes inspiration from existing projects such as Wraith and BackstopJs. We have found visual regression testing to be one of the most effective ways to catch regressions. It's a great tool to have in your pipeline, but the current solutions on the market were missing one key component we felt was essential for a great developer experience performance.

Gemini is a utility for regression testing the visual appearance of web pages. Each of the blocks that are being tested may be in one of the determined states. States are tested with the help of chains of step-by-step actions declared in a block's test suites.

...A CasperJS module for automating visual regression testing with PhantomJS 2 or SlimerJS and Resemble.js. For testing Web apps, live style guides, and responsive layouts. PhantomCSS takes screenshots captured by CasperJS and compares them to baseline images using Resemble.js to test for rgb pixel differences. PhantomCSS then generates image diffs to help you find the cause. Screenshot based regression testing can only work when UI is predictable. It's possible to hide mutable UI components with PhantomCSS but it would be better to test static pages or drive the UI with faked data during test runs.

A lightweight command line tool for visual regression testing of UI components. After installing, you want to tell argus eyes which pages and which components to check for visual regression. Argus eyes work by going over a straightforward JSON file containing the resolutions you want to capture, as well as the pages with theirs url's, and the components with their CSS-selectors. Once argus eyes know where to find the components, it's time for some command line action. The first command you...