mutiny-web/e2e/routes.spec.ts

import { expect, Page, test } from "@playwright/test";

import { loadHome, visitSettings } from "./utils";

const routes = [
    "/",
    "/feedback",
    "/receive",
    "/scanner",
    "/search",
    "/send",
    "/settings"
];

const settingsRoutes = [
    "/admin",
    "/backup",
    "/channels",
    "/connections",
    "/currency",
    "/emergencykit",
    "/restore",
    "/servers",
    "/nostrkeys"
];

const settingsRoutesPrefixed = settingsRoutes.map((route) => {
    return "/settings" + route;
});

const allRoutes = routes.concat(settingsRoutesPrefixed);

// Create a JS Map of all routes so we can check them off one by one
const checklist = new Map();
allRoutes.forEach((route) => {
    checklist.set(route, false);
});

// Only works if there's a link to the route on the page
async function checkRoute(
    page: Page,
    route: string,
    expectedHeader: string,
    checklist: Map<string, boolean>
) {
    await page.locator(`a[href='${route}']`).first().click();
    await expect(page.locator("h1").first()).toHaveText(expectedHeader);
    checklist.set(route, true);
}

test.beforeEach(async ({ page }) => {
    await page.goto("http://localhost:3420/");
});

test("visit each route", async ({ page }) => {
    await loadHome(page);

    checklist.set("/", true);

    await visitSettings(page);

    checklist.set("/settings", true);

    // Lightning Channels
    await checkRoute(
        page,
        "/settings/channels",
        "Lightning Channels",
        checklist
    );
    await page.goBack();

    // Backup
    await checkRoute(page, "/settings/backup", "Backup", checklist);
    await page.goBack();

    // Restore
    await checkRoute(page, "/settings/restore", "Restore", checklist);
    await page.goBack();

    // Currency
    await checkRoute(page, "/settings/currency", "Currency", checklist);
    await page.goBack();

    // Servers
    await checkRoute(page, "/settings/servers", "Servers", checklist);
    await page.goBack();

    // Nostr Keys
    await checkRoute(page, "/settings/nostrkeys", "Nostr Keys", checklist);
    await page.goBack();

    // Emergency Kit
    await checkRoute(
        page,
        "/settings/emergencykit",
        "Emergency Kit",
        checklist
    );
    await page.goBack();

    // Admin
    await checkRoute(page, "/settings/admin", "Secret Debug Tools", checklist);
    await page.goBack();

    // Feedback
    await checkRoute(page, "/feedback", "Give us feedback!", checklist);
    await page.goBack();

    // Go back home
    await page.goBack();

    // Try the fab button
    await page.locator("#fab").click();
    await page.locator("text=Send").click();
    await expect(page.locator("input").first()).toBeFocused();

    // Send is covered in another test
    checklist.set("/send", true);

    await page.goBack();

    // Try the fab button again
    await page.locator("#fab").click();
    // (There are actually two buttons with the "Receive text on first run)
    await page.locator("text=Receive").last().click();

    await expect(page.locator("h1").first()).toHaveText("Receive Bitcoin");

    // Actual receive is covered in another test
    checklist.set("/receive", true);

    await page.goBack();

    // Try the fab button again
    await page.locator("#fab").click();
    await page.locator("text=Scan").click();

    // Scanner
    await expect(
        page.locator("button:has-text('Paste Something')")
    ).toBeVisible();
    checklist.set("/scanner", true);

    // Visit connections nwa params
    const nwaParams =
        "/settings/connections?nwa=nostr%2Bwalletauth%3A%2F%2Fe552dec5821ef94dc1b9138a347b4b1d8dcb595e31f5c89352e50dc11255e0f4%3Frelay%3Dwss%253A%252F%252Frelay.damus.io%252F%26secret%3D0bfe616c5e126a7c%26required_commands%3Dpay_invoice%26budget%3D21%252Fday%26identity%3D32e1827635450ebb3c5a7d12c1f8e7b2b514439ac10a67eef3d9fd9c5c68e245";
    await page.goto("http://localhost:3420" + nwaParams);
    await expect(page.locator('[role="dialog"] h2 header').first()).toHaveText(
        "Add Connection"
    );

    // print how many routes we've visited
    checklist.forEach((value, key) => {
        console.log(`${key}: ${value}`);
    });
});