Viewports in separate files

[movie4]

Hello!

I have 12+ config files with scenarios and in each config file i use equal viewports options

Can BackstopJS use separate config file for viewports like --config?

It would be cool use this like:

backstop test --config='./path_to_config' --viewports='./path_to_viewports'

[brendonbribeiro]

You could use .js config file instead of json. Then create a file viewports.js

module.exports = [
    {
      label: 'phone',
      width: 320,
      height: 480
    },
    {
      label: 'tablet',
      width: 1024,
      height: 768
    }
  ]

And then, in your config.js files:

const viewports = require('./viewports');

module.exports = {
   id: 'config_id',
   viewports: viewports
   ...
}

[steveycee]

You could use .js config file instead of json. Then create a file viewports.js

module.exports = [
    {
      label: 'phone',
      width: 320,
      height: 480
    },
    {
      label: 'tablet',
      width: 1024,
      height: 768
    }
  ]

And then, in your config.js files:

const viewports = require('./viewports');

module.exports = {
   id: 'config_id',
   viewports: viewports
   ...
}

This method solved the problem for me.