RspecScreenshotDashboard WIP

Hooks into RSpec and makes browser screenshots in all js-feature specs. It works, by hooking into Capybara's click_on, click_button, etc. methods and will make a screenshot before and after each click. After all tests run, it will generate a report page, default under public/screenshot_overview (which can conveniently be viewed through the dev server: http://localhost:3000/screenshot_overview/).

• No Minitest support yet (PRs welcome)
• WebUI Improvements: Small Thumbnails, After images missing yet, more storyline with next button, ...
• Does not load, when opening just localhost:3000/screenshot_overview, must append /

Add this line to your application's Gemfile:

group :test do
  gem 'rspec-rails'
  gem 'capybara'
  gem 'rspec_screenshot_dashboard'
end

And then execute:

$ bundle

Or install it yourself as:

$ gem install rspec_screenshot_dashboard

Requires usage of Capybara with a screenshotable browser (Selenium Chromedriver, Poltergeist)

When requiring the Gem, it will automatically hook into RSpec's before block.

Config can be set before starting tests (like spec_helper or support file)

RSpecScreenshotDashboard::Config.enabled = true
RSpecScreenshotDashboard::Config.output_dir = 'public/screenshot_overview'

Bug reports and pull requests are welcome on GitHub at https://github.com/zealot128/ruby-rspec_screenshot_dashboard.

• Installing vue-cli.
• Copy/linking a generated index.json and screenshots directory into dashboard/public/

cd dashboard/
yarn
yarn serve

cd dashboard/
yarn build
git add dist

1. generate new dashboard dist/assets
2. increment version number in lib/rspec_screenshot_dashboard/version.rb
3. rake release

The gem is available as open source under the terms of the MIT License.