feat(client) Add playwright tests

ui-tests/tests/arbalister.spec.ts

@@ -1,4 +1,5 @@
 import { expect, test } from "@jupyterlab/galata";
+import { getColsRows, uploadFile, waitForGrid } from "../utils";
 
 /**
  * Don't load JupyterLab webpage before running the tests.
@@ -17,3 +18,34 @@ test("should emit an activation console message", async ({ page }) => {
 
   expect(logs.filter((s) => s === "Launching JupyterLab extension arbalister")).toHaveLength(1);
 });
+
+test.describe("Viewers", () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto();
+  });
+  test("open csv file and shows a delimiter", async ({ page }) => {
+    await uploadFile(page, "fake_test.csv");
+    await waitForGrid(page);
+
+    const before = await getColsRows(page);
+
+    await page.selectOption("select", ";");
+    await page.waitForTimeout(500);
+
+    const after = await getColsRows(page);
+
+    await page.selectOption("select", ";");
+    await page.waitForTimeout(500);
+
+    expect(after).not.toEqual(before);
+  });
+
+  test("open parquet file", async ({ page }) => {
+    await uploadFile(page, "fake_test.parquet");
+    await waitForGrid(page);
+    const before = await getColsRows(page);
+    const check = "3 rows; 3 columns";
+    console.log("before", before);
+    expect(before).toEqual(check);
+  });
+});

ui-tests/utils.ts

@@ -0,0 +1,21 @@
+import { Page, expect } from "@playwright/test";
+
+export async function openFile(page: Page, filename: string) {
+  await page.click(`text=${filename}`);
+  await page.waitForSelector(".arrow-viewer-toolbar");
+}
+
+export async function waitForGrid(page: Page) {
+  await page.waitForSelector(".ag-root", { timeout: 3000 });
+}
+
+export async function getColsRows(page: Page) {
+  const text = await page.locator(`toolbar-group-cols-rows`).innerText;
+  return text;
+}
+
+export async function uploadFile(page: Page, filePath: string) {
+  const input = page.locator("input[type=file]");
+  await input.setInputFiles(filePath);
+  await page.waitForSelector(".arrow-viewer-toolbar");
+}