MeshChatX/tests/e2e/smoke.spec.js

const { test, expect } = require("@playwright/test");

const E2E_BACKEND_PORT = process.env.E2E_BACKEND_PORT || "18079";
const E2E_BACKEND_ORIGIN = `http://127.0.0.1:${E2E_BACKEND_PORT}`;

test.describe("MeshChatX E2E (Vite + Python backend)", () => {
    test("backend /api/v1/status is OK (via Vite proxy)", async ({ request }) => {
        const res = await request.get("/api/v1/status");
        expect(res.ok()).toBeTruthy();
        const body = await res.json();
        expect(body.status).toBe("ok");
    });

    test("backend /api/v1/app/info returns version JSON (direct backend)", async ({ request }) => {
        const res = await request.get(`${E2E_BACKEND_ORIGIN}/api/v1/app/info`);
        expect(res.ok()).toBeTruthy();
        const body = await res.json();
        expect(body.app_info).toBeDefined();
        expect(String(body.app_info.version).length).toBeGreaterThan(0);
    });

    test("document title, shell, and app name in header", async ({ page }) => {
        await page.goto("/");
        await expect(page).toHaveTitle(/Reticulum MeshChatX/);
        await expect(page.getByText("Reticulum MeshChatX", { exact: true }).first()).toBeVisible({
            timeout: 30000,
        });
        const root = page.locator("#app");
        await expect(root).toBeVisible();
        await expect(root.locator("div").first()).toBeVisible({ timeout: 30000 });
    });

    test("about page shows MeshChatX and version", async ({ page }) => {
        await page.goto("/#/about");
        await expect(page).toHaveURL(/#\/about/);
        await expect(page.getByText("MeshChatX", { exact: true }).first()).toBeVisible({ timeout: 30000 });
        await expect(page.locator("#app")).toBeVisible();
    });

    test("settings route loads profile section", async ({ page }) => {
        await page.goto("/#/settings");
        await expect(page).toHaveURL(/#\/settings/);
        await expect(page.getByText("Profile", { exact: true }).first()).toBeVisible({ timeout: 30000 });
    });

    test("messages route is reachable", async ({ page }) => {
        await page.goto("/#/messages");
        await expect(page).toHaveURL(/#\/messages/);
        await expect(page.locator("#app")).toBeVisible();
    });

    test("debug logs route shows Logs and Access attempts tabs", async ({ page }) => {
        await page.goto("/#/debug/logs");
        await expect(page).toHaveURL(/#\/debug\/logs/);
        await expect(page.getByRole("button", { name: "Logs", exact: true })).toBeVisible({ timeout: 30000 });
        await expect(page.getByRole("button", { name: "Access attempts", exact: true })).toBeVisible({
            timeout: 30000,
        });
    });
});