project-knowledge 0.1.0 → 1.0.0

package/_site/_test/task15-20-ui-flow-test.js

@@ -0,0 +1,144 @@
+// UI flow coverage for TASK-015..020.
+// Uses a real Chromium via CDP and writes screenshots to _site/_test/ui-screenshots.
+
+const { spawn } = require('child_process');
+const fs = require('fs');
+const path = require('path');
+const http = require('http');
+const WebSocket = require('ws');
+
+const CHROME = 'C:\\Users\\SanQian\\AppData\\Local\\ms-playwright\\chromium-1223\\chrome-win64\\chrome.exe';
+const TARGET_URL = process.argv[2] || 'http://127.0.0.1:7777/';
+const OUT_DIR = path.join(__dirname, 'ui-screenshots');
+const PROFILE = path.join(OUT_DIR, 'task15-20-profile');
+const PORT = 9341;
+
+fs.mkdirSync(OUT_DIR, { recursive: true });
+fs.rmSync(PROFILE, { recursive: true, force: true });
+fs.mkdirSync(PROFILE, { recursive: true });
+
+function assert(cond, msg) { if (!cond) throw new Error('ASSERT: ' + msg); }
+function fetchJson(url) {
+  return new Promise((resolve, reject) => {
+    http.get(url, res => {
+      let body = '';
+      res.on('data', chunk => body += chunk);
+      res.on('end', () => {
+        try { resolve(JSON.parse(body)); } catch (e) { reject(e); }
+      });
+    }).on('error', reject);
+  });
+}
+async function waitFor(fn, label, ms = 15000) {
+  const deadline = Date.now() + ms;
+  let last;
+  while (Date.now() < deadline) {
+    try {
+      const got = await fn();
+      if (got) return got;
+    } catch (e) { last = e; }
+    await new Promise(resolve => setTimeout(resolve, 250));
+  }
+  throw new Error(`timeout: ${label}${last ? ` :: ${last.message}` : ''}`);
+}
+
+(async () => {
+  const child = spawn(CHROME, [
+    '--headless=new',
+    '--disable-gpu',
+    '--no-sandbox',
+    '--disable-dev-shm-usage',
+    `--remote-debugging-port=${PORT}`,
+    `--user-data-dir=${PROFILE}`,
+    '--window-size=1440,980',
+    'about:blank',
+  ], { stdio: ['ignore', 'pipe', 'pipe'], windowsHide: true });
+
+  const errors = [];
+  try {
+    const pages = await waitFor(() => fetchJson(`http://127.0.0.1:${PORT}/json/list`), 'chrome page list');
+    const page = pages.find(p => p.type === 'page') || pages[0];
+    const ws = new WebSocket(page.webSocketDebuggerUrl);
+    await new Promise((resolve, reject) => { ws.on('open', resolve); ws.on('error', reject); });
+
+    let nextId = 1;
+    const pending = new Map();
+    ws.on('message', m => {
+      const msg = JSON.parse(m.toString());
+      if (msg.id && pending.has(msg.id)) {
+        const { resolve, reject } = pending.get(msg.id);
+        pending.delete(msg.id);
+        if (msg.error) reject(new Error(msg.error.message));
+        else resolve(msg.result);
+      } else if (msg.method === 'Runtime.consoleAPICalled' && msg.params.type === 'error') {
+        errors.push((msg.params.args || []).map(arg => arg.value || arg.description || '').join(' '));
+      }
+    });
+    function send(method, params = {}) {
+      const id = nextId++;
+      return new Promise((resolve, reject) => {
+        pending.set(id, { resolve, reject });
+        ws.send(JSON.stringify({ id, method, params }));
+      });
+    }
+    async function evalJs(expression) {
+      const r = await send('Runtime.evaluate', { expression, returnByValue: true, awaitPromise: true });
+      return r.result.value;
+    }
+    async function screenshot(name) {
+      const r = await send('Page.captureScreenshot', { format: 'png', captureBeyondViewport: true });
+      const file = path.join(OUT_DIR, name);
+      fs.writeFileSync(file, Buffer.from(r.data, 'base64'));
+      return file;
+    }
+
+    await send('Runtime.enable');
+    await send('Page.enable');
+    await send('Network.enable');
+    await send('Page.navigate', { url: TARGET_URL });
+    await waitFor(() => evalJs('document.readyState === "complete"'), 'document ready');
+    await evalJs('localStorage.setItem("kb-ui-language", "en"); location.reload()');
+    await waitFor(() => evalJs('document.querySelector("#app") && document.querySelector("#app").innerText.includes("Project Supervision")'), 'app english dashboard');
+    await new Promise(resolve => setTimeout(resolve, 800));
+    const dashboardShot = await screenshot('task15-20-dashboard.png');
+
+    await evalJs(`[...document.querySelectorAll('button')].find(b => b.innerText.includes('Pending'))?.click()`);
+    await waitFor(() => evalJs('document.body.innerText.includes("Pending commit details")'), 'pending panel open');
+    const pendingItems = await evalJs('document.querySelectorAll("section details").length');
+    if (pendingItems > 0) assert(pendingItems > 0, 'pending panel should render collapsible details when it has items');
+    assert(!(await evalJs('document.body.innerText.includes("Project Operations")')), 'project detail should be hidden while summary panel is open');
+    const pendingShot = await screenshot('task15-20-pending-panel.png');
+
+    await evalJs(`[...document.querySelectorAll('button')].find(b => b.innerText.includes('Pending'))?.click()`);
+    await evalJs(`[...document.querySelectorAll('button')].find(b => b.innerText.includes('Recent issues') || b.innerText.includes('Issues'))?.click()`);
+    await waitFor(() => evalJs('document.body.innerText.includes("Issue center")'), 'issues panel open');
+    const issueGroups = await evalJs('document.querySelectorAll("section details").length');
+    if (await evalJs('!document.body.innerText.includes("No blocking issue detected.")')) {
+      assert(issueGroups > 0, 'issues panel should render per-project collapsible details when issues exist');
+    }
+
+    await evalJs(`document.querySelector('aside .min-h-0 button')?.click()`);
+    await waitFor(() => evalJs('!document.body.innerText.includes("Pending commit details") && !document.body.innerText.includes("Issue center")'), 'summary panel closes on project switch');
+
+    await evalJs(`[...document.querySelectorAll('button')].find(b => b.innerText.includes('Remove Project'))?.click()`);
+    await waitFor(() => evalJs('document.body.innerText.includes("Also delete KB files")'), 'remove modal open');
+    await waitFor(() => evalJs('document.body.innerText.includes("D:\\\\SanQian.Xu\\\\knowledge") && !document.body.innerText.includes("Not found")'), 'remove preview loaded');
+    assert(await evalJs('document.body.innerText.includes("KB path")'), 'remove modal should show KB path');
+    const removeShot = await screenshot('task15-20-remove-modal.png');
+    await evalJs(`[...document.querySelectorAll('button')].find(b => b.innerText.trim() === '×')?.click()`);
+
+    await evalJs(`[...document.querySelectorAll('button')].find(b => b.innerText.includes('Runs / Drafts'))?.click()`);
+    await waitFor(() => evalJs('document.body.innerText.includes("Runs and Drafts")'), 'runs view');
+    assert(await evalJs('document.body.innerText.includes("All branches") || document.querySelector("select")'), 'runs view should expose branch filtering controls when a run is selected or controls area exists');
+    const runsShot = await screenshot('task15-20-runs-view.png');
+
+    assert(errors.length === 0, `console errors: ${errors.join('\\n')}`);
+    console.log('TASK-015..020 UI flow test passed');
+    console.log(`screenshots:\n${dashboardShot}\n${pendingShot}\n${removeShot}\n${runsShot}`);
+  } catch (e) {
+    console.error('TASK-015..020 UI flow test failed:', e.message);
+    process.exitCode = 1;
+  } finally {
+    child.kill();
+  }
+})();

package/_site/_test/ui-smoke-test.js

@@ -210,10 +210,10 @@ function assert(cond, msg) {
     });
     await new Promise(resolve => setTimeout(resolve, 1000));
     r = await send('Runtime.evaluate', {
-      expression: '/Knowledge output language|知识库输出语言/.test(document.body.innerText)',
+      expression: '/Knowledge output language|知识库输出语言/.test(document.body.innerText) && /Test model|测试模型/.test(document.body.innerText) && /Base URL|Base 地址/.test(document.body.innerText)',
       returnByValue: true,
     });
-    assert(r.result.value, 'AI language setting did not render');
+    assert(r.result.value, 'AI model settings did not render');
 
     const shot = await send('Page.captureScreenshot', { format: 'png', fullPage: true });
     fs.writeFileSync(path.join(OUT_DIR, 'smoke-final.png'), Buffer.from(shot.data, 'base64'));