Polish diagnostics animations and device alias sizing

2026-08-07 22:19:06 +03:00
parent e9433e754f
commit 2151ff51f0
6 changed files with 106 additions and 29 deletions
@@ -46,7 +46,8 @@ test('Gateway device inventory uses the existing accessible responsive drawer',
  assert.match(panel, /client-device-name-heading\$\{hasName \? '' : ' is-address-only'\}\$\{editing \? ' is-editing' : ''\}/);
  assert.match(panel, /className="client-device-alias-input"[\s\S]*onBlur=\{\(\) => saveAlias\(device\)\}[\s\S]*event\.key === 'Enter'[\s\S]*event\.currentTarget\.blur\(\)/);
  assert.match(panel, /aliasBaseline\.current = \{ id: device\.id, value \}/);
-  assert.match(panel, /aliasWidth\.current = `\$\{width\}px`[\s\S]*startEditing\(device, event\.currentTarget\.getBoundingClientRect\(\)\.width\)/);
+  assert.match(panel, /style=\{\{ '--alias-width': `\$\{Math\.max\(1, alias\.length\)\}ch` \}\}/);
+  assert.doesNotMatch(panel, /aliasWidth|getBoundingClientRect\(\)\.width/);
  assert.match(panel, /nextAlias === aliasBaseline\.current\.value\.trim\(\)[\s\S]*setEditingId\(\(current\) => current === device\.id \? '' : current\)/);
  assert.doesNotMatch(panel, /client-device-alias"|Сохранить название|Отменить изменение/);
  assert.match(panel, /pencilAnimationId === device\.id \? ' is-writing'/);