)['aria-pressed']);
+ // Which mode is LIT is what this test is about. Whether the panel then folds is `renderDistrict`'s
+ // existing behaviour, covered where the fold rules are — this suite's stub has a no-op classList.
+
+ assert.equal(pressed('auto'), 'true', 'the page did not start on auto');
+
+ press('open');
+ assert.equal(pressed('open'), 'true', 'pressing "always show" did not light it');
+ assert.equal(pressed('auto'), 'false', 'auto stayed lit after pinning the panel open');
+
+ // THE PRESS THE CYCLE COULD NOT MAKE: straight from one pin to the other, in one click, with
+ // no trip through auto and no waiting for a phase.
+ press('closed');
+ assert.equal(pressed('closed'), 'true', 'could not go from always-show to always-hide');
+ assert.equal(pressed('open'), 'false', 'two modes were lit at once');
+
+ press('auto');
+ assert.equal(pressed('auto'), 'true', 'could not get back to auto');
+ assert.equal(pressed('closed'), 'false', 'the previous mode stayed lit');
+ });
+
+ it('puts the newest line at the top of the history', async () => {
+ /**
+ * TODO #23. Jesse, 2026-08-30: "it should be reversed so the top line is the most recent and
+ * the further down you go, the older the entry." The panel used to run oldest-first and scroll
+ * itself to the bottom, so what had just happened was the line you had to go and find.
+ */
+ const { els } = await load('?seed=430&hand=sixRandom');
+ const lines = [...String(els.get('log')!['innerHTML']).matchAll(/([^<]*)<\/div>/g)].map(
+ (m) => m[1]!,
+ );
+ assert.ok(lines.length > 1, 'the log was too short to have an order at all');
+
+ // The deal is the OLDEST thing that has happened, so it must now be LAST rather than first.
+ const dealtAt = lines.findIndex((l) => /dealt|begins|opening/i.test(l));
+ assert.notEqual(dealtAt, -1, 'nothing in the log looks like the opening line');
+ assert.equal(
+ dealtAt,
+ lines.length - 1,
+ `the opening line is at ${dealtAt} of ${lines.length} — the log is still oldest-first`,
+ );
+ assert.equal(els.get('log')!['scrollTop'], 0, 'the panel still scrolls itself to the bottom');
+ });
+
+ it('shows the collision counts only while a collision limit is switched on', async () => {
+ /**
+ * TODO #28. The limits moved into the This Game card; the running counts stay on the top line,
+ * because a setting agreed to once and a number that changes how you play the next Stage are
+ * different kinds of thing. `0` means the limit is off, and a half that is off is left out
+ * rather than shown as "1 of 0".
+ */
+ const on = await load('?seed=430&colday=3&coltotal=5');
+ assert.match(String(on.els.get('collisions')!['textContent']), /0 of 3 today · 0 of 5 total/);
+
+ const dayOnly = await load('?seed=430&colday=3&coltotal=0');
+ const text = String(dayOnly.els.get('collisions')!['textContent']);
+ assert.match(text, /0 of 3 today/);
+ assert.doesNotMatch(text, /total/, 'a switched-off limit was counted towards anyway');
+
+ const off = await load('?seed=430&colday=0&coltotal=0');
+ assert.equal(off.els.get('collisions')!['textContent'], '', 'a game that cannot end this way still counted');
+ });
+
+ it('names the game type in the card, so a Cutthroat game does not look like a Co-op one', async () => {
+ const { els } = await load('?seed=430');
+ // The summary line carries it whether the card is open or shut — which is what replaces the
+ // header's `#gametype`, and is why solitaire losing the (empty) game-code tooltip costs nothing.
+ assert.match(String(els.get('gamecardsummary')!['textContent']), /^Solitaire · 5 Days/);
+
+ (els.get('gamecardtoggle')!['onclick'] as () => void)();
+ const body = String(els.get('gamecardbody')!['innerHTML']);
+ assert.match(body, /Type<\/dt>]*>Solitaire/, 'the opened card does not name the game type');
+ assert.match(body, /Combined Revenue floor<\/dt>]*>15/, 'the card does not carry the victory conditions');
+ assert.match(body, /Days<\/dt>]*>5/, 'the card does not say how long the game is');
});
it('asks before the first deal — a bare visit shows the setup screen, not a dealt game', async () => {