kangshifu-board/scripts/verify-board-v3-browser.mjs

import fs from 'node:fs/promises';
import path from 'node:path';
import assert from 'node:assert/strict';
import { pathToFileURL } from 'node:url';

const production = process.argv.includes('--production');
const output = path.resolve(process.env.KSF_BROWSER_OUTPUT || 'work/board-v3-release-20261112/browser');
await fs.mkdir(output, { recursive: true });
const manifest = JSON.parse(await fs.readFile('deploy/board-v3-20261112.json'));
const files = new Set(manifest.files.map(file => file.path));
const modulePath = process.env.KSF_PLAYWRIGHT_MODULE || path.resolve('work/workshop-manual-tools/node_modules/playwright/index.mjs');
const { chromium } = await import(pathToFileURL(modulePath).href);
const browser = await chromium.launch({ headless: true, ...(process.env.KSF_BROWSER_EXECUTABLE
  ? { executablePath: process.env.KSF_BROWSER_EXECUTABLE }
  : process.platform === 'win32' ? { executablePath: 'C:/Program Files (x86)/Microsoft/Edge/Application/msedge.exe' } : {}) });
const origin = 'https://kangshifu.fmode.cn', checks = [], errors = [], blockedWrites = [];
const receipt = { release: manifest.release, mode: production ? 'production-read-only' : 'local-source-with-public-production-reads',
  productionWrites: 0, deployedByThisCheck: false, checks, errors, blockedWrites };
