selectors.ts

/* eslint-disable testing-library/prefer-screen-queries */
import {
  getByText,
  getByPlaceholderText,
  getByLabelText,
  getByAltText,
  getByTestId,
  getAllByText,
  queryByText,
  queryAllByText,
  findByText,
} from "../../src/";

fixture`selectors`.page`../../test-app/index.html`;

test("getByPlaceHolderText", async (t) => {
  await t.typeText(
    getByPlaceholderText("Placeholder Text"),
    "Hello Placeholder"
  );
});

test("getByText", async (t) => {
  await t.click(getByText("getByText"));
});

test("queryByText with timeout as property", async (t) => {
  await t.click(queryByText("Late content!").with({ timeout: 20000 }));
});

test("getByLabelText", async (t) => {
  await t.typeText(
    getByLabelText("Label For Input Labelled By Id"),
    "Hello Input Labelled By Id"
  );
});

test("getByAltText", async (t) => {
  await t.click(getByAltText("Image Alt Text"));
});

test("getByTestId", async (t) => {
  await t.click(getByTestId("image-with-random-alt-tag"));
});

test("getAllByText", async (t) => {
  const chans = getAllByText(/^Jackie Chan/);
  const count = await chans.count;

  await t.expect(count).eql(2);

  await t.click(chans.nth(1));
  await t.click(chans.nth(0));
});

test("queryAllByText", async (t) => {
  await t.expect(queryAllByText("Button Text").exists).ok();
  await t.expect(queryAllByText("Non-existing Button Text").exists).notOk();
});

test("findByText async", async (t) => {
  await t.click(getByText("delayed"));
  await t.expect(findByText("updated button async").exists).ok();
});

test("still works after browser page load", async (t) => {
  await t
    .click(getByText("Go to Page 2"))
    .expect(getByText("second page").exists)
    .ok();
});

test("still works after reload", async (t) => {
  await t.eval(() => location.reload());
  await t.expect(getByText("getByText").exists).ok();
});