Regression-test your site's aesthetic and ensure that tiny CSS changes don't have unintentional side effects in other areas of your site.
Ruby
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
bin
lib
spec
.gitignore
.travis.yml
Gemfile
LICENSE.txt
README.md
Rakefile
aesthetic.gemspec

README.md

Aesthetic

Build Status

Aesthetic is a tool to help you regression-test your site's aesthetic and ensure that tiny CSS changes don't have unintentional side effects in other areas of your site. Aesthetic helps you identify visual changes throughout your site to give you the confidence to freely refactor your CSS from the ground up instead of building up layers of hacks that you'll find time to fix one day.

Usage

aesthetic do
  # A screenshot is taken for each breakpoint.
  breakpoint :tablet, 768
  breakpoint :desktop, 1024

  # The `screenshot` method visits a URL and saves a screenshot.
  screenshot :homepage, 'http://example.com'

  # You can utilise the full Capybara DSL in example blocks.
  example 'My Account' do
    visit 'http://example.com'
    click_link 'My Account'

    # Use the `screenshot` method to save a screenshot.
    screenshot :my_account
  end
end