test: add Cypress tests for web-endpoint skill

Covers wizard creation with skill toggle, instance detail Web Endpoint
tab, Gateway routes card, and API-level validation.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: AlexsJones

web/cypress/e2e/web-endpoint-api.cy.ts

@@ -0,0 +1,54 @@
+// Test: verify web-endpoint skill at the API level — instance spec contains
+// the skill after creation, and the skill can be toggled off via update.
+
+const INSTANCE = `cy-webep-api-${Date.now()}`;
+
+function authHeaders(): Record<string, string> {
+  const token = Cypress.env("API_TOKEN");
+  const h: Record<string, string> = { "Content-Type": "application/json" };
+  if (token) h["Authorization"] = `Bearer ${token}`;
+  return h;
+}
+
+describe("Web-endpoint — API validation", () => {
+  before(() => {
+    cy.createLMStudioInstance(INSTANCE, { skills: ["web-endpoint"] });
+  });
+
+  after(() => {
+    cy.deleteInstance(INSTANCE);
+  });
+
+  it("instance spec includes web-endpoint skill", () => {
+    cy.request({
+      url: `/api/v1/instances/${INSTANCE}?namespace=default`,
+      headers: authHeaders(),
+    }).then((resp) => {
+      expect(resp.status).to.eq(200);
+      const skills = resp.body.spec.skills as { skillPackRef: string }[];
+      expect(skills).to.be.an("array");
+      const hasWebEndpoint = skills.some(
+        (s) => s.skillPackRef === "web-endpoint",
+      );
+      expect(hasWebEndpoint).to.be.true;
+    });
+  });
+
+  it("web-endpoint skill has default rate_limit_rpm", () => {
+    cy.request({
+      url: `/api/v1/instances/${INSTANCE}?namespace=default`,
+      headers: authHeaders(),
+    }).then((resp) => {
+      const webSkill = (
+        resp.body.spec.skills as { skillPackRef: string; params?: Record<string, string> }[]
+      ).find((s) => s.skillPackRef === "web-endpoint");
+      // Default RPM is 60 (may be omitted or explicit).
+      const rpm = webSkill?.params?.rate_limit_rpm;
+      if (rpm) {
+        expect(rpm).to.eq("60");
+      }
+    });
+  });
+});
+
+export {};

web/cypress/e2e/web-endpoint-detail-and-gateway.cy.ts

@@ -0,0 +1,50 @@
+// Test: verify web-endpoint skill surfaces correctly on the instance detail
+// page (Web Endpoint tab) and on the Gateway routes card.
+
+const INSTANCE = `cy-webep-detail-${Date.now()}`;
+
+describe("Web-endpoint — detail page and gateway", () => {
+  before(() => {
+    cy.createLMStudioInstance(INSTANCE, { skills: ["web-endpoint"] });
+    cy.wait(2000);
+  });
+
+  after(() => {
+    cy.deleteInstance(INSTANCE);
+  });
+
+  it("shows the Web Endpoint tab with skill config", () => {
+    cy.visit(`/instances/${INSTANCE}`);
+
+    // The Web Endpoint tab should exist.
+    cy.contains("button", "Web Endpoint", { timeout: 20000 }).click();
+
+    // Tab content shows rate limit and hostname fields.
+    cy.contains("Rate Limit").should("be.visible");
+    cy.contains("60 req/min").should("be.visible");
+    cy.contains("auto from gateway").should("be.visible");
+  });
+
+  it("instance without web-endpoint shows disabled message", () => {
+    // Create a bare instance (no skills).
+    const BARE = `cy-bare-${Date.now()}`;
+    cy.createLMStudioInstance(BARE);
+    cy.wait(2000);
+
+    cy.visit(`/instances/${BARE}`);
+    cy.contains("button", "Web Endpoint", { timeout: 20000 }).click();
+    cy.contains("Web endpoint is not enabled").should("be.visible");
+
+    cy.deleteInstance(BARE);
+  });
+
+  it("instance appears in the Gateway routes card", () => {
+    cy.visit("/gateway");
+
+    // Routes card may be below the fold — scroll to it.
+    cy.contains("Routes", { timeout: 20000 }).scrollIntoView().should("be.visible");
+    cy.contains(INSTANCE, { timeout: 20000 }).scrollIntoView().should("be.visible");
+  });
+});
+
+export {};

web/cypress/e2e/web-endpoint-wizard.cy.ts

@@ -0,0 +1,89 @@
+// Test: create an instance via the wizard with the web-endpoint skill enabled.
+// Verifies the inline config (RPM, hostname) appears and persists to confirm step.
+
+const INSTANCE = `cy-webep-wiz-${Date.now()}`;
+
+describe("Create Instance — web-endpoint skill", () => {
+  after(() => {
+    cy.deleteInstance(INSTANCE);
+  });
+
+  it("walks the wizard, enables web-endpoint, and creates the instance", () => {
+    cy.visit("/instances");
+    cy.contains("button", "Create Instance", { timeout: 20000 }).click();
+
+    // ── Step 1: Name ──────────────────────────────────────────
+    cy.get("[role='dialog']")
+      .find("input[placeholder='my-agent']")
+      .clear()
+      .type(INSTANCE);
+    cy.wizardNext();
+
+    // ── Step 2: Provider — LM Studio ──────────────────────────
+    cy.get("[role='dialog']")
+      .find("button[role='combobox']")
+      .click({ force: true });
+    cy.get("[data-radix-popper-content-wrapper]")
+      .contains("LM Studio")
+      .click({ force: true });
+    cy.wizardNext();
+
+    // ── Step 3: Auth ──────────────────────────────────────────
+    cy.wizardNext();
+
+    // ── Step 4: Model ─────────────────────────────────────────
+    cy.get("[role='dialog']")
+      .find("input[placeholder='gpt-4o']")
+      .clear()
+      .type("qwen/qwen3.5-9b");
+    cy.wizardNext();
+
+    // ── Step 5: Skills — toggle web-endpoint ──────────────────
+    cy.get("[role='dialog']").contains("button", "web-endpoint").click();
+
+    // Inline config for web-endpoint should appear.
+    cy.get("[role='dialog']").contains("Web Endpoint Config").should("exist");
+    cy.get("[role='dialog']")
+      .find("input[type='number']")
+      .should("have.value", "60");
+    cy.get("[role='dialog']")
+      .find("input[placeholder='auto from gateway']")
+      .should("exist");
+
+    // Set a custom RPM.
+    cy.get("[role='dialog']")
+      .find("input[type='number']")
+      .focus()
+      .type("{selectall}120");
+
+    cy.wizardNext();
+
+    // ── Step 6: Heartbeat ─────────────────────────────────────
+    cy.get("[role='dialog']")
+      .contains("button", "No heartbeat")
+      .click({ force: true });
+    cy.wizardNext();
+
+    // ── Step 7: Channels ──────────────────────────────────────
+    cy.wizardNext();
+
+    // ── Step 8: Confirm ───────────────────────────────────────
+    cy.get("[role='dialog']").contains(INSTANCE);
+    cy.get("[role='dialog']").contains("lm-studio");
+    cy.get("[role='dialog']").contains("Web Endpoint").scrollIntoView();
+    cy.get("[role='dialog']").contains("120 rpm");
+
+    cy.get("[role='dialog']")
+      .contains("button", "Create")
+      .scrollIntoView()
+      .click({ force: true });
+
+    // Dialog closes on success.
+    cy.get("[role='dialog']").should("not.exist", { timeout: 20000 });
+
+    // Instance appears in the list.
+    cy.contains(INSTANCE, { timeout: 20000 }).should("be.visible");
+  });
+});
+
+export {};