Create map fixture

testing/e2e/fixtures/auth.fixture.ts

@@ -1,6 +1,6 @@
 import { test } from "@playwright/test";
 
-type Account = {
+export type Account = {
   eveId: number;
   name: string;
 };

testing/e2e/fixtures/fixtures.ts

@@ -1,4 +1,5 @@
 import { mergeTests } from "@playwright/test";
 import { authFixture } from "./auth.fixture";
+import { mapFixture } from "./map/map.fixture";
 
-export const test = mergeTests(authFixture);
+export const test = mergeTests(authFixture, mapFixture);

testing/e2e/fixtures/map/map.fixture.ts

@@ -0,0 +1,10 @@
+import { authFixture } from "../auth.fixture";
+import { Map } from "./map";
+
+export const mapFixture = authFixture.extend<{ map: Map }>({
+  map: async ({ page, account }, use) => {
+    const map = new Map(page, account);
+    await map.create();
+    await use(map);
+  },
+});

testing/e2e/fixtures/map/map.ts

@@ -0,0 +1,31 @@
+import { expect, Page } from "@playwright/test";
+import { Account } from "../auth.fixture";
+
+export class Map {
+  constructor(
+    public readonly page: Page,
+    public readonly account: Account,
+  ) {}
+
+  async create() {
+    const mapName = `E2E Map ${this.account.eveId}`;
+    await this.page.goto("/system/J104809");
+    await this.page.getByRole("button", { name: "Select active map" }).click();
+    await this.page.getByRole("menuitem", { name: "New Map" }).click();
+    await this.page.getByLabel("Name").fill(mapName);
+    await this.page.getByLabel("Root System").fill("J100001");
+    await this.page
+      .getByRole("option", { name: "J100001", exact: true })
+      .click();
+    await this.page.getByRole("button", { name: "Save" }).click();
+    await this.page.getByRole("menuitem", { name: mapName }).click();
+
+    await expect(
+      this.page.getByRole("button", { name: "Select active map" }),
+    ).toContainText(mapName);
+  }
+
+  asd() {
+    // Dummy method for testing map fixture.
+  }
+}

testing/e2e/tests/example.spec.ts

@@ -6,18 +6,10 @@ test("has title", async ({ page }) => {
   await expect(page.getByText("Welcome to Holenav!")).toBeVisible();
 });
 
-test("Create map", async ({ page, account }) => {
-  const mapName = `E2E Map ${account.eveId}`;
-  await page.goto("/system/J104809");
-  await page.getByRole("button", { name: "Select active map" }).click();
-  await page.getByRole("menuitem", { name: "New Map" }).click();
-  await page.getByLabel("Name").fill(mapName);
-  await page.getByLabel("Root System").fill("J100001");
-  await page.getByRole("option", { name: "J100001", exact: true }).click();
-  await page.getByRole("button", { name: "Save" }).click();
-  await page.getByRole("menuitem", { name: mapName }).click();
+test("Create map", async ({ map }) => {
+  map.asd();
+});
 
-  await expect(
-    page.getByRole("button", { name: "Select active map" }),
-  ).toContainText(mapName);
+test("test if map fixture breaks", async ({ map }) => {
+  map.asd();
 });