diff --git a/tests/e2e/import-draco-model-asset.e2e.ts b/tests/e2e/import-draco-model-asset.e2e.ts new file mode 100644 index 00000000..e608d8d2 --- /dev/null +++ b/tests/e2e/import-draco-model-asset.e2e.ts @@ -0,0 +1,44 @@ +import path from "node:path"; + +import { expect, test } from "@playwright/test"; + +const fixturePath = path.resolve(process.cwd(), "fixtures/assets/tiny-triangle-draco.glb"); + +test("imports a draco-compressed glb asset, places an instance, and survives reload", async ({ page }) => { + const pageErrors: string[] = []; + const consoleErrors: string[] = []; + + page.on("pageerror", (error) => { + pageErrors.push(error.message); + }); + + page.on("console", (message) => { + if (message.type() === "error") { + consoleErrors.push(message.text()); + } + }); + + await page.goto("/"); + + await expect(page.getByRole("button", { name: "Import Model" })).toBeEnabled(); + + await page.locator('input[type="file"][accept*="gltf"]').setInputFiles(fixturePath); + + await expect(page.getByTestId("asset-list").getByText("tiny-triangle-draco.glb", { exact: true })).toBeVisible(); + await expect(page.getByTestId("outliner-model-instance-list").getByRole("button")).toHaveCount(1); + + await page.getByRole("button", { name: "Place Instance" }).click(); + await expect(page.getByTestId("outliner-model-instance-list").getByRole("button")).toHaveCount(2); + + await page.getByRole("button", { name: "Save Draft" }).click(); + await expect(page.getByTestId("status-message")).toContainText("Local draft saved."); + + await page.reload(); + + await expect(page.getByTestId("asset-list").getByText("tiny-triangle-draco.glb", { exact: true })).toBeVisible(); + await expect(page.getByTestId("outliner-model-instance-list").getByRole("button")).toHaveCount(2); + await expect(page.getByTestId("asset-status-message")).toHaveCount(0); + + expect(pageErrors).toEqual([]); + expect(consoleErrors).toEqual([]); +});