mirror of
https://github.com/Matysh/houseplan-card
synced 2026-07-31 08:28:31 +00:00
Matysh
5615afa33b
- HP-1511-01: defaultPositions ran over different rosters — the full card reserves grid cells for hidden devices, the static card compacted them away, so an undragged marker sat in different spots on the two cards. The static card feeds spaceDevs (hidden included) to the shared grid and renders devs (visible) — exactly the split HP-1510-01 introduced for LQI. - HP-1511-02: a hidden ripple-display marker rendered as an icon-less inactive pulse. A ghost drops the display dressing entirely: ripple presentation off, noicon off, base icon on, whatever marker.display says. smoke_hidden_flag: the weak 'has icon OR noicon' assertion is gone — every ghost must carry a base icon; new autoGridParity vector (vb-coordinate comparison, the cards render in different view systems) and a ripple-ghost vector. The demo stub got a connection.subscribeEvents so the static card's module-level config cache can be invalidated between in-test cards.
238 lines
13 KiB
JavaScript
238 lines
13 KiB
JavaScript
// docs/FILTERING.md: скрытие — явная галка. Конфиг материализуется сеятелем
|
|
// (filter_seeded), галка в диалоге у всех устройств, «Показать скрытые» —
|
|
// локальный режим редактора, скрытые рисуются призраками и только там.
|
|
import { launch, checkAll, finish } from './serve.mjs';
|
|
const { page, browser } = await launch();
|
|
const out = {};
|
|
|
|
// --- сеятель материализует конфиг при загрузке ---------------------------
|
|
out.configSeeded = await page.evaluate(async () => {
|
|
const c = window.__card;
|
|
const t0 = Date.now();
|
|
while (!c._serverCfg?.settings?.filter_seeded && Date.now() - t0 < 3000) {
|
|
await new Promise((r) => setTimeout(r, 60));
|
|
}
|
|
return c._serverCfg?.settings?.filter_seeded === true;
|
|
});
|
|
|
|
// --- галка прячет, счётчик не считает, призрак только в редакторе --------
|
|
Object.assign(out, await page.evaluate(async () => {
|
|
const o = {};
|
|
const c = window.__card;
|
|
const sr = () => c.shadowRoot || c.renderRoot;
|
|
const visibleIds = () => [...sr().querySelectorAll('.dev')].length;
|
|
const before = visibleIds();
|
|
|
|
const d = c._devices.find((x) => x.space === 'f1' && x.bindingKind === 'device');
|
|
c._serverCfg.markers = c._serverCfg.markers || [];
|
|
c._serverCfg.markers.push({ id: d.id, binding: 'device:' + d.bindingRef, hidden: true });
|
|
c._cfgEpoch++; c._regSignature = '';
|
|
c._maybeRebuildDevices(); c.requestUpdate(); await c.updateComplete;
|
|
|
|
o.hiddenNotRendered = visibleIds() === before - 1;
|
|
const built = c._devices.find((x) => x.id === d.id);
|
|
o.stillBuilt = !!built && built.hidden === true;
|
|
o.countExcludesHidden = (sr().querySelector('.count')?.textContent || '').includes(String(before - 1));
|
|
|
|
// в просмотре тумблера нет эффекта — призраки только в редакторе устройств
|
|
c._showHidden = true; c.requestUpdate(); await c.updateComplete;
|
|
o.noGhostsInView = !sr().querySelector('.dev.ghost');
|
|
c._setMode('devices'); c.requestUpdate(); await c.updateComplete;
|
|
o.ghostInEditor = !!sr().querySelector('.dev.ghost');
|
|
// призрак — конфигурация, не статус: ни жёлтого, ни unavail, ни тревоги
|
|
const g = sr().querySelector('.dev.ghost');
|
|
o.ghostHasNoState = !!g && !g.classList.contains('on') && !g.classList.contains('open')
|
|
&& !g.classList.contains('unavail') && !g.classList.contains('alarm');
|
|
// и он синий, а не тёмный — отличим от недоступного устройства
|
|
o.ghostIsBlue = !!g && getComputedStyle(g).borderStyle.includes('dashed')
|
|
&& getComputedStyle(g).borderColor !== 'rgb(255, 255, 255)';
|
|
// тумблер локальный: конфиг не трогается
|
|
o.toggleIsLocal = c._serverCfg.settings.show_all === undefined;
|
|
|
|
// --- галка в диалоге у авто-устройства, кнопки «Удалить» нет -----------
|
|
const ghost = c._devices.find((x) => x.id === d.id);
|
|
c._openMarkerDialog(ghost); await c.updateComplete;
|
|
o.checkboxOn = c._markerDialog?.hideFromPlan === true;
|
|
o.noDeleteForAuto = !sr().querySelector('.dialog .btn.danger');
|
|
// снимаем галку и сохраняем — маркер остаётся с hidden:false (анти-повтор)
|
|
c._markerDialog = { ...c._markerDialog, hideFromPlan: false };
|
|
await c._saveMarker(); await c.updateComplete;
|
|
const m = (c._serverCfg.markers || []).find((x) => x.binding === 'device:' + d.bindingRef);
|
|
o.untickKeepsMarker = !!m && m.hidden === false;
|
|
const back = c._devices.find((x) => x.id === d.id) || c._devices.find((x) => x.bindingRef === d.bindingRef);
|
|
o.deviceVisibleAgain = !!back && !back.hidden;
|
|
|
|
// --- у виртуального кнопка «Удалить» есть -------------------------------
|
|
c._openMarkerDialog(); await c.updateComplete;
|
|
c._markerDialog = { ...c._markerDialog, name: 'Тест', binding: 'virtual' };
|
|
await c._saveMarker(); await c.updateComplete;
|
|
const virt = c._devices.find((x) => x.virtual);
|
|
c._openMarkerDialog(virt); await c.updateComplete;
|
|
o.deleteForVirtual = !!sr().querySelector('.dialog .btn.danger');
|
|
c._markerDialog = null; c._setMode('view');
|
|
return o;
|
|
}));
|
|
|
|
// --- HP-1510-02: призрак не показывает live-значения ----------------------
|
|
Object.assign(out, await page.evaluate(async () => {
|
|
const o = {};
|
|
const c = window.__card;
|
|
const sr = () => c.shadowRoot || c.renderRoot;
|
|
// датчик с числом + display:value, скрыт
|
|
c.hass = { ...c.hass, states: { ...c.hass.states,
|
|
'sensor.power_meter': { state: '42', attributes: { unit_of_measurement: 'kW' } } } };
|
|
c._serverCfg.markers = c._serverCfg.markers || [];
|
|
c._serverCfg.markers.push({ id: 'pm', binding: 'entity:sensor.power_meter',
|
|
display: 'value', hidden: true, space: 'f1' });
|
|
c._cfgEpoch++; c._regSignature = '';
|
|
c._maybeRebuildDevices();
|
|
c._setMode('devices'); c._showHidden = true;
|
|
c.requestUpdate(); await c.updateComplete;
|
|
const ghosts = [...sr().querySelectorAll('.dev.ghost')];
|
|
const pm = ghosts.find((g) => g.textContent.includes('42')) || null;
|
|
o.ghostHidesValue = pm === null; // «42 kW» не отрисован
|
|
o.ghostNoLiveBadges = ghosts.every((g) =>
|
|
!g.querySelector('.valtext') && !g.querySelector('.tval') && !g.querySelector('.hval') && !g.querySelector('.lqi'));
|
|
// у КАЖДОГО призрака есть базовая иконка — «noicon» не оправдание
|
|
// (HP-1511-02: ripple-призрак был безликим пульсом)
|
|
o.ghostKeepsIcon = ghosts.every((g) => !!g.querySelector('ha-icon') && !g.classList.contains('noicon'));
|
|
c._setMode('view'); c._showHidden = false;
|
|
return o;
|
|
}));
|
|
|
|
// --- HP-1511-02: ripple-призрак с базовой иконкой, без пульса -------------
|
|
Object.assign(out, await page.evaluate(async () => {
|
|
const o = {};
|
|
const c = window.__card;
|
|
const sr = () => c.shadowRoot || c.renderRoot;
|
|
const lamp = c._devices.find((x) => x.space === 'f1' && x.bindingKind === 'device' && !x.hidden);
|
|
c._serverCfg.markers = c._serverCfg.markers || [];
|
|
c._serverCfg.markers = c._serverCfg.markers.filter((m) => m.id !== lamp.id);
|
|
c._serverCfg.markers.push({ id: lamp.id, binding: 'device:' + lamp.bindingRef,
|
|
display: 'ripple', hidden: true });
|
|
c._cfgEpoch++; c._regSignature = '';
|
|
c._maybeRebuildDevices();
|
|
c._setMode('devices'); c._showHidden = true;
|
|
c.requestUpdate(); await c.updateComplete;
|
|
const g = [...sr().querySelectorAll('.dev.ghost')].find((x) => x.querySelector('.ripple') || !x.classList.contains('noicon'));
|
|
const ghosts = [...sr().querySelectorAll('.dev.ghost')];
|
|
o.rippleGhostHasIcon = ghosts.length > 0 && ghosts.every((x) => !!x.querySelector('ha-icon'));
|
|
o.rippleGhostNoNoicon = ghosts.every((x) => !x.classList.contains('noicon'));
|
|
o.rippleGhostNoRipple = ghosts.every((x) => !x.querySelector('.ripple'));
|
|
c._serverCfg.markers = c._serverCfg.markers.filter((m) => m.id !== lamp.id);
|
|
c._cfgEpoch++; c._regSignature = ''; c._maybeRebuildDevices();
|
|
c._setMode('view'); c._showHidden = false;
|
|
return o;
|
|
}));
|
|
|
|
// --- HP-1511-01: авто-сетка одинакова на обеих карточках ------------------
|
|
Object.assign(out, await page.evaluate(async () => {
|
|
const o = {};
|
|
const c = window.__card;
|
|
await customElements.whenDefined('houseplan-space-card');
|
|
const cfg = JSON.parse(JSON.stringify(c._serverCfg));
|
|
const f1 = cfg.spaces.find((s) => s.id === 'f1');
|
|
// один видимый, остальные зоны living_room скрыты; layout пуст
|
|
const vis = c._devices.filter((x) => x.area === 'living_room' && !x.virtual);
|
|
const keep = vis[0];
|
|
for (const d of vis.slice(1)) {
|
|
cfg.markers = (cfg.markers || []).filter((m) => m.id !== d.id);
|
|
cfg.markers.push({ id: d.id, binding: d.bindingKind + ':' + d.bindingRef, hidden: true });
|
|
}
|
|
cfg.markers = cfg.markers.filter((m) => m.id !== keep.id || !m.hidden);
|
|
c._serverCfg = cfg; c._cfgEpoch++; c._regSignature = '';
|
|
c._layout = {}; // пустой layout: работают только авто-позиции
|
|
c._maybeRebuildDevices(); c.requestUpdate(); await c.updateComplete;
|
|
const full = [...(c.shadowRoot || c.renderRoot).querySelectorAll('.dev')]
|
|
.find((el) => el.style.left && !el.classList.contains('ghost'));
|
|
// проценты полной карточки считаются от content-fit view — переводим в vb
|
|
const v = c._viewOr(c._baseVb());
|
|
const fullVb = full && [
|
|
v.x + (parseFloat(full.style.left) / 100) * v.w,
|
|
v.y + (parseFloat(full.style.top) / 100) * v.h,
|
|
];
|
|
|
|
const hass = { ...c.hass, callWS: async (m) => {
|
|
// rev уникален: у статичной карточки модульный кэш конфига по rev,
|
|
// и одинаковый rev в соседних тестах подсовывает чужой конфиг
|
|
if (m.type === 'houseplan/config/get') return { config: cfg, rev: 31 };
|
|
if (m.type === 'houseplan/layout/get') return { layout: {}, rev: 31 };
|
|
return { ok: true };
|
|
},
|
|
// модульный кэш конфига инвалидируется только через это событие — стаб
|
|
// сохраняет колбэк, чтобы следующий тест мог сбросить кэш
|
|
connection: { subscribeEvents: async (cb) => { window.__hpInvalidate = cb; return () => {}; } } };
|
|
const host = document.createElement('div');
|
|
document.body.appendChild(host);
|
|
const card = document.createElement('houseplan-space-card');
|
|
card.setConfig({ type: 'custom:houseplan-space-card', space: 'f1' });
|
|
card.hass = hass;
|
|
host.appendChild(card);
|
|
const t0 = Date.now();
|
|
while (!card.renderRoot?.querySelector('[style*="left"]') && Date.now() - t0 < 6000) {
|
|
await new Promise((r) => setTimeout(r, 60));
|
|
}
|
|
await card.updateComplete;
|
|
const st = [...card.renderRoot.querySelectorAll('[style*="left"]')]
|
|
.find((el) => /%$/.test(el.style.left || '') && el.style.top);
|
|
// статичная карточка рендерит от полного квадрата 0..1000
|
|
const stVb = st && [parseFloat(st.style.left) * 10, parseFloat(st.style.top) * 10];
|
|
o.autoGridParity = !!fullVb && !!stVb
|
|
&& Math.abs(fullVb[0] - stVb[0]) < 6 && Math.abs(fullVb[1] - stVb[1]) < 6;
|
|
if (!o.autoGridParity) console.log('full', fullVb, 'static', stVb);
|
|
host.remove();
|
|
return o;
|
|
}));
|
|
|
|
// --- HP-1510-01: LQI комнаты одинаков на полной и статичной карточке ------
|
|
Object.assign(out, await page.evaluate(async () => {
|
|
const o = {};
|
|
const c = window.__card;
|
|
await customElements.whenDefined('houseplan-space-card');
|
|
const cfg = JSON.parse(JSON.stringify(c._serverCfg));
|
|
const f1 = cfg.spaces.find((s) => s.id === 'f1');
|
|
f1.settings = { ...(f1.settings || {}), fill_mode: 'lqi', show_borders: true };
|
|
// прячем ВСЕ устройства зоны living_room: комнату красит только скрытое
|
|
for (const d of c._devices.filter((x) => x.area === 'living_room' && !x.virtual)) {
|
|
if (!cfg.markers.some((m) => m.id === d.id)) {
|
|
cfg.markers.push({ id: d.id, binding: d.bindingKind + ':' + d.bindingRef, hidden: true });
|
|
} else {
|
|
cfg.markers = cfg.markers.map((m) => (m.id === d.id ? { ...m, hidden: true } : m));
|
|
}
|
|
}
|
|
c._serverCfg = cfg; c._cfgEpoch++; c._regSignature = '';
|
|
c._maybeRebuildDevices(); c.requestUpdate(); await c.updateComplete;
|
|
const fullRoom = [...(c.shadowRoot || c.renderRoot).querySelectorAll('.room')]
|
|
.find((r) => (r.getAttribute('style') || '').includes('--room-fill'));
|
|
const fullFill = fullRoom ? (fullRoom.getAttribute('style').match(/--room-fill:([^;]+)/) || [])[1] : null;
|
|
|
|
window.__hpInvalidate?.(); // сбросить модульный кэш от предыдущей карточки
|
|
const hass = { ...c.hass, callWS: async (m) => {
|
|
if (m.type === 'houseplan/config/get') return { config: cfg, rev: 57 };
|
|
if (m.type === 'houseplan/layout/get') return { layout: {}, rev: 57 };
|
|
return { ok: true };
|
|
},
|
|
connection: { subscribeEvents: async () => () => {} } };
|
|
const host = document.createElement('div');
|
|
document.body.appendChild(host);
|
|
const card = document.createElement('houseplan-space-card');
|
|
card.setConfig({ type: 'custom:houseplan-space-card', space: 'f1' });
|
|
card.hass = hass;
|
|
host.appendChild(card);
|
|
const t0 = Date.now();
|
|
while (!card.renderRoot?.querySelector('.room') && Date.now() - t0 < 6000) {
|
|
await new Promise((r) => setTimeout(r, 60));
|
|
}
|
|
await card.updateComplete;
|
|
const stRoom = [...card.renderRoot.querySelectorAll('.room')]
|
|
.find((r) => (r.getAttribute('style') || '').includes('--room-fill'));
|
|
const stFill = stRoom ? (stRoom.getAttribute('style').match(/--room-fill:([^;]+)/) || [])[1] : null;
|
|
o.fullPaintsHiddenLqi = !!fullFill;
|
|
o.staticPaintsHiddenLqi = !!stFill;
|
|
o.lqiParity = !!fullFill && fullFill === stFill;
|
|
host.remove();
|
|
return o;
|
|
}));
|
|
|
|
await finish(browser, checkAll(out));
|