Update files

2026-02-04 10:12:08 +07:00
parent 2fd818c156
commit dcf015bd92
2 changed files with 213 additions and 54 deletions
@@ -0,0 +1,100 @@
+import path from 'node:path';
+import { appendFile } from 'node:fs/promises';
+import { test, expect, type Page } from './fixtures';
+import { ensureHostSelected, gotoHome, setWorkingDirectory } from './helpers/app';
+import { createTempGitRepo } from './helpers/workspace';
+
+test.describe.configure({ timeout: 90000 });
+
+function getChangesScope(page: Page) {
+  return page.locator('[data-testid="explorer-content-area"]:visible').first();
+}
+
+async function openChangesPanel(page: Page) {
+  const changesHeader = getChangesScope(page).getByTestId('changes-header');
+  if (!(await changesHeader.isVisible())) {
+    const explorerHeader = page.getByTestId('explorer-header');
+    if (await explorerHeader.isVisible()) {
+      await page.getByText('Changes', { exact: true }).click();
+    } else {
+      const overflowMenu = page.getByTestId('agent-overflow-menu').first();
+      await expect(overflowMenu).toBeVisible({ timeout: 10000 });
+      await overflowMenu.click();
+      await page.getByText('View Changes', { exact: true }).click();
+    }
+  }
+  await expect(changesHeader).toBeVisible();
+}
+
+async function refreshUncommittedMode(page: Page) {
+  const scope = getChangesScope(page);
+  const toggle = scope.getByTestId('changes-diff-status').first();
+  await expect(toggle).toBeVisible({ timeout: 30000 });
+
+  const currentLabel = (await toggle.innerText()).trim();
+  await toggle.click();
+  await expect.poll(async () => (await toggle.innerText()).trim()).not.toBe(currentLabel);
+
+  const nextLabel = (await toggle.innerText()).trim();
+  await toggle.click();
+  await expect.poll(async () => (await toggle.innerText()).trim()).not.toBe(nextLabel);
+}
+
+async function createAgentAndWait(page: Page, message: string) {
+  const input = page.getByRole('textbox', { name: 'Message agent...' });
+  await expect(input).toBeEditable();
+  await input.fill(message);
+  await input.press('Enter');
+  await expect(page).toHaveURL(/\/agent\//, { timeout: 120000 });
+  await expect(page.getByText(message, { exact: true })).toBeVisible();
+}
+
+test('keeps file header sticky while scrolling within a long diff', async ({ page }) => {
+  const repo = await createTempGitRepo('paseo-e2e-sticky-');
+
+  try {
+    await gotoHome(page);
+    await setWorkingDirectory(page, repo.path);
+    await ensureHostSelected(page);
+    await createAgentAndWait(page, 'Respond with exactly: READY');
+    await expect(page.getByText('READY', { exact: true })).toBeVisible({ timeout: 60000 });
+
+    await openChangesPanel(page);
+
+    const readmePath = path.join(repo.path, 'README.md');
+    const lines = Array.from({ length: 400 }, (_, idx) => `Sticky header line ${idx}\n`).join('');
+    await appendFile(readmePath, `\n${lines}`);
+
+    await refreshUncommittedMode(page);
+
+    const scope = getChangesScope(page);
+    await expect(scope.getByText('README.md', { exact: true })).toBeVisible({ timeout: 30000 });
+
+    const fileToggle = scope.getByTestId('diff-file-0-toggle').first();
+    await fileToggle.click();
+
+    const markerLine = scope.getByText('Sticky header line 250').first();
+    await expect(markerLine).toBeVisible({ timeout: 30000 });
+
+    const scroll = scope.getByTestId('git-diff-scroll').first();
+    await expect(scroll).toBeVisible();
+
+    await expect.poll(async () => {
+      return await scroll.evaluate((el) => (el.scrollHeight ?? 0) > (el.clientHeight ?? 0));
+    }).toBe(true);
+
+    await scroll.hover();
+    for (let i = 0; i < 12; i++) {
+      await page.mouse.wheel(0, 700);
+    }
+
+    await expect.poll(async () => {
+      return await scroll.evaluate((el) => el.scrollTop ?? 0);
+    }).toBeGreaterThan(0);
+
+    await expect(scope.getByText('Sticky header line 390').first()).toBeVisible({ timeout: 30000 });
+    await expect(fileToggle).toBeVisible();
+  } finally {
+    await repo.cleanup();
+  }
+});