Recette 1e : titre du bilan sur l'issue, notation du moteur partout, boutons de 48 px en paysage, filtre en accent-soft, longue partie ; tests navigateur adaptés au bilan
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 5.5
parent
ced004edb0
commit
663ef35b51
@@ -5,6 +5,32 @@
|
||||
// Copyright (C) 2026 les auteurs d'Ustagammon.
|
||||
// Licence : GPLv3 ou ultérieure (voir LICENSE).
|
||||
|
||||
/**
|
||||
* Les boutons visibles (et les liens qui en ont l'allure) plus hauts que
|
||||
* 56 px : un bouton fait 48 px, il ne s'étire pas. Renvoie la liste des
|
||||
* boutons trop hauts, décrits (vide si tout va bien).
|
||||
*/
|
||||
export async function tallButtons(target) {
|
||||
return target.evaluate(() => {
|
||||
const found = [];
|
||||
for (const el of document.querySelectorAll("button, a.button")) {
|
||||
if (el.closest("[hidden]")) {
|
||||
continue;
|
||||
}
|
||||
const style = getComputedStyle(el);
|
||||
const r = el.getBoundingClientRect();
|
||||
if (style.display === "none" || style.visibility === "hidden" || r.width === 0) {
|
||||
continue;
|
||||
}
|
||||
if (r.height > 56) {
|
||||
const name = el.id ? `#${el.id}` : `« ${el.textContent.trim().slice(0, 30)} »`;
|
||||
found.push(`${name} (${Math.round(r.height)} px)`);
|
||||
}
|
||||
}
|
||||
return found;
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Les éléments interactifs visibles cachés, même en partie, sous une barre
|
||||
* d'action collée en bas de l'écran (position: sticky, ancrée par bottom) :
|
||||
|
||||
Reference in New Issue
Block a user