houseplan-card/demo/smoke_controls.mjs

import { launch, checkAll, finish } 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 calls = [];
  c.hass = { ...c.hass, callService: (d, s, data) => { calls.push([d, s, data.entity_id]); return Promise.resolve(); } };
  // два подопытных light-entity
  const lights = Object.keys(c.hass.states).filter((e) => e.startsWith('light.')).slice(0, 2);
  out.twoLights = lights.length === 2;
  const setSt = async (m) => {
    const st = { ...c.hass.states };
    for (const [e, v] of Object.entries(m)) st[e] = { ...st[e], state: v };
    c.hass = { ...c.hass, states: st }; await c.updateComplete;
  };
  // виртуальный маркер-выключатель с controls и tap_action=toggle
  c._setMode('devices'); await c.updateComplete;
  c._openMarkerDialog();
  const room = c._spaceModel().rooms.find((r) => r.id && r.area);
  c._markerDialog = { ...c._markerDialog, name: 'Выключатель', binding: 'virtual',
    room: c._space + '#' + room.area, tapAction: 'toggle', tapActionTouched: true, controls: lights,
    icon: 'mdi:light-switch', display: 'icon_ripple' };
  await c._saveMarker(); await c.updateComplete;
  const dev = c._devices.find((d) => d.name === 'Выключатель');
  out.markerSaved = !!dev && JSON.stringify(dev.marker.controls) === JSON.stringify(lights);

  // #84: a forced plan source without its own HA entity is selectable as a
  // target and marker:* never leaks into the controller's HA service list.
  const passiveId = 'smoke_passive_lamp';
  c._serverCfg.markers.push({
    id: passiveId, binding: 'virtual', name: 'Passive lamp', is_light: true,
    space: c._space, area: room.area,
  });
  c._regSignature = ''; c._maybeRebuildDevices(); await c.updateComplete;
  const controller = c._devices.find((item) => item.id === dev.id);
  c._openMarkerDialog(controller); await c.updateComplete;
  c._markerDialog = { ...c._markerDialog, controlsFilter: 'Passive lamp' };
  await c.updateComplete;
  const planCandidate = c._controlCandidates(c._markerDialog)
    .find((candidate) => candidate.value === `marker:${passiveId}`);
  out.passivePlanSourceCandidate = !!planCandidate;
  c._addControlRef(c._markerDialog, `marker:${passiveId}`); await c.updateComplete;
  out.passiveRefStoredInDraft = c._markerDialog.controls.includes(`marker:${passiveId}`);
  c._markerDialog = null;
  c._setMode('view'); await c.updateComplete;
  // 1) все выключены → клик включает все
  await setSt({ [lights[0]]: 'off', [lights[1]]: 'off' });
  const dev2 = () => c._devices.find((d) => d.name === 'Выключатель');
  c._clickDevice(new MouseEvent('click'), dev2());
  out.turnOnAll = JSON.stringify(calls.at(-1)) === JSON.stringify(['homeassistant', 'turn_on', lights]);
  // 2) частично включено → клик выключает все
  await setSt({ [lights[0]]: 'on', [lights[1]]: 'off' });
  c._clickDevice(new MouseEvent('click'), dev2());
  out.partialTurnsOff = JSON.stringify(calls.at(-1)) === JSON.stringify(['homeassistant', 'turn_off', lights]);
  // 3) значок отражает цели: горит одна → класс on
  const el = [...sr().querySelectorAll('.dev')].find((e) => e.title === 'Выключатель' || e.textContent.includes(''));
  out.stateOn = !!c._stateClass(dev2()).includes('on');
  out.aggregateActivityRuns = c._stateClass(dev2()).includes('activity-running');
  await setSt({ [lights[0]]: 'off' });
  out.stateOff = c._stateClass(dev2()) === '';

  // #251: target connectivity never paints a virtual/healthy controller
  // unavailable. A completely non-executable configured group explains the
  // no-op through the standard local toast, without service or press feedback.
  const targetLabel = (entityId) => c.hass.entities?.[entityId]?.name
    || c.hass.entities?.[entityId]?.original_name
    || c.hass.states?.[entityId]?.attributes?.friendly_name
    || entityId;
  await setSt({ [lights[0]]: 'unavailable', [lights[1]]: 'unavailable' });
  c._cancelDevicePressFeedback();
  const unavailableCalls = calls.length;
  c._clickDevice(new MouseEvent('click'), dev2());
  await c.updateComplete;
  const pluralToast = `Targets are unavailable: ${lights.map(targetLabel).join(', ')}. No action was performed`;
  out.unavailableTargetsStayNeutral = c._stateClass(dev2()) === '';
  out.unavailableTargetsNoService = calls.length === unavailableCalls;
  out.unavailableTargetsNoPress = c._devicePressAnimations.size === 0;
  out.unavailableTargetsPluralToast = sr().querySelector('.toast')?.textContent?.trim() === pluralToast;

  // One target uses the named singular copy. The same branch must win when
  // the target disappears after a confirmation dialog was opened.
  const cfg = c._serverCfg.markers.find((m) => m.name === 'Выключатель');
  cfg.controls = [lights[0]];
  c._regSignature = ''; c._maybeRebuildDevices(); await c.updateComplete;
  c._clickDevice(new MouseEvent('click'), dev2());
  await c.updateComplete;
  const singularToast = `Target “${targetLabel(lights[0])}” is unavailable — no action was performed`;
  out.unavailableTargetSingularToast = sr().querySelector('.toast')?.textContent?.trim() === singularToast;

  await setSt({ [lights[0]]: 'off' });
  cfg.tap_confirm = true;
  c._regSignature = ''; c._maybeRebuildDevices(); await c.updateComplete;
  c._clickDevice(new MouseEvent('click'), dev2());
  const confirm = c._tapConfirm;
  out.availableTargetOpensConfirm = confirm?.kind === 'toggle';
  await setSt({ [lights[0]]: 'unavailable' });
  const confirmCalls = calls.length;
  confirm?.exec();
  await c.updateComplete;
  out.confirmRaceNoService = calls.length === confirmCalls;
  out.confirmRaceUnavailableToast = sr().querySelector('.toast')?.textContent?.trim() === singularToast;
  cfg.tap_confirm = false;
  cfg.controls = [...lights];
  c._tapConfirm = null;
  c._regSignature = ''; c._maybeRebuildDevices(); await c.updateComplete;
  await setSt({ [lights[0]]: 'off', [lights[1]]: 'off' });

  // #94/#73 boundary: a complete visual frame may temporarily retain the old
  // DevItem while live config has already changed. The click must resolve the
  // current marker by id and never call the controls captured by that frame.
  const staleSource = dev2();
  const visuallyStale = {
    ...staleSource,
    controls: [...(staleSource.controls || [])],
    marker: staleSource.marker ? {
      ...staleSource.marker,
      controls: [...(staleSource.marker.controls || [])],
    } : null,
  };
  cfg.controls = [lights[1]];
  c._regSignature = ''; c._maybeRebuildDevices(); await c.updateComplete;
  await setSt({ [lights[0]]: 'off', [lights[1]]: 'off' });
  c._clickDevice(new MouseEvent('click'), visuallyStale);
  out.staleFrameUsesCurrentControls = JSON.stringify(calls.at(-1))
    === JSON.stringify(['homeassistant', 'turn_on', [lights[1]]]);
  cfg.controls = [...lights];
  c._regSignature = ''; c._maybeRebuildDevices(); await c.updateComplete;
  // 4) без tap_action=toggle клик НЕ переключает (инфо)
  cfg.tap_action = 'info'; c._regSignature = ''; c._maybeRebuildDevices(); await c.updateComplete;
  const n = calls.length;
  c._clickDevice(new MouseEvent('click'), dev2());
  out.infoNoToggle = calls.length === n && !!c._infoCard;
  // 5) инфо-карточка показывает цели
  await c.updateComplete;
  out.infoListsTargets = sr().querySelectorAll('.ctrlstate').length === 2;
  c._infoCard = null; await c.updateComplete;
  // 6) замок в controls отфильтрован при клике (защита)
  cfg.tap_action = 'toggle'; cfg.controls = ['lock.front_door', lights[0]];
  c._regSignature = ''; c._maybeRebuildDevices(); await c.updateComplete;
  await setSt({ [lights[0]]: 'off' });
  c._clickDevice(new MouseEvent('click'), dev2());
  const last = calls.at(-1);
  out.lockFiltered = JSON.stringify(last) === JSON.stringify(['homeassistant', 'turn_on', [lights[0]]]);

  // Opening and saving must not rewrite configuration that runtime cannot
  // currently execute: YAML-only domains and duplicates are still user data.
  const losslessControls = [lights[0], 'input_boolean.yaml_only', lights[0], 'sensor.vendor_option'];
  cfg.controls = [...losslessControls];
  c._regSignature = ''; c._maybeRebuildDevices(); await c.updateComplete;
  c._openMarkerDialog(dev2()); await c.updateComplete;
  out.dialogKeepsUnknownAndDuplicateControls = JSON.stringify(c._markerDialog?.controls)
    === JSON.stringify(losslessControls);
  await c._saveMarker(); await c.updateComplete;
  const savedLossless = c._serverCfg.markers.find((m) => m.name === 'Выключатель')?.controls;
  out.saveKeepsUnknownAndDuplicateControls = JSON.stringify(savedLossless)
    === JSON.stringify(losslessControls);

  // Legacy configs could store a standalone entity as its own external
  // control. That self-reference must neither become a light source/group nor
  // disappear behind ambiguous dialog UI. Its normal Toggle action still
  // operates the entity, and an ON hood/fan still has working-state yellow.
  const own = Object.keys(c.hass.states).find((eid) => eid.startsWith('switch.'));
  out.hasStandaloneSwitch = !!own;
  const selfId = 'self-control-regression';
  if (own) {
    c._serverCfg.markers.push({
      id: selfId, name: 'Hood', icon: 'mdi:fan', binding: `entity:${own}`,
      space: c._space, area: room.area, tap_action: 'toggle', controls: [own],
    });
    c._regSignature = '';
    c._maybeRebuildDevices();
    await c.updateComplete;
  }
  const self = c._devices.find((device) => device.id === selfId);
  if (self) {
    await setSt({ [own]: 'off' });
    c._clickDevice(new MouseEvent('click'), self);
    const selfCall = calls.at(-1);
    out.selfControlUsesDirectToggle = ['switch', 'homeassistant'].includes(selfCall?.[0])
      && selfCall?.[1] === 'turn_on' && selfCall?.[2] === own;
    c._openMarkerDialog(self); await c.updateComplete;
    out.selfControlAbsentFromDialog = c._markerDialog?.controls.length === 0;
    c._markerDialog = null;
    await setSt({ [own]: 'on' });
    out.selfSwitchStillShowsWorkingState = c._stateClass(self).includes('on');
  }
  return out;
});
checkAll(res);
await finish(browser, res);