Move arrival count to loading footer and prevent startup flash
This commit is contained in:
@@ -45,11 +45,14 @@ test('photo snapshot comes from the name store and survives retry without reread
|
||||
assert.match(fn('showMeshFailure'), /cancelArrivalJourney\(\)/);
|
||||
assert.doesNotMatch(fn('generateAIDepth'), /beginMediaLoad|petNameForms/);
|
||||
});
|
||||
test('two initially hidden counts sit below entry controls and the settings heading', () => {
|
||||
test('two initially hidden counts sit in the loading footer and below the settings heading', () => {
|
||||
const nodes = [...html.matchAll(/<p\b[^>]*data-arrival-count[^>]*>/g)];
|
||||
assert.equal(nodes.length, 2);
|
||||
for (const [node] of nodes) { assert.match(node, /\bhidden\b/); assert.doesNotMatch(node, /aria-live|role=/); }
|
||||
assert.match(html, /id="notice-status"[^>]*><\/span>\s*<\/div>\s*<p[^>]*data-arrival-count/);
|
||||
const welcome = html.match(/<section id="welcome"[\s\S]*?<\/section>/)[0];
|
||||
const loading = html.match(/<section id="flow-overlay"[\s\S]*?<\/section>/)[0];
|
||||
assert.doesNotMatch(welcome, /data-arrival-count/);
|
||||
assert.match(loading, /<p[^>]*data-arrival-count[^>]*><\/p>\s*<\/section>/);
|
||||
assert.match(html, /id="settings-title"[\s\S]*?<\/div>\s*<p[^>]*data-arrival-count/);
|
||||
assert.match(css, /\.arrival-count\s*\{[^}]*(?:font-size|line-height)/);
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user