Something went wrong. Try again.
a tiny pet with an even tinier brain, living in your browser
Something went wrong. Try again.
8.1 kB · 213 lines
JavaScript
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214// Run against a disposable local preview with ?debug=1 and a fresh persistent// profile: playwright-cli -s=pet run-code --filename=test/browser-flow.js// Uses the real configured brain. The only forced model effects are explicitly// marked debug checks; nothing here should run against a personal browser save.async function browserFlow(page) { const check = (condition, message) => { if (!condition) throw new Error(message); }; const result = []; await page.waitForFunction(() => !!window.subtokenling); check(await page.evaluate(() => !("tokenling" in window)), "Obsolete debug API alias remains"); check(await page.locator("#setup-owner").isVisible(), "Use a fresh test profile"); await page.fill("#owner-name", "Sam"); await page.click("#setup-owner button"); await page.fill("#pet-name", ""); await page.waitForTimeout(1100); check((await page.inputValue("#pet-name")) === "", "Progress must not restore a cleared name"); await page.fill("#pet-name", "Mochi"); await page.waitForFunction(() => ["ready", "error"].includes(subtokenling.brain.state), null, { timeout: 60000, }); check( await page.evaluate(() => subtokenling.brain.state === "ready"), await page.locator("#setup-hatch-note").innerText(), ); check((await page.inputValue("#pet-name")) === "Mochi", "Progress changed the name"); await page.click("#hatch-btn"); await page.waitForFunction( () => subtokenling.state().chat.some((l) => l.startsWith("Mochi:")) && !subtokenling.brain.busy, null, { timeout: 60000 }, ); const graph = await page.evaluate(async () => { const cfg = JSON.parse(document.getElementById("pet-config").textContent); const dtype = cfg.dtype || "q4"; const files = { q4: "model_q4.onnx", q8: "model_quantized.onnx", fp32: "model.onnx" }; const url = new URL(`${cfg.modelId}/onnx/${files[dtype]}`, new URL(cfg.models, location.href)) .href; const cached = !!(await (await caches.open("transformers-cache")).match(url)); return { dtype, cached, selected: subtokenling.brain.id === cfg.modelId }; }); check(graph.cached && graph.selected, "Configured precision did not load/cache its actual graph"); result.push(`fresh ${graph.dtype} download, edited name, hatch and real generation`);
await page.click("#tab-care"); await page.uncheck("#chatter-toggle"); check((await page.inputValue("#owner-name-edit")) === "Sam", "Settings owner is stale"); await page.click("#tab-chat"); const before = await page.evaluate(() => subtokenling.state().chat.length); await page.fill("#chat-input", "hello little friend"); await page.press("#chat-input", "Enter"); await page.waitForFunction( (n) => subtokenling.state().chat.length > n + 1 && !subtokenling.brain.busy, before, { timeout: 60000 }, ); check( await page .locator("#chat-log") .innerText() .then((t) => t.includes("hello little friend")), "Missing owner message", ); // The engine owns the save; debug edits go through it. await page.evaluate(() => subtokenling.debug.edit((s) => { s.stats.tummy = 15; }), ); await page.click("#act-feed"); await page.getByRole("button", { name: "cookie", exact: true }).click(); await page.waitForFunction(() => !subtokenling.state().offer && !subtokenling.brain.busy, null, { timeout: 60000, }); check( await page.evaluate(() => subtokenling.state().today.log.some((l) => /ate a cookie|said no to a cookie/.test(l)), ), "Offer was not resolved", ); await page.click("#act-meds"); await page.waitForFunction(() => !subtokenling.state().offer && !subtokenling.brain.busy, null, { timeout: 60000, }); result.push("chat, food offer and healthy medicine availability");
// Deterministic debug effects verify UI wiring independently of model sampling. await page.evaluate(() => { subtokenling.debug.applyTags("[remember:Sam likes frogs] [gift:flower]"); }); await page.click("#tab-shelf"); check( await page .locator("#memory-list") .innerText() .then((t) => t.includes("Sam likes frogs")), "Memory missing", ); check( await page .locator("#shelf-items") .innerText() .then((t) => t.includes("flower")), "Gift missing", ); await page.getByRole("button", { name: "forget: Sam likes frogs" }).click(); check( await page.evaluate(() => !subtokenling.state().memories.includes("Sam likes frogs")), "Forget did not persist", ); await page.click("#tab-debug"); await page.locator("[data-debug-diary]").click(); await page.waitForFunction( () => subtokenling.state().diary.length && !subtokenling.brain.busy, null, { timeout: 60000, }, ); await page.click("#tab-diary"); check((await page.locator(".diary-page").count()) > 0, "Diary page missing"); result.push("memory, shelf and real diary generation");
await page.evaluate(() => { subtokenling.debug.edit((s) => { s.asleep = false; s.offer = { kind: "play", item: null }; }); subtokenling.debug.applyTags("[yes]"); }); await page.waitForFunction(() => !!subtokenling.view.game); const x = await page.evaluate(() => subtokenling.view.x); const pad = await page.locator("#pad-right").boundingBox(); await page.mouse.move(pad.x + pad.width / 2, pad.y + pad.height / 2); await page.mouse.down(); await page.waitForTimeout(200); await page.mouse.up(); check( await page.evaluate( (start) => subtokenling.view.x > start && subtokenling.view.game.dir === 0, x, ), "Held pad/release failed", ); await page.locator("#pad-left").focus(); await page.keyboard.down("Space"); await page.waitForTimeout(100); await page.keyboard.up("Space"); check(await page.evaluate(() => subtokenling.view.game.dir === 0), "Keyboard release failed"); await page.evaluate(() => { subtokenling.view.game.timeLeft = 0; }); await page.waitForFunction(() => !subtokenling.view.game && !subtokenling.brain.busy, null, { timeout: 60000, }); result.push("pointer and keyboard game controls");
await page.locator("#tab-chat").focus(); await page.keyboard.press("ArrowRight"); check( (await page.locator("#tab-diary").getAttribute("aria-selected")) === "true", "Arrow tab navigation failed", ); await page.keyboard.press("End"); check( (await page.locator("#tab-debug").getAttribute("aria-selected")) === "true", "End tab navigation failed", ); for (const width of [1280, 768, 360]) { await page.setViewportSize({ width, height: 900 }); for (const id of ["chat", "diary", "shelf", "care", "debug"]) { await page.click("#tab-" + id); check( await page.evaluate(() => document.documentElement.scrollWidth === innerWidth), `Overflow in ${id} at ${width}`, ); } } result.push("keyboard tabs and all panels at 1280/768/360px");
await page.reload(); await page.waitForFunction(() => window.subtokenling?.brain.state === "ready", null, { timeout: 60000, }); check( await page.evaluate( () => subtokenling.state().pet.name === "Mochi" && subtokenling.state().diary.length > 0, ), "Reload lost the pet", ); const other = await page.context().newPage(); await other.goto(page.url()); await other.locator("#pet-elsewhere").waitFor(); await other.click("#elsewhere-here"); await other.waitForFunction(() => window.subtokenling?.brain.state === "ready", null, { timeout: 60000, }); await page.locator("#pet-elsewhere").waitFor(); check( await page.evaluate(() => subtokenling.brain.worker === null), "Old tab still owns a worker", ); await other.close(); await page.waitForFunction( async () => !(await navigator.locks.query()).held.some((lock) => lock.name === "tokenling.v1"), ); await page.reload(); await page.waitForFunction(() => window.subtokenling?.brain.state === "ready", null, { timeout: 60000, }); result.push("cached reload and Web Lock takeover"); return result;}