Files
houseplan-card/demo/smoke_room_temperature_thresholds.mjs
T
Claude e2c0c7ed81 feat(room): «Настройки комнаты» по референсу — серия 3 из четырёх (#600)
§6 SPEC.md референса. Четыре карточки #594 остались, менялось содержимое:

- Basics — Display name и Home Assistant area в одну строку из двух полей
  (#room-name, #room-area — контролы набора); подстановка имени из зоны при
  пустом имени прежняя;
- Fill — «Как у пространства» стала строкой-тумблером (#room-fill-inherit,
  решение владельца Q4): включена — подсказка «Следует за пространством:
  режим»; выключена — сегмент из пяти режимов, который стартует с
  действующего режима пространства, а не с «None». «Свой цвет» — плашка
  вокруг прежнего hp-color-opacity (Q5): свотч, hex, число прозрачности,
  Reset у своего цвета. Границы комфорта при эффективной «Температуре» —
  два поля с единицей °C (#room-temp-min/-max) с плейсхолдерами границ
  пространства, легендой Cold / Comfort / Hot, ошибкой под полями и ссылкой
  «Как у пространства». Модуль room-temperature-controls.ts удалён — его
  разметку заменили поля набора;
- Sensor sources — подзаголовки, прежний сегмент «среднее / конкретный», при
  конкретном — кнопка выбора в стиле селекта и панель с поиском в потоке
  карточки (sourcePicker набора, роль listbox/option; общая с диалогом
  устройства в серии 4). Кандидаты и запись прежние;
- Font sizes — две строки «слайдер + число % + Reset to 100%» с концами шкалы,
  подсказка про размер карточек пространства, образец карточки сохранён
  внутри .hpf-tint (решение владельца Q2).

Футер: Cancel | статус | Save; в create — Keep as walls слева. К10: снимок
черновика при _openRoomEdit (room-form-state.ts поверх dialog-baseline),
в edit Save только при изменениях, закрытие с изменениями спрашивает через
_confirmDanger; в create Save по прежнему условию (имя или зона), отмена без
вопроса — она и раньше значила «не создавать» и возвращала контур на план.
Ошибки черновика: имя (edit) / имя-или-зона (create), нечисло в границах —
подпись под полем, «Review N fields» в футере ведёт к первому полю.

Из eager-листа dialogs.styles.ts удалены .roomtemprange*, .roomdialog .srcrow
и .dropbtn; `overflow-x: hidden` у .body убран — скроллер один (К3).

Смоки переписаны осознанно, с пометкой #600: smoke_room_settings (тумблер
вместо радио, #room-name/#room-area, .hpf-panel .hpf-cand, старт сегмента с
режима пространства), smoke_room_temperature_thresholds (.hpf-temprange,
ссылка сброса). Golden-harness room-temperature — те же селекторы. Новый
фокусный свидетель demo/smoke_room_settings_form.mjs: четыре карточки без
старой разметки, имя и зона в одну строку, оболочка 560 и один скроллер,
тумблер/сегмент/плашка/границы/источники/размеры пишут в свои ключи, Save и
вопрос при закрытии, create-режим, семь полос экранов.

Мутанты: room-save-enabled-without-changes, room-discard-without-asking,
room-fill-segment-starts-at-none, room-temp-min-writes-max. Якорь
form-kit-writes-to-a-neighbour-key прежний. smoke-links: символ
roomTemperatureControls заменён на renderRoomSettingsDialog.

Словарь i18n/settings: девять ключей room.* на четыре локали; в основном
каталоге room.area_label без «(unassigned)». Фикстуры листа диалогов набора
пересняты намеренно (панель — байт в байт, AC11).

Бюджет: стартовый граф 290 575 — потолок ОПУЩЕН 292 200 → 291 600 (ушли CSS
диалога комнаты и модуль границ); ленивый редакторский 239 391 — потолок
238 600 → 240 100 с разбором в bundle-budget.mjs.

Гейты: typecheck, build, bundle:sync (три копии байт в байт), npm test
2790+ pass по четырём частям, mutation-gate --check, смоки: room_settings,
room_settings_form, room_temperature_thresholds, editor_tabs, font_scales,
resize_labels, room_autoclose, binding_ui, color_picker_consumers,
lazy_editor_chunk, space_settings_form, general_settings_form, ux_fixes,
settings_dialog_cards, dialog_footer_width.

Issue: #600
User-Visible: no
2026-09-20 11:39:46 +03:00

60 lines
2.7 KiB
JavaScript

import { launch, checkAll, finish } from './serve.mjs';
const { page, browser } = await launch({ width: 390, height: 820 });
const result = await page.evaluate(async () => {
const card = window.__card;
const root = () => card.renderRoot;
const current = card._space;
const roomId = card._curSpaceCfg.rooms[0].id;
card._serverCfg = {
...card._serverCfg,
spaces: card._serverCfg.spaces.map((space) => space.id !== current ? space : ({
...space,
settings: { ...(space.settings || {}), fill_mode: 'temp', temp_min: 20, temp_max: 25 },
rooms: space.rooms.map((room) => room.id !== roomId ? room : ({
...room, settings: { ...(room.settings || {}), temp_min: 18 },
})),
})),
};
card._setMode('plan');
await card.updateComplete;
await new Promise((resolve) => setTimeout(resolve, 300));
card._openRoomEdit(card._curSpaceCfg.rooms.find((room) => room.id === roomId));
await card.updateComplete;
const dialog = root().querySelector('hp-dialog.roomdialog');
// #600: границы — два поля с единицей в карточке Fill, сброс — текстовая ссылка.
const tempFields = () => [...root().querySelectorAll('.hpf-temprange input[type="number"]')];
let fields = tempFields();
const out = {
visibleForInheritedTemp: fields.length === 2,
partialDraftRestored: fields[0]?.value === '18' && fields[1]?.value === '',
placeholdersFollowSpace: fields[0]?.placeholder === '20' && fields[1]?.placeholder === '25',
narrowHasNoHorizontalScroll: dialog.scrollWidth <= dialog.clientWidth + 1,
};
card._roomTempMin = '0'; card._roomTempMax = '';
card.requestUpdate(); await card.updateComplete;
out.zeroIsValid = !root().querySelector('hp-dialog.roomdialog .btn.on')?.disabled;
card._roomTempMin = 'broken'; card.requestUpdate(); await card.updateComplete;
out.invalidBlocksSave = root().querySelector('hp-dialog.roomdialog .btn.on')?.disabled === true;
card._roomTempMin = '19'; card._roomTempMax = '23'; card._roomFill = 'none';
card.requestUpdate(); await card.updateComplete;
out.hiddenOutsideTemp = !root().querySelector('.hpf-temprange');
out.hiddenDraftRetained = card._roomTempMin === '19' && card._roomTempMax === '23'
&& card._roomSettingsFromDialog().temp_min === 19
&& card._roomSettingsFromDialog().temp_max === 23;
card._roomFill = 'temp'; card.requestUpdate(); await card.updateComplete;
root().querySelector('.hpf-temprange .hpf-link')?.click();
await card.updateComplete;
fields = tempFields();
out.resetRestoresInheritance = card._roomTempMin === '' && card._roomTempMax === ''
&& fields.every((input) => input.value === '');
return out;
});
checkAll(result);
await finish(browser, result);