More e2e tests

2026-08-07 17:23:05 +02:00 · 2026-02-24 22:33:28 -08:00
parent 27942975e2
commit 566181faed
4 changed files with 257 additions and 0 deletions
@@ -0,0 +1,36 @@
+import { test, expect } from '@playwright/test';
+import { getUnreads } from '../helpers/api';
+import { seedChannelUnread } from '../helpers/seed';
+
+const CHANNEL_NAME = '#markread-e2e';
+
+test.describe('Mark all as read', () => {
+  test('clears server and UI unread state', async ({ page }) => {
+    // Seed a couple of unread channel messages
+    seedChannelUnread({ channelName: CHANNEL_NAME, unreadCount: 2 });
+
+    // Sanity: server reports unreads
+    const before = await getUnreads();
+    expect(Object.values(before.counts).some((c) => c > 0)).toBeTruthy();
+
+    await page.goto('/');
+    await expect(page.getByText(CHANNEL_NAME, { exact: true })).toBeVisible({ timeout: 15_000 });
+
+    // Sidebar should show the mark-all control
+    const markAll = page.getByText('Mark all as read');
+    await expect(markAll).toBeVisible();
+
+    await markAll.click();
+
+    // Server unreads should now be empty
+    await expect(async () => {
+      const after = await getUnreads();
+      expect(Object.keys(after.counts).length).toBe(0);
+      expect(Object.keys(after.mentions).length).toBe(0);
+    }).toPass({ timeout: 10_000, intervals: [1_000] });
+
+    // Reload to ensure persistence
+    await page.reload();
+    await expect(page.getByText('Mark all as read')).not.toBeVisible();
+  });
+});
@@ -0,0 +1,49 @@
+import { test, expect } from '@playwright/test';
+import { seedChannelMessages } from '../helpers/seed';
+
+const CHANNEL_NAME = '#pagination-e2e';
+
+test.describe('Message pagination ordering/dedup', () => {
+  test('loads older pages without duplicates or ordering issues', async ({ page }) => {
+    // Seed 250 messages; latest has highest index
+    const seeded = seedChannelMessages({
+      channelName: CHANNEL_NAME,
+      count: 250,
+      startTimestamp: Math.floor(Date.now() / 1000) - 260,
+      outgoingEvery: 10,
+      includePaths: true,
+    });
+
+    // Directly open the channel via URL hash to avoid sidebar filtering
+    await page.goto(`/#channel/${seeded.key}/${CHANNEL_NAME.replace('#', '')}`);
+    await expect(page.getByPlaceholder(/message/i)).toBeVisible({ timeout: 15_000 });
+
+    // Latest message should be visible
+    await expect(page.getByText('seed-249', { exact: true })).toBeVisible({ timeout: 15_000 });
+    // Oldest message should not be in the initial page (limit 200)
+    await expect(page.getByText('seed-0', { exact: true })).toHaveCount(0);
+
+    const list = page.locator('div.h-full.overflow-y-auto').first();
+
+    // Scroll to top to trigger older fetch
+    await list.evaluate((el) => {
+      el.scrollTop = 0;
+    });
+
+    // Wait for oldest message to appear after pagination
+    await expect(page.getByText('seed-0')).toBeVisible({ timeout: 15_000 });
+
+    // Spot-check ordering: seed-249 appears above seed-200; seed-50 above seed-10
+    // Fetch from API to validate ordering and dedup
+    const texts = await page.evaluate(async (key) => {
+      const res = await fetch(`/api/messages?type=CHAN&conversation_key=${key}&limit=300`);
+      const data = await res.json();
+      return data.map((m: any) => m.text);
+    }, seeded.key);
+
+    expect(texts.length).toBeGreaterThanOrEqual(250);
+    expect(texts[0]).toContain('seed-249');
+    expect(texts[texts.length - 1]).toContain('seed-0');
+    expect(new Set(texts).size).toBe(texts.length);
+  });
+});