Retain local and live browser evidence for request-tree TraceChain deployment

source/browser-sqlite/scripts/verify-space.mjs

@@ -0,0 +1,63 @@
+import assert from 'node:assert/strict';
+import {writeFileSync} from 'node:fs';
+import puppeteer from 'puppeteer-core';
+
+const url = process.env.TEAQL_SPACE_URL || 'https://teaql-browser-sqlite-playground.static.hf.space/';
+const browser = await puppeteer.launch({executablePath: process.env.CHROME_BIN || '/usr/bin/google-chrome',
+  headless: true, args: ['--no-sandbox', '--disable-dev-shm-usage']});
+try {
+  const page = await browser.newPage(), errors = [];
+  page.on('pageerror', error => errors.push(error.message));
+  page.on('console', event => { if (event.type() === 'error') errors.push(event.text()); });
+  page.on('response', response => { if (response.status() >= 400) errors.push(`${response.status()} ${response.url()}`); });
+  page.on('requestfailed', request => errors.push(`${request.failure()?.errorText} ${request.url()}`));
+  await page.goto(url, {waitUntil: 'networkidle0', timeout: 60_000});
+  const waitReady = () => page.waitForFunction(() => document.querySelector('#status')?.textContent?.includes('ready'), {timeout: 45_000});
+  await waitReady();
+  async function inspect(label) {
+    const response = JSON.parse(await page.$eval('#result', element => element.textContent));
+    const evidence = JSON.parse(await page.$eval('#sql', element => element.textContent));
+    assert.equal(response.resultCode, 0); assert.equal(response.status, 'YES');
+    assert.equal(response.recordCount, 3); assert.equal(response.metadata.totalCount, 3);
+    assert.equal(response.data[0].orderNumber, 'KEEP-002'); assert.equal(response.data[0].itemCount, 5);
+    assert.deepEqual(response.data[0].items.map(item => item.productName), ['Box 1', 'Box 2', 'Box 3']);
+    assert.deepEqual(response.facets.statusCounts.map(row => [row.orderCount, row.orderTotalAmount]), [[1, 100], [2, 500], [0, null]]);
+    assert.equal(evidence.length, 8);
+    const chains = evidence.map(entry => entry.traceChain.filter(node => node.kind === 'comment').map(node => node.detail));
+    for (const expected of [
+      ['load order list', "countAs('totalOrders')"],
+      ['load order list', 'selectStatusWith(...)', 'load status'],
+      ['load order list', 'selectOrderItemListWith(...)', 'load item previews'],
+      ['load order list', "countOrderItemsAs('itemCount')"],
+      ['load order list', "facetByStatusAs('statusCounts')", 'aggregate status'],
+      ['load order list', "facetByStatusAs('statusCounts')", 'load status facets'],
+    ]) assert.ok(chains.some(chain => JSON.stringify(chain) === JSON.stringify(expected)), JSON.stringify(expected));
+    const rendered = await page.$$eval('#evidence-rows tr', rows => rows.map(row => [...row.querySelectorAll('td')].map(cell => cell.textContent)));
+    assert.deepEqual(rendered, evidence.map(entry => [`${entry.elapsedMicros} µs`,
+      entry.tracePath.find(node => node.kind === 'request')?.name ?? '—',
+      `${entry.traceChain.find(node => node.kind === 'purpose').detail}: ${entry.traceChain.filter(node => node.kind === 'comment').map(node => node.detail).join(' → ')}`,
+      entry.debugSQL]));
+    return {label, response, evidence, rendered};
+  }
+  const receipts = [await inspect('first')];
+  const host = await page.evaluate(() => ({crossOriginIsolated, opfsDisabled: document.querySelector('#persist').disabled}));
+  if (!host.crossOriginIsolated) assert.equal(host.opfsDisabled, true);
+  await page.click('#logging');
+  await page.waitForFunction(() => document.querySelector('#status')?.textContent?.includes('0 diagnostics'));
+  receipts.push(await inspect('diagnostics-off'));
+  await page.select('#example', 'all');
+  await page.waitForFunction(() => { const text = document.querySelector('#result')?.textContent; return text && JSON.parse(text).recordCount === 4; });
+  await page.$eval('#search', element => { element.value = 'Q.constructor("return globalThis")'; });
+  await page.click('#query');
+  await page.waitForFunction(() => document.querySelector('#status')?.textContent?.includes('not allowed'));
+  assert.equal(await page.$eval('#sql', element => element.textContent), '[]');
+  await page.click('#preset'); await waitReady(); receipts.push(await inspect('restored'));
+  await page.click('#reset');
+  await page.waitForFunction(() => !document.querySelector('#reset').disabled);
+  receipts.push(await inspect('reset'));
+  await page.reload({waitUntil: 'networkidle0'}); await waitReady(); receipts.push(await inspect('refresh'));
+  assert.deepEqual(errors, []);
+  if (process.env.TEAQL_SPACE_EVIDENCE) writeFileSync(process.env.TEAQL_SPACE_EVIDENCE,
+    JSON.stringify({url, host, receipts, queryPresetSwitch: true, forbiddenConstructorRejected: true, errors, passed: true}, null, 2) + '\n', {flag: 'wx'});
+  console.log(`PASS live Static Space: new TraceChain, 8 SQL records, editor/presets, WebResponse/facets, diagnostics-off, reset/refresh; OPFS disabled=${host.opfsDisabled}`);
+} finally { await browser.close(); }