Upgrade to Pro — share decks privately, control downloads, hide ads and more …

dotRB 2013 Visual Version History

dotRB 2013 Visual Version History

dotRB 2013 lightning talk on screenshotting by @glebm
Video: https://www.youtube.com/watch?v=VMhdKZDxFjg

Gleb Mazovetskiy

October 11, 2013
Tweet

Other Decks in Programming

Transcript

  1. UI unit testing sucks! • Test every interaction • Do

    not actually test the looks • Check every possible screen state on every commit 
 or 
 Deploy broken app
  2. Ruby example describe 'App Screenshots' do it 'home page' do

    visit '/' shoot! 'home' end it 'account page' do sign_in Fabricate(:user) visit my_account_url shoot! 'account' click '#menu' shoot! 'account-menu-clicked' end end
  3. Perks • Always know when the display changes • See

    which commits changed UI of your app and how Visual version control Git wayback machine • A complete history of all your app’s screens, forever
  4. The Screenshotting Way • Change noise! • Shoot full pages

    but also individual components • Commit messages with Root Mean Square distance • Make accessible for designers and other non- developers (e.g. dropbox on CI)
  5. Huxley for Selenium •You click around •Huxley records it •Huxley

    runs the recording and takes screenshots •https://github.com/facebook/huxley