async-creatable-select-input.visualspec.js

import { percySnapshot } from '@percy/puppeteer';
import { getDocument, queries } from 'pptr-testing-library';

const { getByText } = queries;

describe('AsyncCreatableSelectInput', () => {
  it('Default', async () => {
    await page.goto(`${HOST}/async-creatable-select-input`);
    await expect(page).toMatch('minimal');
    await percySnapshot(page, 'AsyncCreatableSelectInput');
  });

  it('Open', async () => {
    await page.goto(`${HOST}/async-creatable-select-input-open`);
    const doc = await getDocument(page);
    const select = await getByText(doc, 'One');
    await select.click();
    // typing triggers async loadOptions
    await select.type('Two');
    await percySnapshot(page, 'AsyncCreatableSelectInput - open after typing');
  });
});