feat: console ui, streaming report, history actions
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 4.7
parent
ee4a88e499
commit
a5529ce542
@@ -0,0 +1,27 @@
|
||||
import { chromium } from "@playwright/test";
|
||||
const ID = process.argv[2] ?? "660dd007-cc6f-4644-a57b-9c32a012e60a";;
|
||||
const b = await chromium.launch();
|
||||
const ctx = await b.newContext();
|
||||
await ctx.addCookies([{ name: "qai_s", value: "tokAPI", url: "http://localhost:3117" }]);
|
||||
const page = await ctx.newPage();
|
||||
const errs = [];
|
||||
page.on("pageerror", (e) => errs.push(String(e.message).slice(0, 140)));
|
||||
await page.goto(`http://localhost:3117/app/${ID}`, { waitUntil: "domcontentloaded" });
|
||||
await page.waitForSelector("#report", { timeout: 25000 });
|
||||
const q = async (sel) => page.locator(sel).count();
|
||||
console.log("QAI report", await q("#report"), "cards", await q("#report .card"), "sql blocks", await q("#report pre.sql"),
|
||||
"copy buttons", await q("#report button"), "tables", await q("#report table"), "bars", await q("#report .bar"),
|
||||
"verdict", await q("[data-verdict]"), "metrics", await q(".grid-metrics .card"));
|
||||
console.log("QAI headline", (await page.locator("#report h2").first().textContent())?.slice(0, 90));
|
||||
console.log("QAI console errors", errs.length, errs.slice(0, 2));
|
||||
for (const w of [320, 375, 414, 768]) {
|
||||
await page.setViewportSize({ width: w, height: 800 });
|
||||
await page.waitForTimeout(250);
|
||||
const over = await page.evaluate(() => document.documentElement.scrollWidth - document.documentElement.clientWidth);
|
||||
console.log(`QAI ${w}px overflow ${over}`);
|
||||
}
|
||||
await page.setViewportSize({ width: 1280, height: 900 });
|
||||
await page.emulateMedia({ media: "print" });
|
||||
console.log("QAI print rail hidden", await page.locator(".rail").isHidden(), "toolbar hidden", await page.locator(".toolbar").first().isHidden(),
|
||||
"body bg", await page.evaluate(() => getComputedStyle(document.body).backgroundColor));
|
||||
await b.close();
|
||||
Reference in New Issue
Block a user