import { getExampleUrl, loadPage } from '@atlaskit/visual-regression/helper';

describe('icon priority snapshots', () => {
  it('should match light mode icons', async () => {
    const { __BASEURL__, page } = global as any;

    const url = getExampleUrl(
      'design-system',
      'icon-priority',
      'icon-examples',
      __BASEURL__,
    );

    await loadPage(page, url);
    const element = await page.$('[data-testid="light-root"]');

    expect(await element?.screenshot()).toMatchProdImageSnapshot();
  });

  it('should match dark mode icons', async () => {
    const { __BASEURL__, page } = global as any;

    const url = getExampleUrl(
      'design-system',
      'icon-priority',
      'icon-examples',
      __BASEURL__,
    );

    await loadPage(page, url);
    const element = await page.$('[data-testid="dark-root"]');

    expect(await element?.screenshot()).toMatchProdImageSnapshot();
  });
});