snapshots.js

const PercyScript = require('@percy/script');
const GetSiteUrls = require('get-site-urls');

const PORT = process.env.PORT || 8101;

PercyScript.run(async (page, percySnapshot) => {
  const links = await GetSiteUrls(`http://localhost:${PORT}/`);

  // disable JS requests to prevent CodePen from rendering examples
  await page.setRequestInterception(true);
  page.on('request', request => {
    if (request.resourceType() === 'script') request.abort();
    else request.continue();
  });

  for (var i = 0; i < links.pages.length; i++) {
    const url = links.pages[i];
    await page.goto(url);

    // ensure the page has loaded before capturing a snapshot
    await page.waitFor('body');

    // create percy snapshot with path as a name
    let path = new URL(url).pathname.replace(/\/?$/, '/');

    if (path.indexOf('/docs/') === -1) {
      path = '/site' + path;
    } else {
      path = path.replace('/docs', '');
    }

    await percySnapshot(path, {widths: [375, 1280]});
  }
});