try {
  const context = await browser.newContext({ viewport: { width: 1440, height: 1000 } });
  await context.route('**/*', async route => {
    const request = route.request(), url = new URL(request.url());
    if (!production && url.origin === origin && files.has(url.pathname.slice(1))) return route.fulfill({
      contentType: /\.m?js$/.test(url.pathname) ? 'application/javascript' : url.pathname.endsWith('.json') ? 'application/json' : 'font/woff2',
      body: await fs.readFile(url.pathname.slice(1)) });
    if (url.searchParams.get('fileId') === 'browser-only-file') return route.fulfill({ contentType: 'text/html',
      body: '<!doctype html><meta charset="utf-8"><h1>浏览器夹具：HTML排版展示</h1><p>仅在浏览器内存中验证，未保存为真实成果。</p>',
      headers: { 'content-security-policy': "default-src 'none'; sandbox" } });
    if (!['GET', 'HEAD'].includes(request.method())) {
      const body = request.postDataJSON();
      if (url.origin !== origin || url.pathname !== '/api/functions'
        || !['/ksfGetPublicBoard', '/ksfGetPublicMemberGroups'].includes(body?.path)) {
        blockedWrites.push(url.origin + url.pathname); return route.abort();
      }
    }
    return route.continue();
  });
  const page = await context.newPage(); page.on('pageerror', error => errors.push(error.message));
  let reportPath;
  for (const width of [1440, 390, 320]) {
    await page.setViewportSize({ width, height: 1000 });
    await page.goto(origin + '/workshop'); await page.locator('[data-output-member]').first().waitFor();
    const columns = await page.locator('thead').first().locator('[data-course-column]').count(); assert.equal(columns, 13);
    const memberIds = await page.locator('[data-output-member]').evaluateAll(rows => rows.map(row => row.dataset.outputMember));
    assert.equal(new Set(memberIds).size, memberIds.length);
    const overflow = await page.evaluate(() => Math.max(0, document.documentElement.scrollWidth - innerWidth)); assert.equal(overflow, 0);
    reportPath ||= await page.locator('[data-workshop-artifact]').first().getAttribute('href');
    await page.screenshot({ path: path.join(output, 'workshop-' + width + '.png') });
    checks.push({ page: 'workshop', width, columns, members: memberIds.length, overflow, actualPublicData: true });
    await page.goto(new URL(reportPath, origin).href); await page.locator('view-report h1').first().waitFor();
    const report = await page.locator('view-report').evaluate(view => ({ artifactId: view.artifactId,
      attachments: view.db.artifactById[view.artifactId]?.report?.attachments?.length || 0,
      statisticsCards: view.renderRoot.querySelectorAll('.statistics-card').length,
      chapters: view.renderRoot.querySelectorAll('[data-chapter]').length }));
    assert.ok(report.chapters > 0); const reportOverflow = await page.evaluate(() => Math.max(0, document.documentElement.scrollWidth - innerWidth));
    assert.equal(reportOverflow, 0); await page.screenshot({ path: path.join(output, 'real-report-' + width + '.png') });
    checks.push({ page: 'real-report', width, ...report, overflow: reportOverflow, actualPublicData: true });
    await page.goto(origin + '/reports'); await page.locator('[data-type-card]').first().waitFor();
    assert.equal(await page.locator('[data-type-card]').count(), 11);
    await page.goto(origin + '/pool'); await page.locator('view-pool .course-note').waitFor();
    assert.equal(await page.evaluate(() => Math.max(0, document.documentElement.scrollWidth - innerWidth)), 0);
    assert.equal(await page.locator('view-pool button[aria-pressed="true"]').filter({ hasText: '最新' }).count(), 2);
    checks.push({ page: 'reports-and-pool', width, reportCategories: 11, defaultSort: 'newest', actualPublicData: true });
  }
  // Separate in-memory fixtures exercise cards even when public reports have not saved these sections yet.
  for (const width of [1440, 390, 320]) {
    await page.setViewportSize({ width, height: 1000 }); await page.goto(new URL(reportPath, origin).href);
    await page.locator('view-report h1').first().waitFor();
    await page.locator('view-report').evaluate(async view => {
      const db = view.db, original = db.artifactById[view.artifactId];
      const report = { title: '浏览器内存夹具：统计和课程排序', executive: ['仅用于排版验证，未写入业务数据。'],
        chapters: [{ id: 'browser-verification', title: '浏览器夹具', sections: [
          { id: 'statistics-summary', kind: 'table', data: { cols: ['维度/主题', '提及数 n', '有效样本 N', '统计口径与范围', '数据解释与限制', '产品含义', '证据'], rows: [
            ['密封便利', 4, 10, '夹具样本10条，不代表真实调研', '多主题可重叠', '用于验证密封结构卡片', ''],
            ['待核材料', null, null, '夹具分母尚未核实', '不计算比例', '先补原件再判断', '']] } },
          { id: 'course-priority', kind: 'table', data: { cols: ['机会', '证据强度', '可做性', '商业价值', '依据一句话', '排序'], rows: [
            ['浏览器夹具候选', 3, 2, null, '商业价值尚未核实，仅验证未知项展示', '待补资料']] } },
        ] }], evidence: {}, attachments: [{ id: 'browser-only-file', name: '浏览器夹具.html', contentType: 'text/html', sha256: 'a'.repeat(64),
          url: location.origin + '/api/functions?path=%2Fksf%2Ffile&artifactId=' + encodeURIComponent(view.artifactId) + '&fileId=browser-only-file' }] };
      const artifact = { ...original, report };
      view.db = { ...db, artifacts: db.artifacts.map(row => row.id === artifact.id ? artifact : row), artifactById: { ...db.artifactById, [artifact.id]: artifact } };
      view._readingFormat = 'html'; await view.updateComplete;
    });
    await page.locator('[data-html-report] iframe').waitFor();
    await page.frameLocator('[data-html-report] iframe').locator('h1').waitFor();
    await page.getByRole('button', { name: '看板正文与证据', exact: true }).click();
    assert.equal(await page.locator('[data-html-report] iframe').count(), 0);
    assert.equal(await page.locator('.statistics-card').count(), 2); assert.equal(await page.locator('.course-assessment').count(), 1);
    assert.ok((await page.locator('.statistics-card').first().textContent()).includes('40.0%'));
    assert.ok((await page.locator('.statistics-card').nth(1).textContent()).includes('不计算占比'));
    assert.ok((await page.locator('.course-assessment').textContent()).includes('未知项待补'));
    assert.equal(await page.evaluate(() => Math.max(0, document.documentElement.scrollWidth - innerWidth)), 0);
    await page.locator('[data-statistics-summary]').scrollIntoViewIfNeeded();
    await page.screenshot({ path: path.join(output, 'fixture-statistics-' + width + '.png') });
    await page.getByRole('button', { name: 'HTML 排版', exact: true }).click();
    await page.locator('[data-html-report] iframe').waitFor();
    checks.push({ page: 'in-memory-fixture', width, statisticsCards: 2, courseAssessmentCards: 1, htmlToggle: '1→0→1', actualPublicData: false, saved: false });
  }
  assert.deepEqual(blockedWrites, []); assert.deepEqual(errors, []); receipt.ok = true;
} catch (error) { receipt.ok = false; receipt.failure = error.stack; process.exitCode = 1; }
finally { await browser.close(); await fs.writeFile(path.join(output, 'browser-check.json'), JSON.stringify(receipt, null, 2) + '\n'); }
console.log(JSON.stringify(receipt, null, 2));