Verwaltung: die Effekte liegen jetzt auf den ECHTEN Kacheln
Der Grund, warum von allem bisher nichts zu sehen war. Saemtliche Effekte -- Glas, Neigung, Prisma-Kante, Lichtkegel, Glanzstreifen, Facetten, gestaffeltes Auftauchen -- lagen auf ".wd-karte". Diese Klasse kommt im Verwaltungsbereich aber fast nicht vor. Die Listen bestehen aus ".vw-karte", die Meldungen der Uebersicht aus ".vw-meld". Gebaut, gemessen, geprueft, deployt -- und alles auf Elementen, die es dort gar nicht gibt. Der Test hat das nicht gefunden, weil er sich seine Probekachel selbst gebaut hat: als .wd-karte. Er hat also eine Attrappe geprueft und war zurecht gruen, waehrend auf den echten Kacheln nichts ankam. Ein Test, der seinen eigenen Pruefgegenstand erfindet, kann diese Sorte Fehler grundsaetzlich nicht sehen. WAS JETZT ANDERS IST Alle Effekte gelten fuer .vw-karte und .vw-meld: - Glas mit Rueckseiten-Unschaerfe - raeumliche Neigung zum Zeiger, hoechstens 7 Grad - Lichtkegel und Prisma-Kante, die dem Zeiger folgen - Glanzstreifen, der mit der Neigung wandert - ungleich geschliffene Ecken - gestaffeltes Auftauchen beim Bereichswechsel - Projektnummer und Name stehen vor der Flaeche (translateZ) Dazu setzt der Verwaltungsbereich die Lichtposition jetzt selbst. Der Verfolger im Grundsystem (wd-core.js) sucht ausdruecklich nur ".wd-karte" -- auf .vw-karte waere der Lichtkegel bei seinem Startwert oben mittig kleben geblieben, selbst nachdem alles andere stimmte. DER TEST BAUT JETZT DIE ECHTE STRUKTUR NACH .vw-karte mit .vw-karte-nr, .vw-karte-mitte und .vw-karte-rechts, genau wie das Skript sie erzeugt. Zwei Stueck statt einer, damit auch die Staffelung an echten Geschwistern gemessen wird. Geprueft: 260 Pruefungen gruen (Verwaltung 62, Portfolio 15, CRYONOVA 53, Blickfang 13, System 5, Abmelden 16, Abbruch 42, Angebot 54). Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
Claude Opus 5
@@ -81,11 +81,31 @@ async function bereichAufbauen(seite, bereich) {
|
||||
if (!probe) {
|
||||
probe = document.createElement("div");
|
||||
probe.id = "vw-probe";
|
||||
/* DIE ECHTE KACHELSTRUKTUR der Verwaltung, so wie das Skript sie
|
||||
erzeugt: .vw-karte mit Nummer, Mitte und rechter Spalte.
|
||||
|
||||
Frueher stand hier eine selbst gebaute .wd-karte. Die kommt im
|
||||
Verwaltungsbereich aber fast nicht vor -- der Test hat also
|
||||
eine Attrappe geprueft und war gruen, waehrend auf den echten
|
||||
Kacheln nichts davon ankam. Genau deshalb war der Unterschied
|
||||
nirgends zu sehen. */
|
||||
probe.innerHTML =
|
||||
'<div class="wd-karte" style="padding:1.4rem;margin-bottom:1rem">' +
|
||||
'<h2 style="margin-top:0">Vanessa Geske</h2>' +
|
||||
'<p class="wd-klein wd-leise">[email protected]</p>' +
|
||||
'<p id="vw-probe-text">Zwei Projekte, eines davon laufend.</p></div>';
|
||||
'<button class="vw-karte">' +
|
||||
'<span class="vw-karte-nr">P-2608-0002</span>' +
|
||||
'<span class="vw-karte-mitte">' +
|
||||
'<span class="vw-karte-name">Onepager fuer Vanessa</span>' +
|
||||
'<span class="vw-karte-info" id="vw-probe-text">Vanessa Geske</span>' +
|
||||
'</span>' +
|
||||
'<span class="vw-karte-rechts"><span class="vw-mini">Design</span></span>' +
|
||||
'</button>' +
|
||||
'<button class="vw-karte">' +
|
||||
'<span class="vw-karte-nr">P-2608-0004</span>' +
|
||||
'<span class="vw-karte-mitte">' +
|
||||
'<span class="vw-karte-name">Betreuung</span>' +
|
||||
'<span class="vw-karte-info">Marc Weber</span>' +
|
||||
'</span>' +
|
||||
'<span class="vw-karte-rechts"><span class="vw-mini vw-mini--geld">39,00</span></span>' +
|
||||
'</button>';
|
||||
bereichEl.appendChild(probe);
|
||||
}
|
||||
}, bereich);
|
||||
@@ -187,13 +207,13 @@ srv.listen(4404, async () => {
|
||||
for (const bereich of BEREICHE) {
|
||||
await bereichAufbauen(seite, bereich);
|
||||
|
||||
const aufGlas = await unruheAn(seite, "#vw-probe .wd-karte");
|
||||
const aufGlas = await unruheAn(seite, "#vw-probe .vw-karte");
|
||||
await seite.evaluate(() => {
|
||||
document.querySelector(".vw-buehne").style.visibility = "hidden";
|
||||
});
|
||||
await seite.waitForTimeout(350);
|
||||
await bereichAufbauen(seite, bereich);
|
||||
const ohneBuehne = await unruheAn(seite, "#vw-probe .wd-karte");
|
||||
const ohneBuehne = await unruheAn(seite, "#vw-probe .vw-karte");
|
||||
await seite.evaluate(() => {
|
||||
document.querySelector(".vw-buehne").style.visibility = "";
|
||||
});
|
||||
@@ -211,7 +231,7 @@ srv.listen(4404, async () => {
|
||||
dem Stilblatt: Die Kachel ist halbdurchsichtig, ihr rechnerischer
|
||||
Wert sagt nichts darueber, was am Ende darunter liegt. */
|
||||
const stelle = await seite.evaluate(() => {
|
||||
const k = document.querySelector("#vw-probe .wd-karte");
|
||||
const k = document.querySelector("#vw-probe .vw-karte");
|
||||
const r = k.getBoundingClientRect();
|
||||
return { x: Math.round(r.x + r.width * 0.72), y: Math.round(r.y + r.height * 0.62) };
|
||||
});
|
||||
@@ -240,7 +260,7 @@ srv.listen(4404, async () => {
|
||||
|
||||
console.log("\n===== 3b. FOLGT DAS LICHT DER MAUS? =====");
|
||||
await bereichAufbauen(seite, "kunden");
|
||||
const karte = seite.locator("#vw-probe .wd-karte");
|
||||
const karte = seite.locator("#vw-probe .vw-karte").first();
|
||||
const kasten = await karte.boundingBox();
|
||||
|
||||
/* WICHTIG: mit steps bewegen. Ein Sprung ohne Zwischenschritte
|
||||
@@ -357,8 +377,8 @@ srv.listen(4404, async () => {
|
||||
}
|
||||
probe.innerHTML = "";
|
||||
for (let i = 0; i < 4; i++) {
|
||||
const k = document.createElement("div");
|
||||
k.className = "wd-karte";
|
||||
const k = document.createElement("button");
|
||||
k.className = "vw-karte";
|
||||
k.style.padding = "1rem";
|
||||
k.textContent = "Kachel " + (i + 1);
|
||||
probe.appendChild(k);
|
||||
@@ -386,7 +406,7 @@ srv.listen(4404, async () => {
|
||||
const raum = document.querySelector(".vw-raum");
|
||||
const lampe = document.querySelector(".vw-lampe");
|
||||
const flocken = document.querySelector(".vw-flocken");
|
||||
const karte = document.querySelector("#vw-probe .wd-karte");
|
||||
const karte = document.querySelector("#vw-probe .vw-karte");
|
||||
const ls = getComputedStyle(lampe);
|
||||
return {
|
||||
raumIsoliert: getComputedStyle(raum).isolation,
|
||||
@@ -433,7 +453,7 @@ srv.listen(4404, async () => {
|
||||
|
||||
console.log("\n===== 3g. NEIGEN SICH DIE KACHELN? =====");
|
||||
await bereichAufbauen(seite, "kunden");
|
||||
const platte = seite.locator("#vw-probe .wd-karte").first();
|
||||
const platte = seite.locator("#vw-probe .vw-karte").first();
|
||||
const pk = await platte.boundingBox();
|
||||
|
||||
/* Mit steps bewegen, sonst entsteht kein pointermove. */
|
||||
@@ -493,9 +513,9 @@ srv.listen(4404, async () => {
|
||||
zurueck.nx === "0" && zurueck.ny === "0", `${zurueck.nx}/${zurueck.ny}`);
|
||||
|
||||
const tiefe = await seite.evaluate(() => {
|
||||
const k = document.querySelector("#vw-probe .wd-karte");
|
||||
const h = k.querySelector("h2");
|
||||
const p = k.querySelector("p");
|
||||
const k = document.querySelector("#vw-probe .vw-karte");
|
||||
const h = k.querySelector(".vw-karte-nr");
|
||||
const p = k.querySelector(".vw-karte-mitte");
|
||||
return {
|
||||
ueberschrift: getComputedStyle(h).transform,
|
||||
absatz: getComputedStyle(p).transform,
|
||||
@@ -576,8 +596,8 @@ srv.listen(4404, async () => {
|
||||
ruhigeLage.translate === "none", ruhigeLage.translate);
|
||||
const ruhigExtra = await ruhig.evaluate(() => {
|
||||
const be = document.querySelector("#vw-bereich");
|
||||
const k = document.createElement("div");
|
||||
k.className = "wd-karte";
|
||||
const k = document.createElement("button");
|
||||
k.className = "vw-karte";
|
||||
be.appendChild(k);
|
||||
const l = document.querySelector("#vw-bereich .vw-tabs");
|
||||
return {
|
||||
@@ -587,8 +607,8 @@ srv.listen(4404, async () => {
|
||||
});
|
||||
const ruhigNeigung = await ruhig.evaluate(() => {
|
||||
const be = document.querySelector("#vw-bereich");
|
||||
let k = be.querySelector(".wd-karte");
|
||||
if (!k) { k = document.createElement("div"); k.className = "wd-karte"; be.appendChild(k); }
|
||||
let k = be.querySelector(".vw-karte");
|
||||
if (!k) { k = document.createElement("button"); k.className = "vw-karte"; be.appendChild(k); }
|
||||
return getComputedStyle(k).transform;
|
||||
});
|
||||
pruefe("keine Neigung bei reduzierter Bewegung",
|
||||
|
||||
Reference in New Issue
Block a user