BackstopJSでProxyを通したり、ベーシック認証を通したり。

BackstopJSをProxyやベーシック認証のある環境で利用する場合の各種設定方法です。
※ Chrome-Headless のエンジンは「puppeteer」を使用した場合になります。

Proxyの設定

  "engineOptions": {
    "args": ["--no-sandbox"]
  },

↓

  "engineOptions": {
    "args": ["--no-sandbox", "--proxy-server=http://proxy.example.com:8080"]
  },

ベーシック認証の設定

../backstop_data/engine_scripts/puppet/onBefore.js

module.exports = async (page, scenario, vp) => {
  await require('./loadCookies')(page, scenario);
};

↓

../backstop_data/engine_scripts/puppet/onBefore.js

module.exports = async (page, scenario, vp) => {
  const USERNAME = 'username';
  const PASSWORD = 'password';

  await page.setExtraHTTPHeaders({
    Authorization: `Basic ${new Buffer(`${USERNAME}:${PASSWORD}`).toString('base64')}`
  });

  await require('./loadCookies')(page, scenario);
};