Function exerciseCountriesDemo

test/e2e/demos/countries.test.ts:16–37

(page: Page)

afterAll(stopServer);

const exerciseCountriesDemo = async (page: Page): Promise<void> => {
  await (await expectedFramedElement(page, '.filter', '★8')).click();
  await expectedFramedElement(page, '#countries .country', 'United Kingdom');
  await expectNoFramedElement(page, '#countries .country', 'Bahamas');
  await (
    await expectedFramedElement(page, '#countries .country .star', '★')
  ).click();
  await expectedFramedElement(page, '.filter', '★7');
  await expectNoFramedElement(page, '#countries .country', 'United Kingdom');
  const b = await expectedFramedElement(page, '.filter', 'B21');
  await expectProperty(b, 'className', 'filter');
  await b.click();
  await expectProperty(b, 'className', 'filter current');
  await expectedFramedElement(page, '#countries .country', 'Bahamas');
  await (
    await expectedFramedElement(page, '#countries .country .star', '☆')
  ).click();
  await (await expectedFramedElement(page, '.filter', '★8')).click();
  await expectedFramedElement(page, '#countries .country', 'Bahamas');
  await page.reload();
  await expectedFramedElement(page, '#countries .country', 'Bahamas');
};

test('countries-react', async ({page}) => {
  await expectPage(page, `/demos/countries/countries-react/`);