@bongos/core 1.21.91 → 1.21.92

package/tests/wizard_one_page.mjs

@@ -0,0 +1,201 @@
+// tests/wizard_one_page.mjs — project creation as one page with three parts, in the night room
+// or the day room by the viewer's clock (task 1004648, BONGOS-V2).
+//
+// The design of record is docs/design/mocks/day-night-rooms/index.html (the owner approved it as
+// drawn, 2026-10-08), written up in docs/design/project-startup-direction.md "One-page flow". Sign
+// in stays the gate in front; then ONE page: "Make something.", the demo as a small link, part 01
+// your project, part 02 how it's run (a summary to skim — every row's Change opens today's real
+// control in place, and no row needs confirming), the terms tick, Create with a one-line recap,
+// then part 03 Connect GitHub once the project exists.
+//
+// This file pins the shape and the words statically, and EXECUTES the three small pieces of new
+// logic (the clock, what Create waits for, how full the page is) by the vm-slice idiom. The rows'
+// controls are executed by tests/wizard_physics_more.mjs; the walk end to end by the kit probes.
+//
+// Run:  node --test tests/wizard_one_page.mjs
+
+import assert from 'node:assert/strict';
+import { test } from 'node:test';
+import fs from 'node:fs';
+import path from 'node:path';
+import vm from 'node:vm';
+import { fileURLToPath } from 'node:url';
+
+const ROOT = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
+const HUB = fs.readFileSync(path.join(ROOT, 'modules', 'public-landing', 'public', 'projects.html'), 'utf8').replace(/\r\n/g, '\n');
+const STYLE = HUB.slice(HUB.indexOf('<style>'), HUB.indexOf('</style>'));
+const SCRIPT = HUB.slice(HUB.lastIndexOf('<script>'), HUB.lastIndexOf('</script>'));
+const VIEW = (HUB.match(/<section id="view-new" hidden>[\s\S]*?\n<\/section>/) || [''])[0];
+const MOCK = fs.readFileSync(path.join(ROOT, 'docs', 'design', 'mocks', 'day-night-rooms', 'index.html'), 'utf8').replace(/\r\n/g, '\n');
+const PAGE = (VIEW.match(/<section class="panel on" id="panel-page"[\s\S]*?\n {10}<\/section>/) || [''])[0];
+const part = (id) => (PAGE.match(new RegExp(`<div class="part[^"]*" id="${id}"[\\s\\S]*?\\n {14}</div>\\n`)) || [''])[0];
+const row = (key) => (PAGE.match(new RegExp(`<div class="setRow" data-row="${key}">[\\s\\S]*?\\n {18}</div>\\n`)) || [''])[0];
+const slice = (from, to) => {
+  const a = SCRIPT.indexOf(from), b = SCRIPT.indexOf(to, a);
+  assert.ok(a > 0 && b > a, `slice boundaries found: ${from} … ${to}`);
+  return SCRIPT.slice(a, b);
+};
+
+test('the gate, then one page: the controller knows three places, and the draft key moved with them', () => {
+  assert.ok(VIEW && PAGE, 'the view and its page are found');
+  const panels = [...VIEW.matchAll(/<section class="panel[^"]*" id="(panel-[a-z]+)"/g)].map((m) => m[1]);
+  assert.deepEqual(panels, ['panel-gate', 'panel-page'], 'the sign-in gate and the page, nothing else');
+  assert.match(SCRIPT, /var panels = \{ 0: 'panel-gate', 1: 'panel-page', 2: 'panel-page' \};/);
+  assert.match(SCRIPT, /var SCREEN = \{ 0: 'signin', 1: 'page', 2: 'done' \};/);
+  assert.match(SCRIPT, /var DRAFT_KEY = 'cb-create-draft-v10';/, 'a renumbering bumps the draft key, so an older draft is ignored rather than replayed');
+});
+
+test('the old screens, their doors and the confirm-every-row machinery are gone, not hidden', () => {
+  for (const id of ['panel-fork', 'panel-what', 'panel-checks', 'panel-review', 'panel-look', 'forkIntro', 'wizStart', 'wizBack', 'reviewGo', 'h-review', 'physNext', 'stepPager', 'hopWhile', 'hopSignin', 'doneStepsHead', 'h-projtype']) {
+    assert.doesNotMatch(HUB, new RegExp(`id="${id}"`), `#${id} is gone from the markup`);
+    assert.doesNotMatch(SCRIPT, new RegExp(`\\$\\('${id}'\\)`), `and nothing reaches for #${id}`);
+  }
+  for (const fn of ['confirmRow', 'confirmAllRows', 'unconfirm', 'unconfirmedRows', 'reopenReview', 'confirmedRows', 'validateStep', 'checksAdvance', 'paintDoors', 'prevStep', 'stepGo']) {
+    assert.doesNotMatch(SCRIPT, new RegExp(`function ${fn}\\(`), `${fn}() is removed`);
+  }
+  assert.doesNotMatch(SCRIPT, /state\.confirmed/, 'no row remembers being confirmed');
+  assert.doesNotMatch(VIEW, /data-next=|<form/, 'no screen-to-screen forms are left');
+  assert.doesNotMatch(STYLE, /\.doorPill|\.wizBack|\.stepPager|hopSignin/, 'nor their styles');
+});
+
+test('the page opens with the mockup\'s own words, in the mockup\'s order', () => {
+  const words = [
+    'Make something.',
+    'Three parts, one page. Just looking?',
+    'Try a small demo instead',
+    'Your project',
+    'A few quick checks. They decide which legal and payout options we can offer.',
+    'filled in from your answers',
+    'I can sign for this project, and I accept the',
+    'Create my project',
+    'Connect GitHub',
+    'opens once your project exists',
+    'One trip to GitHub. Approve the app, pick your repo, and you land back here. We tick each step as it happens, from any tab or device.',
+  ];
+  let at = 0;
+  for (const w of words) {
+    assert.ok(MOCK.includes(w.replace('How it’s run', 'How it\'s run')), `"${w}" is the mockup's own`);
+    const i = PAGE.indexOf(w, at);
+    assert.ok(i >= at, `"${w}" comes next on the page`);
+    at = i;
+  }
+  assert.match(PAGE, /<h2 id="p2-h"><span class="n">02<\/span>How it’s run <span class="state">filled in from your answers<\/span><\/h2>/);
+  assert.match(PAGE, /In a sentence <small>\(optional, it goes on the public map\)<\/small>/);
+  assert.match(VIEW, /<h1 id="gate-h">Make something\.<\/h1>[\s\S]*Continue with GitHub/, 'the gate in front is unchanged');
+});
+
+test('part 02 is the mockup\'s rows, each with one Change that opens today\'s own control in place', () => {
+  const rows = [...part('part-run').matchAll(/<div class="setRow" data-row="([a-z]+)">/g)].map((m) => m[1]);
+  assert.deepEqual(rows, ['code', 'address', 'team', 'extras', 'rewards', 'app', 'run', 'ship', 'look']);
+  const labels = rows.map((k) => (row(k).match(/<span class="k">([^<]+)<\/span>/) || [])[1]);
+  assert.deepEqual(labels, ['Code', 'Address', 'Team', 'Extras', 'Rewards', 'Hosting', 'We run', 'Shipping', 'Look']);
+  for (const k of rows) {
+    assert.match(row(k), /<span class="acts"><button type="button" class="rowChg" data-row-chg aria-expanded="false">Change<\/button><\/span>/, `${k}: one Change, nothing else`);
+    assert.match(row(k), /<div class="opts" hidden>/, `${k}: Change opens the row's own controls`);
+  }
+  assert.match(SCRIPT, /chg\.textContent = 'Done';/, 'an open row reads Done');
+  assert.match(SCRIPT, /chg\.textContent = 'Change';/, 'and Change again once closed');
+  assert.match(SCRIPT, /var ROWS = \['code', 'address', 'team', 'extras', 'rewards', 'app', 'run', 'ship', 'look'\];/);
+});
+
+test('nothing the live wizard does is lost: every capability in the direction table is reachable on the page', () => {
+  const has = (where, html, ids) => { for (const id of ids) assert.match(html, new RegExp(`id="${id}"`), `${where} hosts #${id}`); };
+  has('part 01', part('part-project'), ['newName', 'typeCards', 'f-desc', 'physFillOffer', 'physFromAccount', 'demoSetup', 'demoIdea', 'demoInvites', 'demoStart',
+    'physCountry', 'physRegionField', 'physAges', 'physIntent', 'physHaveEntity', 'physForms', 'checksStop', 'physStopMsg']);
+  has('the Code row', row('code'), ['physExisting', 'c-green', 'c-adopt', 'adoptNote', 'ghNoAccess', 'ghAdopt', 'ghSearch', 'ghFresh', 'manualHome', 'h-home']);
+  has('the Address row', row('address'), ['f-slug', 'addrConfirm', 'addrCustom', 'f-domain', 'f-noaddr']);
+  has('the Team row', row('team'), ['physTeam', 'physStartN', 'physExpected', 'teamCards']);
+  has('the Extras row', row('extras'), ['modQ', 'modCards', 'modWhy', 'modCoreNote']);
+  assert.match(row('rewards'), /data-phys="reward_intents" data-val="non-monetary"[\s\S]*data-val="future-payouts"/, 'Rewards: pick several');
+  has('the Hosting row', row('app'), ['appOpts', 'renderLater', 'renderSetup', 'f-renderKey', 'renderWs', 'renderSvc', 'renderNew']);
+  has('the We run row', row('run'), ['physSuite']);
+  assert.match(row('run'), /data-val="hybrid" aria-pressed="false">Some of it<\/button>/, 'We run: "Some of it" reveals the service checklist');
+  has('the Shipping row', row('ship'), ['shipOpts']);
+  has('the Look row', row('look'), ['wizLook', 'lookDot']);
+  has('the page', PAGE, ['wizResume', 'termsAck', 'doCreate', 'wizRecap', 'createWhy', 'createAlert', 'humanSteps', 'liveProgress', 'wizInvite', 'done-h']);
+  const ids = [...VIEW.matchAll(/\sid="([^"]+)"/g)].map((m) => m[1]);
+  assert.deepEqual(ids.filter((id, i) => ids.indexOf(id) !== i), [], 'moved, never copied: every id in the view is unique');
+});
+
+test('Create waits for a name and the terms tick only, and says why in place (executed)', () => {
+  const src = slice('var createBusy = false;', '$(\'termsAck\').checked = !!state.termsAck;');
+  const els = {};
+  const el = (id) => (els[id] = els[id] || { id, disabled: false, textContent: '', attrs: {}, setAttribute(k, v) { this.attrs[k] = v; } });
+  const ctx = { state: { step: 1, name: '', termsAck: false, projType: null }, $: el, renderRecap() {}, phys: () => ({ answers: {} }) };
+  vm.createContext(ctx);
+  vm.runInContext(src + '; this.paintCreate = paintCreate; this.createWhy = createWhy;', ctx);
+  ctx.paintCreate();
+  assert.equal(el('doCreate').disabled, true);
+  assert.equal(el('createWhy').textContent, 'Give it a name first.', 'no name: says so');
+  ctx.state.name = '  Kestrel ';
+  ctx.paintCreate();
+  assert.equal(el('doCreate').disabled, true);
+  assert.equal(el('createWhy').textContent, 'Tick the terms to create your project.', 'a name, no tick: says so');
+  ctx.state.termsAck = true;
+  ctx.paintCreate();
+  assert.equal(el('doCreate').disabled, false, 'a name and the tick: Create is enabled, whatever the rows say');
+  assert.equal(el('createWhy').textContent, ' ');
+  assert.equal(el('wizRoom').attrs['data-fill'], '2', 'the seed grows as the page fills in');
+  ctx.state.step = 2;
+  ctx.paintCreate();
+  assert.equal(el('doCreate').textContent, 'Created');
+  assert.equal(el('doCreate').disabled, true, 'once created, Create stands down');
+});
+
+test('Create runs the screening stop before anything exists, and a row that cannot be filed opens with its reason', () => {
+  const create = slice('$(\'doCreate\').addEventListener(\'click\'', '/* ── done panel');
+  const order = ['createWhy()', 'firstInvalidRow()', 'physScreen()', 'ensureFreshRepo()', "fetch(API + '/provisioning/instances'"].map((s) => create.indexOf(s));
+  assert.ok(order.every((i, k) => i > 0 && (k === 0 || i > order[k - 1])), 'name and tick, then the rows, then the screen, then the repo, then the create');
+  assert.match(create, /if \(!ok\) \{ var stop = new Error\('stopped'\); stop\.stopped = true; throw stop; \}/, 'a stop files nothing');
+  assert.match(SCRIPT, /if \(res && res\.stop\) \{ \$\('physStopMsg'\)\.textContent = res\.message \|\| ''; checksShow\('stop'\); return false; \}/, 'the stop is said in place, in the server\'s own words');
+});
+
+test('the room follows the viewer\'s own clock: day 07:00 to 18:59, re-checked each minute (executed)', () => {
+  const src = slice('function skyAt(d)', 'function paintSky()');
+  const ctx = {};
+  vm.createContext(ctx);
+  vm.runInContext(src + '; this.skyAt = skyAt;', ctx);
+  const at = (h, m) => ctx.skyAt(new Date(2026, 9, 8, h, m));
+  assert.equal(at(6, 59), 'night');
+  assert.equal(at(7, 0), 'day');
+  assert.equal(at(12, 0), 'day');
+  assert.equal(at(18, 59), 'day');
+  assert.equal(at(19, 0), 'night');
+  assert.equal(at(0, 0), 'night');
+  assert.match(SCRIPT, /function paintSky\(\) \{ root\.setAttribute\('data-sky', skyAt\(new Date\(\)\)\); \}\n\s*paintSky\(\);\n\s*setInterval\(paintSky, 60000\);/, 'painted at once and every minute');
+});
+
+test('the day room is the mockup\'s, drawn from the fifteen, and its motion sits inside the kill switch', () => {
+  const day = (STYLE.match(/#view-new\[data-sky="day"\] \.wizRoom\{[\s\S]*?\n\}/) || [''])[0];
+  assert.ok(day, 'the day room re-points the room\'s own tokens');
+  for (const t of ['--rm-room', '--rm-night', '--rm-moon', '--rm-tower-1', '--rm-pane', '--rm-floor', '--rm-glow', '--rm-leaf-1']) assert.match(day, new RegExp(`${t}:`), `${t} has a daylight value`);
+  const words = (STYLE.match(/#view-new\[data-sky="day"\]>\*\{[\s\S]*?\n\}/) || [''])[0];
+  assert.ok(words, 'the words get a light ground\'s tokens, on the view\'s children (never :root)');
+  for (const block of [day, words]) assert.doesNotMatch(block, /#(?!fff\b|000\b)[0-9a-f]{3,8}\b/i, 'no colour literal but black or white');
+  assert.match(words, /--ok:color-mix\(in srgb,var\(--wz-ok\) 40%,#000\);/, 'a status ink is read off the page\'s own through --wz-*, never itself');
+  assert.match(STYLE, /#view-new\[data-sky="day"\] \.rmCloud\{opacity:\.9;\}/, 'clouds by day');
+  assert.match(STYLE, /#view-new\[data-sky="day"\] \.rmSun\{opacity:\.7;\}/, 'and a patch of sun on the floor');
+  const calm = (STYLE.match(/@media \(prefers-reduced-motion:no-preference\)\{\n {2}#view-new \.rmSeed[\s\S]*?\n\}/) || [''])[0];
+  assert.match(calm, /#view-new \.rmCloud\{animation:rmDrift 60s linear infinite;\}/, 'the drift only without reduced motion');
+  assert.match(calm, /transition:background \.8s ease/, 'and the change of light too');
+  assert.doesNotMatch(STYLE.replace(calm, ''), /rmDrift 60s|animation:rmTwinkle|animation:rmBreathe/, 'no room motion outside the no-preference block');
+});
+
+test('part 03 is the checklist, every step on show, with the state line from the server\'s own record', () => {
+  assert.match(part('panel-done') || PAGE, /id="panel-done"/);
+  assert.match(PAGE, /<div class="part waiting" id="panel-done" aria-labelledby="done-part-h">/, 'part 03 waits until the project exists');
+  assert.match(SCRIPT, /done\.classList\.toggle\('waiting', !created\);/);
+  const steps = slice('function stepsPaint()', '(function hopInput()');
+  assert.match(steps, /'connected ✓'/);
+  assert.match(steps, /'waiting on GitHub…'/);
+  assert.match(steps, /'ready'/);
+  assert.doesNotMatch(steps, /innerHTML/, 'no markup built from strings');
+  assert.doesNotMatch(STYLE, /humanSteps>li:not\(\.cur\)/, 'the checklist is no longer paged one step at a time');
+});
+
+test('the name is typed, so the handle under it is built from nodes, never markup', () => {
+  const hint = slice('function paintNameHint()', 'if (state.name && state.slug) paintNameHint();');
+  assert.match(hint, /code\.textContent = state\.slug;/);
+  assert.doesNotMatch(hint, /innerHTML/);
+  assert.doesNotMatch(SCRIPT, /\$\('h-name'\)\.innerHTML/);
+});

package/tests/wizard_physics.mjs

@@ -104,7 +104,7 @@ const SCRIPT = HUB.slice(HUB.indexOf(START), HUB.indexOf(END, HUB.indexOf(START)
 
 test('the page carries the server\'s countries, regions and entity forms, exactly', () => {
   assert.ok(SCRIPT.length > 1000, 'the physics controller was found');
-  assert.ok(SCRIPT.includes('function checksAdvance()'), 'and it carries the quick checks\' Continue');
+  assert.ok(SCRIPT.includes('function physScreen()'), 'and it carries the screen Create asks (task 1004648)');
   const box = {};
   vm.createContext(box);
   vm.runInContext(SCRIPT.slice(0, SCRIPT.indexOf('    var physLimits = [];')).replace(/\bvar /g, 'this.'), box);
@@ -121,11 +121,11 @@ test('the page carries the server\'s countries, regions and entity forms, exactl
 });
 
 test('every choice the questions offer is an answer the server accepts', () => {
-  // the quick checks, and the rows of the review that host the rest (task 1004504)
-  const panel = HUB.slice(HUB.indexOf('<section id="view-new"'), HUB.indexOf('<!-- 5 · a look, then Create'));
-  const checks = HUB.slice(HUB.indexOf('id="panel-checks"'), HUB.indexOf('<!-- 4 · check what we set up'));
-  assert.deepEqual([...new Set([...checks.matchAll(/data-phys="([a-z_]+)"/g)].map((m) => m[1]))], ['builder_geography', 'minors_on_board', 'entity'],
-    'the quick checks ask where builders will be, about under-18s and who is behind it');
+  // the quick checks in part 01, and the rows of part 02 that host the rest (task 1004648)
+  const panel = HUB.slice(HUB.indexOf('<section id="view-new"'), HUB.indexOf('id="termsAck"'));
+  const checks = HUB.slice(HUB.indexOf('id="checksMain"'), HUB.indexOf('id="checksStop"'));
+  assert.deepEqual([...new Set([...checks.matchAll(/data-phys="([a-z_]+)"/g)].map((m) => m[1]))], ['minors_on_board', 'builder_geography', 'entity'],
+    'the quick checks ask about under-18s, where builders will be and who is behind it in the mockup’s order');
   assert.match(checks, /<select id="physCountry">/, 'and where you are');
   const seen = [...panel.matchAll(/data-phys="([a-z_]+)" data-val="([^"]+)"/g)];
   assert.ok(seen.length >= 20, 'the questions\' choices');
@@ -172,13 +172,13 @@ function boot({ checkAnswer = { stop: false, soft_limits: { limits: [] } } } = {
   const $ = (id) => (els[id] = els[id] || new El(id));
   const shown = [];
   const fetched = [];
-  const state = { description: '', teamShape: null, physics: null, mode: 'greenfield', confirmed: {} };
+  const state = { description: '', teamShape: null, physics: null, mode: 'greenfield' };
   const sandbox = {
     $, state, API: '/api/bongos', document: { createElement: () => new El('opt') },
     root: { querySelectorAll: () => [], querySelector: () => null },
     saveDraft() {}, show(n) { shown.push(n); }, Intl,
-    // the review's machinery lives outside this region (tests/wizard_physics_more.mjs runs it)
-    paintSetup() {}, unconfirm() {}, setMode(m) { state.mode = m; }, authKnown: true,
+    // part 02's machinery lives outside this region (tests/wizard_physics_more.mjs runs it)
+    paintSetup() {}, paintCreate() {}, setMode(m) { state.mode = m; }, authKnown: true,
     fetch: async (url, opts) => { fetched.push({ url, body: opts && opts.body && JSON.parse(opts.body) }); return { ok: true, json: async () => (url.includes('physics-check') ? checkAnswer : []) }; },
   };
   vm.createContext(sandbox);
@@ -187,56 +187,61 @@ function boot({ checkAnswer = { stop: false, soft_limits: { limits: [] } } } = {
 }
 const tick = () => new Promise((r) => setTimeout(r, 0));
 
-test('Continue on the quick checks asks for each answer, then the server, and only then moves on', async () => {
+test('Create asks the server\'s screen with the answers given so far, prefills included, and its soft limits shape part 02 (task 1004648)', async () => {
   const w = boot({ checkAnswer: { stop: false, soft_limits: { limits: [{ option: 'equity', effect: 'note', reason: 'r' }] } } });
+  w.run('phys(); physDefaults();');
   const a = () => w.state.physics.answers;
-  assert.equal(w.run('checksAdvance()'), false, 'the screen never says yes itself');
-  assert.match(w.$('h-phys').textContent, /Pick your country/);
-  a().home_country = 'US'; a().home_region = 'US-CA';
-  w.run('checksAdvance()');
-  assert.match(w.$('h-phys').textContent, /where builders will be/);
-  a().builder_geography = 'us-eu';
-  w.run('checksAdvance()');
-  assert.match(w.$('h-phys').textContent, /under 18/);
-  a().minors_on_board = true;
-  w.run('checksAdvance()');
-  assert.match(w.$('h-phys').textContent, /who’s behind it/);
-  assert.equal(w.fetched.length, 0, 'nothing is asked of the server until every answer is given');
-  a().entity = 'for-profit';
+  a().home_country = 'US'; a().home_region = 'US-CA'; a().builder_geography = 'us-eu'; a().minors_on_board = true; a().entity = 'for-profit';
   w.state.description = 'A co-op farming game.';
-  w.run('checksAdvance()');
-  w.run('checksAdvance()');
-  await tick(); await tick();
-  assert.equal(w.fetched.length, 1, 'a second Continue while the first is out asks nothing more');
+  let ok = null;
+  w.sandbox.done = (v) => { ok = v; };
+  w.run('physScreen().then(done)');
+  await tick(); await tick(); await tick();
+  assert.equal(ok, true, 'no stop: Create goes on');
+  assert.equal(w.fetched.length, 1);
   assert.equal(w.fetched[0].url, '/api/bongos/provisioning/physics-check');
-  // the review's prefills are written on the way: a new project, one person, all managed
+  // part 02's prefills ride along: a new project, one person, all managed
   assert.deepEqual(w.fetched[0].body, { description: 'A co-op farming game.', detail: {
     project_state: 'new', home_country: 'US', home_region: 'US-CA', builder_geography: 'us-eu', minors_on_board: true, entity: 'for-profit',
     builders_at_start: 1, builders_expected: 1, framing: 'managed', voice: 'professional' } });
   assert.equal(w.state.teamShape, 'solo', 'one person is a solo team shape');
-  assert.equal(w.$('h-phys').textContent, ' ', 'the ask clears');
-  assert.deepEqual(w.shown, [4], 'the screen passed it: on to the review');
-  assert.equal(JSON.stringify(w.run('physLimits')), JSON.stringify([{ option: 'equity', effect: 'note', reason: 'r' }]), 'and its soft limits shape the review');
+  assert.equal(JSON.stringify(w.run('physLimits')), JSON.stringify([{ option: 'equity', effect: 'note', reason: 'r' }]), 'and its soft limits shape the rows');
+  assert.deepEqual(w.shown, [], 'the screen moves nothing on itself: Create does');
+  const unanswered = boot();
+  unanswered.sandbox.done = (v) => { ok = v; };
+  ok = null;
+  unanswered.run('physScreen().then(done)');
+  await tick(); await tick(); await tick();
+  assert.equal(ok, true, 'an unanswered check is not a stop — the create runs the same screen and is the authority');
+  const demo = boot();
+  demo.state.demo = { people: 3 };
+  demo.sandbox.done = (v) => { ok = v; };
+  ok = null;
+  demo.run('physScreen().then(done)');
+  await tick();
+  assert.equal(ok, true);
+  assert.equal(demo.fetched.length, 0, 'a demo\'s answers are its own: nothing to screen');
 });
 
-test('a stopped description lands on the stop screen with the server\'s words, and Start over clears it all', async () => {
+test('a stopped answer lands on the stop in place of the checks, with the server\'s words, and the answers survive the way back', async () => {
   const w = boot({ checkAnswer: { stop: true, message: STOP_MESSAGE, soft_limits: { limits: [] } } });
   w.run('phys()');
   Object.assign(w.state.physics.answers, { home_country: 'NL', builder_geography: 'global', minors_on_board: false, entity: 'intent-solo' });
   w.state.description = 'ransomware';
-  w.run('checksAdvance()');
-  await tick(); await tick();
+  let ok = null;
+  w.sandbox.done = (v) => { ok = v; };
+  w.run('physScreen().then(done)');
+  await tick(); await tick(); await tick();
+  assert.equal(ok, false, 'Create files nothing');
   assert.equal(w.$('physStopMsg').textContent, STOP_MESSAGE);
-  assert.equal(w.$('checksStop').hidden, false, 'the stop screen shows');
+  assert.equal(w.$('checksStop').hidden, false, 'the stop shows');
   assert.equal(w.$('checksMain').hidden, true, 'in place of the questions');
   assert.deepEqual(w.shown, [], 'and nothing moves on: nothing exists to undo');
-  w.state.confirmed = { code: true };
   w.$('physStartOver').listeners.click();
-  assert.equal(w.state.description, '');
-  assert.equal(JSON.stringify(w.state.physics.answers), '{}', 'every answer goes');
-  assert.equal(JSON.stringify(w.state.confirmed), '{}', 'and every confirmed row');
-  assert.deepEqual(w.shown, [2], 'back to "What are you making?"');
+  assert.equal(w.$('checksStop').hidden, true, 'Change my answers takes the stop down');
   assert.equal(w.$('checksMain').hidden, false, 'with the questions back in place');
+  assert.equal(w.state.description, 'ransomware', 'and every answer kept, to change the one that stopped it');
+  assert.equal(w.state.physics.answers.home_country, 'NL');
 });
 
 test('the create sends the answers as detail: existing work only for an existing planet, the team shape beside them', () => {
@@ -263,7 +268,7 @@ test('the forming planet is gone: the night room stands behind the wizard instea
     assert.ok(!HUB.includes(gone), `${gone} is gone`);
   }
   assert.doesNotMatch(HUB, /id="(physPlanet|physGuard|physStage|panel-physics|physSummary)"/, 'and so is its markup');
-  assert.match(HUB, /<div class="wizRoom" id="wizRoom" data-screen="fork" aria-hidden="true">/, 'the room is decoration only');
+  assert.match(HUB, /<div class="wizRoom" id="wizRoom" data-screen="page" data-fill="0" aria-hidden="true">/, 'the room is decoration only');
   const seed = HUB.match(/<span class="rmSeed"><img src="\/assets\/world\/([a-z0-9-]+)\.webp" alt=""><\/span>/);
   assert.ok(seed, 'the room\'s seed is a world plate');
   assert.ok(fs.existsSync(path.join(LANDING, 'assets', 'world', `${seed[1]}.webp`)), `${seed[1]} exists`);