milligram/test/visual/backstop.config.js

module.exports = {
	viewports: [
		{ name: 'phone', width: 320, height: 480 },
		{ name: 'tablet', width: 768, height: 1024 },
		{ name: 'laptop', width: 1280, height: 800 },
		{ name: 'desktop', width: 1920, height: 1080 }
	],
	scenarios: [{
    label: 'Typography',
    url: 'http://localhost:3000',
    hideSelectors: [],
    removeSelectors: ['#__bs_notify__'],
    selectors: ['#typography'],
    readyEvent: null,
    delay: 500,
    misMatchThreshold: 0.1,
    onBeforeScript: 'onBefore.js',
    onReadyScript: 'onReady.js'
  },{
    label: 'Blockquotes',
    url: 'http://localhost:3000',
    hideSelectors: [],
    removeSelectors: ['#__bs_notify__'],
    selectors: ['#blockquotes'],
    readyEvent: null,
    delay: 500,
    misMatchThreshold: 0.1,
    onBeforeScript: 'onBefore.js',
    onReadyScript: 'onReady.js'
  }, {
    label: 'Buttons',
    url: 'http://localhost:3000',
    hideSelectors: [],
    removeSelectors: ['#__bs_notify__'],
    selectors: ['#buttons'],
    readyEvent: null,
    delay: 500,
    misMatchThreshold: 0.1,
    onBeforeScript: 'onBefore.js',
    onReadyScript: 'onReady.js'
  }, {
    label: 'Lists',
    url: 'http://localhost:3000',
    hideSelectors: [],
    removeSelectors: ['#__bs_notify__'],
    selectors: ['#lists'],
    readyEvent: null,
    delay: 500,
    misMatchThreshold: 0.1,
    onBeforeScript: 'onBefore.js',
    onReadyScript: 'onReady.js'
  }, {
    label: 'Forms',
    url: 'http://localhost:3000',
    hideSelectors: [],
    removeSelectors: ['#__bs_notify__'],
    selectors: ['#forms'],
    readyEvent: null,
    delay: 500,
    misMatchThreshold: 0.1,
    onBeforeScript: 'onBefore.js',
    onReadyScript: 'onReady.js'
  }, {
    label: 'Tables',
    url: 'http://localhost:3000',
    hideSelectors: [],
    removeSelectors: ['#__bs_notify__'],
    selectors: ['#tables'],
    readyEvent: null,
    delay: 500,
    misMatchThreshold: 0.1,
    onBeforeScript: 'onBefore.js',
    onReadyScript: 'onReady.js'
  }, {
    label: 'Grids',
    url: 'http://localhost:3000',
    hideSelectors: [],
    removeSelectors: ['#__bs_notify__'],
    selectors: ['#grids'],
    readyEvent: null,
    delay: 500,
    misMatchThreshold: 0.1,
    onBeforeScript: 'onBefore.js',
    onReadyScript: 'onReady.js'
  }, {
    label: 'Codes',
    url: 'http://localhost:3000',
    hideSelectors: [],
    removeSelectors: ['#__bs_notify__'],
    selectors: ['#codes'],
    readyEvent: null,
    delay: 500,
    misMatchThreshold: 0.1,
    onBeforeScript: 'onBefore.js',
    onReadyScript: 'onReady.js'
  }, {
    label: 'Utilities',
    url: 'http://localhost:3000',
    hideSelectors: [],
    removeSelectors: ['#__bs_notify__'],
    selectors: ['#utilities'],
    readyEvent: null,
    delay: 500,
    misMatchThreshold: 0.1,
    onBeforeScript: 'onBefore.js',
    onReadyScript: 'onReady.js'
  }],
	paths: {
		bitmaps_reference: '../../test/visual/reference',
		bitmaps_test: '.tmp',
		casper_scripts: '../../test/visual/fixtures',
		compare_data: '.tmp/compare.json'
	},
	engine: 'phantomjs',
	report: ['browser', 'CLI'],
	casperFlags: [],
	debug: false,
	port: 3002
}