mirror of
https://github.com/Matysh/houseplan-card
synced 2026-07-31 16:38:31 +00:00
Matysh
935a519c32
- _editing getter; grid defs+rect rendered for plan/devices/decor - decor mode fades rooms/devlayer/openings/rlabel to 0.35, decor stays opaque - smoke_grid_fade.mjs (9 checks, transition-aware); docs same-commit
38 lines
1.9 KiB
JavaScript
38 lines
1.9 KiB
JavaScript
import { launch } from './serve.mjs';
|
|
const { page, browser } = await launch();
|
|
const res = await page.evaluate(async () => {
|
|
const out = {};
|
|
const c = window.__card;
|
|
const sr = () => c.shadowRoot || c.renderRoot;
|
|
const grid = () => !!sr().querySelector('rect[fill="url(#hp-grid)"]');
|
|
// Просмотр: сетки нет
|
|
out.noGridInView = !grid();
|
|
// все три редактора: сетка есть
|
|
c._setMode('plan'); await c.updateComplete; out.gridInPlan = grid();
|
|
c._setMode('devices'); await c.updateComplete; out.gridInDevices = grid();
|
|
c._setMode('decor'); await c.updateComplete; out.gridInDecor = grid();
|
|
await new Promise((r) => setTimeout(r, 250)); // transition .room 0.12s
|
|
// decor: комнаты и устройства полупрозрачны
|
|
const room = sr().querySelector('.room');
|
|
out.roomFaded = room ? Number(getComputedStyle(room).opacity) < 0.5 : null;
|
|
const dl = sr().querySelector('.devlayer');
|
|
out.devsFaded = dl ? Number(getComputedStyle(dl).opacity) < 0.5 : null;
|
|
// а декор-слой — нет
|
|
c._curSpaceCfg.decor = [{ id: 'd1', kind: 'line', x1: 0.1, y1: 0.1, x2: 0.3, y2: 0.1, color: '#ff0000', width: 3 }];
|
|
c.requestUpdate(); await c.updateComplete;
|
|
const shp = sr().querySelector('.decorlayer .dshape');
|
|
out.decorNotFaded = shp ? Number(getComputedStyle(shp).opacity) > 0.9 : null;
|
|
// в других редакторах прозрачности нет
|
|
c._setMode('devices'); await c.updateComplete;
|
|
await new Promise((r) => setTimeout(r, 250));
|
|
const room2 = sr().querySelector('.room');
|
|
out.notFadedInDevices = room2 ? Number(getComputedStyle(room2).opacity) > 0.9 : null;
|
|
c._setMode('view'); await c.updateComplete;
|
|
await new Promise((r) => setTimeout(r, 250));
|
|
const room3 = sr().querySelector('.room');
|
|
out.notFadedInView = room3 ? Number(getComputedStyle(room3).opacity) > 0.9 : null;
|
|
return out;
|
|
});
|
|
console.log(JSON.stringify(res, null, 1));
|
|
await browser.close();
|