vrr/Pulse
2
0
Fork 0
mirror of https://github.com/rcourtman/Pulse.git synced 2026-04-28 11:30:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Stabilize mobile infrastructure tables

Browse source
This commit is contained in:
rcourtman 2026-04-23 15:53:02 +01:00
parent 307464e9d3
commit 3d82140997
12 changed files with 70 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

12
frontend-modern/src/components/Infrastructure/__tests__/unifiedResourceTableStateModel.test.ts
View file

@ -109,9 +109,17 @@ describe('unifiedResourceTableStateModel', () => {
const desktopColumns = getUnifiedResourceTableColumnPresentations(false);
expect(getUnifiedResourceTableShellClass(true)).toContain('table-fixed');
expect(getUnifiedResourceTableShellClass(true)).toContain('min-w-full');
expect(getUnifiedResourceTableShellClass(false)).toContain('min-w-[max-content]');
expect(mobileColumns.resourceColumn.width).toBe('100%');
expect(mobileColumns.metricColumn.width).toBe(70);
// Mobile uses percentage widths so the visible-column set fills the
// viewport without horizontal overflow. Host rows render
// Resource + CPU + Memory + Disk = 40 + 3×20 = 100%; service (PBS/PMG)
// rows render Resource + Health + Action = 40 + 36 + 24 = 100%. Columns
// hidden at mobile keep placeholder percentages that never paint.
expect(mobileColumns.resourceColumn.width).toBe('40%');
expect(mobileColumns.metricColumn.width).toBe('20%');
expect(mobileColumns.serviceHealthColumn.width).toBe('36%');
expect(mobileColumns.serviceActionColumn.width).toBe('24%');
expect(desktopColumns.resourceColumn.className).toContain('min-w-[220px]');
expect(desktopColumns.resourceColumn.className).toContain('max-w-[220px]');
expect(desktopColumns.resourceColumn.width).toBe(220);