refactor: test files

Author: gadomski

tests/app.spec.tsx

@@ -1,56 +1,16 @@
-import { describe, expect, test } from "vitest";
+import { describe, test } from "vitest";
 import { render } from "vitest-browser-react";
 import App from "../src/app";
 import { Provider } from "../src/components/ui/provider";
 
-function renderApp(path?: string) {
-  window.history.pushState({}, "", path || "");
+function renderApp() {
   return render(
     <Provider>
       <App></App>
     </Provider>,
   );
 }
 
-describe("initial state", () => {
-  test("renders example button", async () => {
-    const app = renderApp();
-    await expect
-      .element(app.getByRole("button", { name: "examples" }))
-      .toBeVisible();
-  });
-});
-
-describe("loading", () => {
-  test("stac.eoapi.dev", async () => {
-    const app = renderApp("?href=https://stac.eoapi.dev/");
-    await expect.element(app.getByText(/eoAPI-stac/i)).toBeVisible();
-    await expect.element(app.getByText(/collections/i)).toBeVisible();
-
-    await app.getByRole("heading", { name: "Afghanistan Earthquake" }).click();
-    expect(new URL(window.location.href).search).toBe(
-      "?href=https://stac.eoapi.dev/collections/MAXAR_afghanistan_earthquake22",
-    );
-  });
-
-  test("CSDA Planet", async () => {
-    // https://github.com/developmentseed/stac-map/issues/96
-    const app = renderApp(
-      "?href=https://csdap.earthdata.nasa.gov/stac/collections/planet",
-    );
-    await expect
-      .element(app.getByRole("heading", { name: "Planet" }))
-      .toBeVisible();
-  });
-
-  test("NAIP stac-geoparquet", async () => {
-    const app = renderApp(
-      "?href=https://raw.githubusercontent.com/developmentseed/labs-375-stac-geoparquet-backend/refs/heads/main/data/naip.parquet",
-    );
-    await expect.element(app.getByText(/stac-geoparquet/i)).toBeVisible();
-  });
-});
-
 describe("navigation", () => {
   test("static catalog", async () => {
     const app = renderApp();

tests/header.spec.tsx

@@ -0,0 +1,21 @@
+import { describe, expect, test } from "vitest";
+import { Provider } from "../src/components/ui/provider";
+import { render } from "vitest-browser-react";
+import App from "../src/app";
+
+function renderApp() {
+  return render(
+    <Provider>
+      <App></App>
+    </Provider>,
+  );
+}
+
+describe("initial state", () => {
+  test("renders example button", async () => {
+    const app = renderApp();
+    await expect
+      .element(app.getByRole("button", { name: "examples" }))
+      .toBeVisible();
+  });
+});

tests/panel.spec.tsx

@@ -0,0 +1,36 @@
+import { describe, expect, test } from "vitest";
+import { render } from "vitest-browser-react";
+import App from "../src/app";
+import { Provider } from "../src/components/ui/provider";
+
+function renderApp(path?: string) {
+  window.history.pushState({}, "", path || "");
+  return render(
+    <Provider>
+      <App></App>
+    </Provider>,
+  );
+}
+
+describe("loading", () => {
+  test("stac.eoapi.dev", async () => {
+    const app = renderApp("?href=https://stac.eoapi.dev/");
+    await expect.element(app.getByText(/eoAPI-stac/i)).toBeVisible();
+    await expect.element(app.getByText(/collections/i)).toBeVisible();
+
+    await app.getByRole("heading", { name: "Afghanistan Earthquake" }).click();
+    expect(new URL(window.location.href).search).toBe(
+      "?href=https://stac.eoapi.dev/collections/MAXAR_afghanistan_earthquake22",
+    );
+  });
+
+  test("CSDA Planet", async () => {
+    // https://github.com/developmentseed/stac-map/issues/96
+    const app = renderApp(
+      "?href=https://csdap.earthdata.nasa.gov/stac/collections/planet",
+    );
+    await expect
+      .element(app.getByRole("heading", { name: "Planet" }))
+      .toBeVisible();
+  });
+});