Cactus is a CSS testing framework. It ensures that you always have the same CSS styling for DOM elements that you care about.
- Ruby on Rails, 3.2.x
Install the Cactus gem manually or include it in your Rails Gemfile.
gem install cactus
Add the Cactus helper in your application layout, just before the
body closing tag.
<%= cactus %>
public/cactus_spec. Files need to end with spec.js.
Cactus.expect(".header", "font-size").toEqual("24px"); Cactus.expectEvery("p", "font-size").toEqual("12px");
A Brief Explanation
The Cactus helper in your application layout includes Cactus.js and all spec files located in
public/cactus_spec/ on every page load in the Dev and Test env; the helper will not output anything when in other (Prod, Staging etc) environments.
Once the files are included, the specs will be verified against the current page DOM, and results will be displayed.
You can make an expectation either on a specific element or a group of elements.
expect method requires a tag name and an attribute, and the tag name should only resolve to one DOM element on the page.
If the tag name resolves to an array of DOM elements, only the first one will be tested. See
expectEvery method requires a tag name and an attribute. All DOM elements that resolve to the tag name will be tested on.
The expectations are chained to matchers for verification of CSS styling.
This tests for total equality.
This tests for partial equality, using a REGEX constructed from the pass in value.
This tests for total equality, by converting rgba values returned by browser into hex values.
- Google Groups?