add encrypt test

e2e/encrypt.spec.ts

@@ -0,0 +1,90 @@
+import { test, expect } from "@playwright/test";
+
+test.beforeEach(async ({ page }) => {
+    await page.goto("http://localhost:3420/");
+});
+
+test("test local encrypt", async ({ page }) => {
+    // Expect a title "to contain" a substring.
+    await expect(page).toHaveTitle(/Mutiny Wallet/);
+
+    // Wait for an element matching the selector to appear in DOM.
+    await page.waitForSelector("text=0 SATS");
+
+    console.log("Page loaded.");
+
+    // Wait for a while just to make sure we can load everything
+    await page.waitForTimeout(1000);
+
+    // Navigate to settings
+    const settingsLink = await page.getByRole("link", { name: "Settings" });
+
+    settingsLink.click();
+
+    // Wait for settings to load
+    await page.waitForSelector("text=Settings");
+
+    // Click the "Backup" link
+    await page.click("text=Backup");
+
+    // Click the "Tap to reveal seed words" button
+    await page.click("text=Tap to reveal seed words");
+
+    // Click all three checkboxes
+    await page.getByLabel("I wrote down the words").click({ force: true });
+    await page
+        .getByLabel("I understand that my funds are my responsibility")
+        .click({ force: true });
+    await page
+        .getByLabel("I'm not lying just to get this over with")
+        .click({ force: true });
+
+    // The "I wrote down the words" button should not be disabled
+    const wroteDownButton = await page.locator("button", {
+        hasText: "I wrote down the words"
+    });
+    await expect(wroteDownButton).not.toBeDisabled();
+
+    // Click the "I wrote down the words" button
+    await wroteDownButton.click();
+
+    // The header should now say "Encrypt your seed words"
+    await expect(page.locator("h1")).toContainText(["Encrypt your seed words"]);
+
+    // Set a password
+    // 1. Find the input field with the name "password"
+    const passwordInput = await page.locator(`input[name='password']`);
+
+    // 2. Type the password into the input field
+    await passwordInput.type("test");
+
+    // 3. Find the input field with the name "confirmPassword"
+    const confirmPasswordInput = await page.locator(
+        `input[name='confirmPassword']`
+    );
+
+    // 4. Type the password into the input field
+    await confirmPasswordInput.type("test");
+
+    // The "Encrypt" button should not be disabled
+    const encryptButton = await page.locator("button", { hasText: "Encrypt" });
+    await expect(encryptButton).not.toBeDisabled();
+
+    // Click the "Encrypt" button
+    await encryptButton.click();
+
+    // Wait for a modal with the text "Enter your password"
+    await page.waitForSelector("text=Enter your password");
+
+    // Find the input field with the name "password"
+    const passwordInput2 = await page.locator(`input[name='password']`);
+
+    // Type the password into the input field
+    await passwordInput2.type("test");
+
+    // Click the "Decrypt Wallet" button
+    await page.click("text=Decrypt Wallet");
+
+    // Wait for an element matching the selector to appear in DOM.
+    await page.waitForSelector("text=0 SATS");
+});