Andy DixonandCopilot
942a390248
- Responsive layout adapts to any panel size (mobile to widescreen)
- Auto-switches between column/row layout based on dimensions
- Gracefully degrades in tiny panels (hides stats, keeps battery)
- Font sizes scale dynamically to available space
- New configurable options via Grafana panel editor:
- Colours category: low/mid/high battery colours
- Thresholds category: configurable low/high % boundaries (was hardcoded 30/70)
- Appearance category: gradient fill, orientation (vertical/horizontal),
charging animation, border width
- Display category: individual show/hide toggles for percentage, rate,
low/high stats, charging status
- Data category: decimal places, regression toggle
- Fixed bugs:
- Gradient ID now unique per panel instance (fixes multi-panel dashboards)
- Battery fill uses clipPath so it respects rounded corners
- Proper 'No data' empty state
- Horizontal battery orientation for wide/short panels
- Pulse animation when charging (configurable)
- Status badge with themed colours (charging/discharging/stable)
- Moved options interface to shared types.ts
- Updated stale e2e tests to match current component
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
22 lines
799 B
TypeScript
22 lines
799 B
TypeScript
import { test, expect } from '@grafana/plugin-e2e';
|
|
|
|
test('should display "No data" in case panel data is empty', async ({
|
|
gotoPanelEditPage,
|
|
readProvisionedDashboard,
|
|
}) => {
|
|
const dashboard = await readProvisionedDashboard({ fileName: 'dashboard.json' });
|
|
const panelEditPage = await gotoPanelEditPage({ dashboard, id: '2' });
|
|
await expect(panelEditPage.panel.locator).toContainText('No data');
|
|
});
|
|
|
|
test('should display the battery panel when data is passed', async ({
|
|
panelEditPage,
|
|
readProvisionedDataSource,
|
|
page,
|
|
}) => {
|
|
const ds = await readProvisionedDataSource({ fileName: 'datasources.yml' });
|
|
await panelEditPage.datasource.set(ds.name);
|
|
await panelEditPage.setVisualization('Battery Panel');
|
|
await expect(page.getByTestId('charge-viz-panel')).toBeVisible();
|
|
});
|