@cryptiklemur/lattice 1.15.0 → 1.16.1

package/tests/message-actions.spec.ts

@@ -0,0 +1,112 @@
+import { test, expect } from "@playwright/test";
+
+test.beforeEach(async function ({ page }) {
+  await page.evaluate(function () {
+    if ("serviceWorker" in navigator) {
+      navigator.serviceWorker.getRegistrations().then(function (registrations) {
+        registrations.forEach(function (r) { r.unregister(); });
+      });
+    }
+    caches.keys().then(function (names) {
+      names.forEach(function (name) { caches.delete(name); });
+    });
+  });
+});
+
+test.describe("Chat message hover actions", function () {
+  test.beforeEach(async function ({ page }) {
+    await page.goto("/");
+    await page.waitForSelector("[title='Lattice Dashboard']", { timeout: 10000 });
+
+    var projectButtons = page.locator("button:has(svg[aria-hidden='true'])").filter({
+      has: page.locator("text=/^[A-Z]{2,3}$/"),
+    });
+
+    var count = await projectButtons.count();
+    if (count === 0) {
+      test.skip(true, "No projects available to test");
+      return;
+    }
+
+    await projectButtons.first().click();
+    await page.waitForTimeout(1500);
+
+    var sessionButtons = page.locator("button[aria-label^='Session:']");
+    var sessionCount = await sessionButtons.count();
+
+    if (sessionCount === 0) {
+      test.skip(true, "No sessions available to test");
+      return;
+    }
+
+    await sessionButtons.first().click();
+    await page.waitForTimeout(2000);
+  });
+
+  test("hovering a message reveals Copy and New Session buttons", async function ({ page }) {
+    var messages = page.locator(".group\\/msg");
+    var messageCount = await messages.count();
+
+    if (messageCount === 0) {
+      test.skip(true, "No messages available to test");
+      return;
+    }
+
+    var targetMessage = messages.first();
+    await targetMessage.hover();
+    await page.waitForTimeout(300);
+
+    var copyButton = targetMessage.locator("button[title*='Copy']");
+    await expect(copyButton).toBeVisible({ timeout: 5000 });
+
+    var newSessionButton = targetMessage.locator("button[title='Start new session with this message']");
+    var hasNewSession = await newSessionButton.count();
+    if (hasNewSession > 0) {
+      await expect(newSessionButton).toBeVisible();
+    }
+  });
+
+  test("clicking New Session creates a session with prefilled input", async function ({ page }) {
+    var userMessages = page.locator(".chat.chat-end .group\\/msg, .chat-end.group\\/msg");
+    var userMessageCount = await userMessages.count();
+
+    if (userMessageCount === 0) {
+      var allMessages = page.locator(".group\\/msg");
+      var allCount = await allMessages.count();
+      if (allCount === 0) {
+        test.skip(true, "No messages available to test");
+        return;
+      }
+
+      await allMessages.first().hover();
+      await page.waitForTimeout(300);
+
+      var newSessionBtn = allMessages.first().locator("button[title='Start new session with this message']");
+      if (await newSessionBtn.count() === 0) {
+        test.skip(true, "No messages with New Session action available");
+        return;
+      }
+
+      await newSessionBtn.click();
+    } else {
+      await userMessages.first().hover();
+      await page.waitForTimeout(300);
+
+      var newSessionBtn2 = userMessages.first().locator("button[title='Start new session with this message']");
+      if (await newSessionBtn2.count() === 0) {
+        test.skip(true, "New Session button not found on user message");
+        return;
+      }
+
+      await newSessionBtn2.click();
+    }
+
+    await page.waitForTimeout(2000);
+
+    var textarea = page.locator("textarea");
+    if (await textarea.count() > 0) {
+      var value = await textarea.inputValue();
+      expect(value.length).toBeGreaterThan(0);
+    }
+  });
+});

package/tests/onboarding.spec.ts

