qlik-oss/sn-table

/* eslint-disable no-restricted-syntax */
/* eslint-disable @typescript-eslint/no-loop-func */
import { Locator, Page, expect, test } from "@playwright/test";

import senseHorizon from "../rendering/theme/sense-horizon";
import NebulaFixture from "./utils/nebula-fixture";

import expectations from "./expectations/keyboard.expectations";
import SnTable from "./page-object-model/sn-table";
import { Collection } from "./types";
import { navigateWithArrowsMsg } from "./utils/custom-error-messages";

test.describe("Tests served by: fixture-file rendering by Nebula", () => {
  let page: Page;
  let table: Locator;
  let snTable: SnTable;
  let expectation: Collection;

  const environment = new NebulaFixture(senseHorizon(), "light", "en-EN");

  test.beforeAll(async ({ browser }) => {
    await environment.setup();
    page = await browser.newPage();
    snTable = new SnTable(page);
  });

  test.beforeEach(async () => {
    await environment.renderFixture("html-ascii-reference.fix.js");
    await page.goto(environment.getRenderUrl());
    table = page.locator(snTable.selectors.chart);
    await snTable.clickOnCellByText(table, expectations.before.clickOnCell);
  });

  test.afterAll(async () => {
    await environment.teardown();
    await page.close();
  });

  test("navigate cells using @arrows", async () => {
    await test.step("Define expectations", async () => {
      expectation = expectations.navigateWithArrows;
    });
    for await (const step of expectation.steps) {
      // eslint-disable-next-line playwright/valid-title
      await test.step(step.description, async () => {
        await snTable.pressKeys(step.keys);
      });
      await test.step("Check expectations", async () => {
        await expect
          .poll(async () => snTable.getFocusedCellsText(table), navigateWithArrowsMsg(step))
          .toBe(step.content);
      });
    }
  });
});