1 files changed, 104 insertions, 0 deletions
diff --git a/test/e2e/specs/monitor-form.spec.js b/test/e2e/specs/monitor-form.spec.js
new file mode 100644
index 0000000..7a84f3c
--- /dev/null
+++ b/test/e2e/specs/monitor-form.spec.js
@@ -0,0 +1,104 @@
+import { expect, test } from "@playwright/test";
+import { login, restoreSqliteSnapshot, screenshot } from "../util-test";
+
+/**
+ * Selects the monitor type from the dropdown.
+ * @param {import('@playwright/test').Page} page - The Playwright page instance.
+ * @param {string} monitorType - The monitor type to select (default is "dns").
+ * @returns {Promise<void>} - A promise that resolves when the monitor type is selected.
+ */
+async function selectMonitorType(page, monitorType = "dns") {
+    const monitorTypeSelect = page.getByTestId("monitor-type-select");
+    await expect(monitorTypeSelect).toBeVisible();
+    await monitorTypeSelect.selectOption(monitorType);
+
+    const selectedValue = await monitorTypeSelect.evaluate((select) => select.value);
+    expect(selectedValue).toBe(monitorType);
+}
+
+test.describe("Monitor Form", () => {
+    test.beforeEach(async ({ page }) => {
+        await restoreSqliteSnapshot(page);
+    });
+
+    test("condition ui", async ({ page }, testInfo) => {
+        await page.goto("./add");
+        await login(page);
+        await screenshot(testInfo, page);
+        await selectMonitorType(page);
+
+        await page.getByTestId("add-condition-button").click();
+        expect(await page.getByTestId("condition").count()).toEqual(2); // 1 added by default + 1 explicitly added
+
+        await page.getByTestId("add-group-button").click();
+        expect(await page.getByTestId("condition-group").count()).toEqual(1);
+        expect(await page.getByTestId("condition").count()).toEqual(3); // 2 solo conditions + 1 condition in group
+
+        await screenshot(testInfo, page);
+
+        await page.getByTestId("remove-condition").first().click();
+        expect(await page.getByTestId("condition").count()).toEqual(2); // 1 solo condition + 1 condition in group
+
+        await page.getByTestId("remove-condition-group").first().click();
+        expect(await page.getByTestId("condition-group").count()).toEqual(0);
+
+        await screenshot(testInfo, page);
+    });
+
+    test("successful condition", async ({ page }, testInfo) => {
+        await page.goto("./add");
+        await login(page);
+        await screenshot(testInfo, page);
+        await selectMonitorType(page);
+
+        const friendlyName = "Example DNS NS";
+        await page.getByTestId("friendly-name-input").fill(friendlyName);
+        await page.getByTestId("hostname-input").fill("example.com");
+
+        const resolveTypeSelect = page.getByTestId("resolve-type-select");
+        await resolveTypeSelect.click();
+        await resolveTypeSelect.getByRole("option", { name: "NS" }).click();
+
+        await page.getByTestId("add-condition-button").click();
+        expect(await page.getByTestId("condition").count()).toEqual(2); // 1 added by default + 1 explicitly added
+
+        await page.getByTestId("condition-value").nth(0).fill("a.iana-servers.net");
+        await page.getByTestId("condition-and-or").nth(0).selectOption("or");
+        await page.getByTestId("condition-value").nth(1).fill("b.iana-servers.net");
+
+        await screenshot(testInfo, page);
+        await page.getByTestId("save-button").click();
+        await page.waitForURL("/dashboard/*");
+
+        expect(page.getByTestId("monitor-status")).toHaveText("up", { ignoreCase: true });
+
+        await screenshot(testInfo, page);
+    });
+
+    test("failing condition", async ({ page }, testInfo) => {
+        await page.goto("./add");
+        await login(page);
+        await screenshot(testInfo, page);
+        await selectMonitorType(page);
+
+        const friendlyName = "Example DNS NS";
+        await page.getByTestId("friendly-name-input").fill(friendlyName);
+        await page.getByTestId("hostname-input").fill("example.com");
+
+        const resolveTypeSelect = page.getByTestId("resolve-type-select");
+        await resolveTypeSelect.click();
+        await resolveTypeSelect.getByRole("option", { name: "NS" }).click();
+
+        expect(await page.getByTestId("condition").count()).toEqual(1); // 1 added by default
+
+        await page.getByTestId("condition-value").nth(0).fill("definitely-not.net");
+
+        await screenshot(testInfo, page);
+        await page.getByTestId("save-button").click();
+        await page.waitForURL("/dashboard/*");
+
+        expect(page.getByTestId("monitor-status")).toHaveText("down", { ignoreCase: true });
+
+        await screenshot(testInfo, page);
+    });
+});