@@ -0,0 +1,72 @@
+import { test, expect } from "@playwright/test";
+
+test.beforeEach(async function ({ page }) {
+  await page.evaluate(function () {
+    if ("serviceWorker" in navigator) {
+      navigator.serviceWorker.getRegistrations().then(function (registrations) {
+        registrations.forEach(function (r) { r.unregister(); });
+      });
+    }
+    caches.keys().then(function (names) {
+      names.forEach(function (name) { caches.delete(name); });
+    });
+  });
+});
+
+test.describe("Onboarding - new user flow", function () {
+  test("dashboard loads with project cards", async function ({ page }) {
+    await page.goto("/");
+    await page.waitForSelector("[title='Lattice Dashboard']", { timeout: 10000 });
+
+    var dashboardButton = page.locator("[title='Lattice Dashboard']");
+    await expect(dashboardButton).toBeVisible();
+  });
+
+  test("clicking a project shows sessions list in sidebar", async function ({ page }) {
+    await page.goto("/");
+    await page.waitForSelector("[title='Lattice Dashboard']", { timeout: 10000 });
+
+    var projectButtons = page.locator("button:has(svg[aria-hidden='true'])").filter({
+      has: page.locator("text=/^[A-Z]{2,3}$/"),
+    });
+
+    var count = await projectButtons.count();
+    if (count === 0) {
+      test.skip(true, "No projects available to test");
+      return;
+    }
+
+    await projectButtons.first().click();
+    await page.waitForTimeout(1500);
+
+    var sessionLabels = page.locator("text=/Today|Yesterday|This Week|This Month|Older|No sessions yet/");
+    await expect(sessionLabels.first()).toBeVisible({ timeout: 10000 });
+  });
+
+  test("project dashboard shows stats", async function ({ page }) {
+    await page.goto("/");
+    await page.waitForSelector("[title='Lattice Dashboard']", { timeout: 10000 });
+
+    var projectButtons = page.locator("button:has(svg[aria-hidden='true'])").filter({
+      has: page.locator("text=/^[A-Z]{2,3}$/"),
+    });
+
+    var count = await projectButtons.count();
+    if (count === 0) {
+      test.skip(true, "No projects available to test");
+      return;
+    }
+
+    await projectButtons.first().click();
+    await page.waitForTimeout(1000);
+
+    var dashboardLink = page.locator("button", { hasText: "Dashboard" });
+    if (await dashboardLink.isVisible()) {
+      await dashboardLink.click();
+      await page.waitForTimeout(1000);
+    }
+
+    var sidebar = page.locator("text=/Sessions|MCP Servers|Dashboard/").first();
+    await expect(sidebar).toBeVisible({ timeout: 10000 });
+  });
+});

package/tests/session-flow.spec.ts

@@ -0,0 +1,117 @@
+import { test, expect } from "@playwright/test";
+
+test.beforeEach(async function ({ page }) {
+  await page.evaluate(function () {
+    if ("serviceWorker" in navigator) {
+      navigator.serviceWorker.getRegistrations().then(function (registrations) {
+        registrations.forEach(function (r) { r.unregister(); });
+      });
+    }
+    caches.keys().then(function (names) {
+      names.forEach(function (name) { caches.delete(name); });
+    });
+  });
+});
+
+test.describe("Session switching", function () {
+  test.beforeEach(async function ({ page }) {
+    await page.goto("/");
+    await page.waitForSelector("[title='Lattice Dashboard']", { timeout: 10000 });
+
+    var projectButtons = page.locator("button:has(svg[aria-hidden='true'])").filter({
+      has: page.locator("text=/^[A-Z]{2,3}$/"),
+    });
+
+    var count = await projectButtons.count();
+    if (count === 0) {
+      test.skip(true, "No projects available to test");
+      return;
+    }
+
+    await projectButtons.first().click();
+    await page.waitForTimeout(1500);
+  });
+
+  test("clicking a session loads the chat view with messages", async function ({ page }) {
+    var sessionButtons = page.locator("button[aria-label^='Session:']");
+    var sessionCount = await sessionButtons.count();
+
+    if (sessionCount === 0) {
+      test.skip(true, "No sessions available to test");
+      return;
+    }
+
+    await sessionButtons.first().click();
+    await page.waitForTimeout(2000);
+
+    var chatMessages = page.locator(".chat");
+    await expect(chatMessages.first()).toBeVisible({ timeout: 10000 });
+  });
+
+  test("message content is visible in chat view", async function ({ page }) {
+    var sessionButtons = page.locator("button[aria-label^='Session:']");
+    var sessionCount = await sessionButtons.count();
+
+    if (sessionCount === 0) {
+      test.skip(true, "No sessions available to test");
+      return;
+    }
+
+    await sessionButtons.first().click();
+    await page.waitForTimeout(2000);
+
+    var chatBubbles = page.locator(".chat-bubble");
+    await expect(chatBubbles.first()).toBeVisible({ timeout: 10000 });
+    var text = await chatBubbles.first().textContent();
+    expect(text).toBeTruthy();
+  });
+
+  test("session title appears in the header", async function ({ page }) {
+    var sessionButtons = page.locator("button[aria-label^='Session:']");
+    var sessionCount = await sessionButtons.count();
+
+    if (sessionCount === 0) {
+      test.skip(true, "No sessions available to test");
+      return;
+    }
+
+    var sessionLabel = await sessionButtons.first().getAttribute("aria-label");
+    var expectedTitle = sessionLabel?.replace("Session: ", "") ?? "";
+
+    await sessionButtons.first().click();
+    await page.waitForTimeout(2000);
+
+    var headerTitle = page.locator("h1, [class*='font-mono'][class*='font-bold']").filter({
+      hasText: expectedTitle,
+    });
+
+    await expect(headerTitle.first()).toBeVisible({ timeout: 10000 });
+  });
+
+  test("switching sessions loads different messages", async function ({ page }) {
+    var sessionButtons = page.locator("button[aria-label^='Session:']");
+    var sessionCount = await sessionButtons.count();
+
+    if (sessionCount < 2) {
+      test.skip(true, "Need at least 2 sessions to test switching");
+      return;
+    }
+
+    await sessionButtons.first().click();
+    await page.waitForTimeout(2000);
+
+    var firstSessionMessages = page.locator(".chat-bubble");
+    await expect(firstSessionMessages.first()).toBeVisible({ timeout: 10000 });
+    var firstMessageText = await firstSessionMessages.first().textContent();
+
+    await sessionButtons.nth(1).click();
+    await page.waitForTimeout(2000);
+
+    var secondSessionMessages = page.locator(".chat-bubble");
+    await expect(secondSessionMessages.first()).toBeVisible({ timeout: 10000 });
+    var secondMessageText = await secondSessionMessages.first().textContent();
+
+    var activeSession = page.locator("button[aria-label^='Session:'][aria-current='true']");
+    await expect(activeSession).toHaveCount(1);
+  });
+});

