From 7aa3412cdc8e1f01c1343bba90da72d82f5a3262 Mon Sep 17 00:00:00 2001 From: 4gray Date: Mon, 28 Sep 2026 21:43:52 +0200 Subject: [PATCH] test(dashboard): pin the hero progress fill to its custom property The hero moved into DashboardHeroComponent (#1738); its progress bar gets the same transform fill as the rail cards. Co-Authored-By: Claude Opus 5.5 --- .../src/lib/rails/dashboard-hero.component.spec.ts | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/libs/workspace/dashboard/feature/src/lib/rails/dashboard-hero.component.spec.ts b/libs/workspace/dashboard/feature/src/lib/rails/dashboard-hero.component.spec.ts index c05b4250f..f149b7fa0 100644 --- a/libs/workspace/dashboard/feature/src/lib/rails/dashboard-hero.component.spec.ts +++ b/libs/workspace/dashboard/feature/src/lib/rails/dashboard-hero.component.spec.ts @@ -254,6 +254,19 @@ describe('DashboardHeroComponent', () => { ).toBe('/workspace/a'); }); + it('positions the progress fill through a custom property, never its width', () => { + // Animating width re-lays out the page on every live-EPG tick; the + // stylesheet slides the fill with a transform driven by this property. + slides.set([ + { ...slide('a', 'Live'), contentType: 'live', progress: 42 }, + ]); + render(); + + const fill = host().querySelector('.hero__progress i'); + expect(fill?.style.getPropertyValue('--hero-progress')).toBe('42'); + expect(fill?.style.width).toBe(''); + }); + it('renders nothing when there is nothing to feature', () => { slides.set([]); render();