How to use percy-client - 10 common examples

constructor(browser) {
    if (!browser) {
      throw new Error('A WebdriverIO instance is needed to initialise percy-webdriverio');
    }
    browser.percy = { assetLoaders: [] };

    const enabled = isEnabled();
    const token = process.env.PERCY_TOKEN;
    const apiUrl = process.env.PERCY_API;
    const clientInfo = `percy-webdriverio ${version}`;
    browser.percy.environment = new Environment(process.env);
    browser.percy.percyClient = new PercyClient({ token, apiUrl, clientInfo });

    // adding `async` as function name disables the synchronous behavior of WebdriverIO commands
    // eslint-disable-next-line prefer-arrow-callback
    browser.addCommand('__percyReinit', function async() {
      browser.percy = { assetLoaders: [] };
      browser.percy.environment = new Environment(process.env);
      browser.percy.percyClient = new PercyClient({ token, apiUrl, clientInfo });
    });

    browser.addCommand('percyFinalizeBuild', () => {
      throw new Error(
        '[percy] browser.percyFinalizeBuild is deprecated, see https://github.com/percy/percy-webdriverio/pull/19',
      );
    });

    browser.addCommand('percyUseAssetLoader', () => {

constructor(browser) {
    if (!browser) {
      throw new Error('A WebdriverIO instance is needed to initialise percy-webdriverio');
    }
    browser.percy = { assetLoaders: [] };

    const enabled = isEnabled();
    const token = process.env.PERCY_TOKEN;
    const apiUrl = process.env.PERCY_API;
    const clientInfo = `percy-webdriverio ${version}`;
    browser.percy.environment = new Environment(process.env);
    browser.percy.percyClient = new PercyClient({ token, apiUrl, clientInfo });

    // adding `async` as function name disables the synchronous behavior of WebdriverIO commands
    // eslint-disable-next-line prefer-arrow-callback
    browser.addCommand('__percyReinit', function async() {
      browser.percy = { assetLoaders: [] };
      browser.percy.environment = new Environment(process.env);
      browser.percy.percyClient = new PercyClient({ token, apiUrl, clientInfo });
    });

    browser.addCommand('percyFinalizeBuild', () => {
      throw new Error(
        '[percy] browser.percyFinalizeBuild is deprecated, see https://github.com/percy/percy-webdriverio/pull/19',
      );
    });

it('creates snapshots for each test case', () => {
  expect(percy.createSnapshot.mock.calls).toMatchSnapshot();
});

it('handles ES6 webpack configs', async () => {
  await run(['--config', 'webpack/webpack.config.babel.js']);

  expect(percy.createSnapshot).toHaveBeenCalledTimes(3);
});

it('uploads CSS files', () => {
  expect(percy.uploadResource.mock.calls).toMatchSnapshot();
});

const expectPercyToHaveRunSnapshots = () => {
  const expectedSnapshots = 6;

  expect(percy.createBuild).toHaveBeenCalledTimes(1);
  expect(percy.uploadResources).toHaveBeenCalledTimes(1);
  expect(percy.createSnapshot).toHaveBeenCalledTimes(expectedSnapshots);
  expect(percy.finalizeSnapshot).toHaveBeenCalledTimes(expectedSnapshots);
  expect(percy.finalizeBuild).toHaveBeenCalledTimes(1);
};

beforeEach(() => {
  percy.createBuild.mockClear();
  percy.createSnapshot.mockClear();
  percy.finalizeBuild.mockClear();
  percy.finalizeSnapshot.mockClear();
  percy.uploadResources.mockClear();
});

beforeEach(() => {
  percy.createBuild.mockClear();
  percy.createSnapshot.mockClear();
  percy.finalizeBuild.mockClear();
  percy.finalizeSnapshot.mockClear();
  percy.uploadResources.mockClear();
});

const expectPercyToHaveRunSnapshots = () => {
  const expectedSnapshots = 6;

  expect(percy.createBuild).toHaveBeenCalledTimes(1);
  expect(percy.uploadResources).toHaveBeenCalledTimes(1);
  expect(percy.createSnapshot).toHaveBeenCalledTimes(expectedSnapshots);
  expect(percy.finalizeSnapshot).toHaveBeenCalledTimes(expectedSnapshots);
  expect(percy.finalizeBuild).toHaveBeenCalledTimes(1);
};

beforeEach(() => {
  percy.createBuild.mockClear();
  percy.createSnapshot.mockClear();
  percy.finalizeBuild.mockClear();
  percy.finalizeSnapshot.mockClear();
  percy.uploadResources.mockClear();
});