package/tests/session-preview.spec.ts

@@ -0,0 +1,83 @@
+import { test, expect } from "@playwright/test";
+
+test.beforeEach(async function ({ page }) {
+  await page.evaluate(function () {
+    if ("serviceWorker" in navigator) {
+      navigator.serviceWorker.getRegistrations().then(function (registrations) {
+        registrations.forEach(function (r) { r.unregister(); });
+      });
+    }
+    caches.keys().then(function (names) {
+      names.forEach(function (name) { caches.delete(name); });
+    });
+  });
+});
+
+test.describe("Sidebar hover preview", function () {
+  test.beforeEach(async function ({ page }) {
+    await page.goto("/");
+    await page.waitForSelector("[title='Lattice Dashboard']", { timeout: 10000 });
+
+    var projectButtons = page.locator("button:has(svg[aria-hidden='true'])").filter({
+      has: page.locator("text=/^[A-Z]{2,3}$/"),
+    });
+
+    var count = await projectButtons.count();
+    if (count === 0) {
+      test.skip(true, "No projects available to test");
+      return;
+    }
+
+    await projectButtons.first().click();
+    await page.waitForTimeout(1500);
+  });
+
+  test("hovering a session shows a preview popover with stats", async function ({ page }) {
+    var sessionButtons = page.locator("button[aria-label^='Session:']");
+    var sessionCount = await sessionButtons.count();
+
+    if (sessionCount === 0) {
+      test.skip(true, "No sessions available to test");
+      return;
+    }
+
+    await sessionButtons.first().hover();
+    await page.waitForTimeout(500);
+
+    var previewPopover = page.locator(".fixed.z-\\[9999\\].w-\\[270px\\]");
+    await expect(previewPopover).toBeVisible({ timeout: 5000 });
+
+    var costIndicator = previewPopover.locator("text=/\\$[0-9]|<\\$0\\.01/");
+    await expect(costIndicator).toBeVisible({ timeout: 5000 });
+
+    var durationIndicator = previewPopover.locator("text=/\\d+[smh]/");
+    await expect(durationIndicator).toBeVisible({ timeout: 5000 });
+
+    var messageCountIndicator = previewPopover.locator("text=/\\d+ msgs/");
+    await expect(messageCountIndicator).toBeVisible({ timeout: 5000 });
+
+    var modelIndicator = previewPopover.locator("text=/claude|sonnet|opus|haiku|unknown/i");
+    await expect(modelIndicator).toBeVisible({ timeout: 5000 });
+  });
+
+  test("preview disappears when mouse leaves the session", async function ({ page }) {
+    var sessionButtons = page.locator("button[aria-label^='Session:']");
+    var sessionCount = await sessionButtons.count();
+
+    if (sessionCount === 0) {
+      test.skip(true, "No sessions available to test");
+      return;
+    }
+
+    await sessionButtons.first().hover();
+    await page.waitForTimeout(500);
+
+    var previewPopover = page.locator(".fixed.z-\\[9999\\].w-\\[270px\\]");
+    await expect(previewPopover).toBeVisible({ timeout: 5000 });
+
+    await page.locator("[title='Lattice Dashboard']").hover();
+    await page.waitForTimeout(300);
+
+    await expect(previewPopover).not.toBeVisible();
+  });
+});