houseplan-card/test/houseplan-panel.test.mjs

import test from 'node:test';
import assert from 'node:assert/strict';
import { readFileSync } from 'node:fs';

const source = (path) => readFileSync(new URL(`../${path}`, import.meta.url), 'utf8');

test('#486 panel shell keeps one full card and forwards HA properties without inventing card config', () => {
  const panel = source('src/houseplan-panel.ts');
  assert.match(panel, /import '\.\/houseplan-card';/);
  assert.match(panel, /if \(this\._card \|\| !this\.shadowRoot\) return;/);
  assert.match(panel, /card\.setConfig\(\{ type: 'custom:houseplan-card' \}\);/);
  assert.match(panel, /if \(this\._card\) this\._card\.hass = value;/);
  assert.match(panel, /public set narrow\(value: boolean\)/);
  assert.match(panel, /public set route\(value: unknown\)/);
  assert.match(panel, /public set panel\(value: unknown\)/);
  assert.doesNotMatch(panel, /kiosk\s*:/, 'HA shell state must not enable card kiosk mode');
});

test('#486 menu and container-owned panel layout have explicit accessibility and overflow contracts', () => {
  const panel = source('src/houseplan-panel.ts');
  assert.match(panel, /new CustomEvent\('hass-toggle-menu', \{[\s\S]*bubbles: true,[\s\S]*composed: true/);
  assert.match(panel, /width: 44px;[\s\S]*height: 44px;/);
  assert.match(panel, /setAttribute\('aria-label', label\)/);
  assert.match(panel, /grid-template-rows: auto minmax\(0, 1fr\)/);
  assert.match(panel, /\.content \{[\s\S]*min-width: 0;[\s\S]*min-height: 0;[\s\S]*overflow: hidden;/);
  assert.doesNotMatch(panel, /100dvh|100vh|safe-area-inset/,
    'the shell must use the HA-owned content slot rather than viewport or duplicated safe-area math');
});

test('#486 only the full card advertises a full-width Sections default', () => {
  const card = source('src/houseplan-card.ts');
  const spaceCard = source('src/space-card.ts');
  assert.match(card, /getGridOptions\(\): \{ columns: 'full' \} \{\s*return \{ columns: 'full' \};\s*\}/);
  assert.match(card, /getCardSize\(\): number/);
  assert.doesNotMatch(spaceCard, /getGridOptions/);
});

test('#486 read-only empty state is localized in every shipped frontend dictionary', () => {
  for (const locale of ['en', 'ru', 'de', 'fr']) {
    const dictionary = JSON.parse(source(`src/i18n/${locale}.json`));
    assert.equal(typeof dictionary['empty.read_only'], 'string');
    assert.ok(dictionary['empty.read_only'].trim().length > 0);
  }
  const card = source('src/houseplan-card.ts');
  assert.match(card, /this\._serverStorage && this\._canManageConfiguration/);
  assert.match(card, /this\._serverStorage \? 'empty\.read_only' : 'empty\.install'/);
});