Overview

Grunt-PhantomCSS is an automated CSS regression testing tool built on the versatile Grunt task runner and the powerful PhantomJS headless browser. The latest fork of this plugin introduces significant updates, enhancing its usability while maintaining its original functionality. With a more modular file structure, it effectively organizes test baselines and results directly alongside the test files, simplifying project management.

This plugin allows developers to perform visual regression testing efficiently, ensuring that style updates do not introduce unexpected changes to the appearance of their websites. By leveraging features like customizable options for multiple environments and viewport sizes, it caters to a variety of testing needs, making it a valuable asset for modern web development workflows.

Features

Modular File Structure: Test baselines and results are stored with test files, reducing coupling and making organization simpler.
PhantomJS Update: Upgraded to version 1.98, fixing the SSLv3 bug and enhancing overall stability.
Root URL Option: Lets users accommodate testing against multiple environments, streamlining the testing process for different setups.
Customizable Viewport Size: Allows testing in specified viewport dimensions, crucial for assessing responsive layouts on various devices.
Mismatch Tolerance: Sets a configurable percentage for how much difference between screenshots is acceptable, helping to ignore minor rendering differences.
Log Level Control: Configure the logging verbosity with options ranging from error to debug, providing flexibility in monitoring test runs.
Targeted Screenshot Management: Easily define directories for test fixtures and results to ensure a tidy project structure.
PhantomJS Argument Support: Offers the ability to pass custom command-line arguments to PhantomJS, allowing advanced configurations during test execution.

Micahgodbolt

Grunt Phantomcss

React With Storybook Starter