public/grafana
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

TimeSeries: Improve e2e for time range pan (#113981)

Browse Source 
Timeseries: Improve e2e for time range pan
This commit is contained in:
Drew Slobodnjak
2025-11-17 11:02:08 -04:00
committed by GitHub
parent fcceff99e2
commit e9883f6c61
1 changed files with 10 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
e2e-playwright/panels-suite/timeseries.spec.ts
+10 -17
View File
@@ -9,8 +9,13 @@ test.use({
});
test.describe('Panels test: TimeSeries X-axis panning', { tag: ['@panels', '@timeseries'] }, () => {
test('cursor changes to grab hand over x-axis', async ({ gotoDashboardPage, page }) => {
await test.step('Load dashboard and verify cursor changes to grab', async () => {
test('x-axis panning functionality', async ({ gotoDashboardPage, page, selectors }) => {
let centerX: number;
let centerY: number;
let initialFromTime: number;
let initialToTime: number;
const dashboardPage = await test.step('Load dashboard and verify cursor changes to grab', async () => {
const dashboardPage = await gotoDashboardPage({ uid: DASHBOARD_UID });
const timeseriesPanel = page.locator('.uplot').first();
@@ -23,23 +28,13 @@ test.describe('Panels test: TimeSeries X-axis panning', { tag: ['@panels', '@tim
const cursorStyle = await xAxis.evaluate((el: HTMLElement) => window.getComputedStyle(el).cursor);
expect(cursorStyle, 'cursor is grab').toBe('grab');
return dashboardPage;
});
});
test('drag right pans backward in time, drag left pans forward', async ({ gotoDashboardPage, page, selectors }) => {
let centerX: number;
let centerY: number;
let initialFromTime: number;
let initialToTime: number;
const dashboardPage = await test.step('Load dashboard and capture initial time range', async () => {
const dashboardPage = await gotoDashboardPage({ uid: DASHBOARD_UID });
await test.step('Capture initial time range', async () => {
const timeseriesPanel = page.locator('.uplot').first();
await expect(timeseriesPanel, 'panel rendered').toBeVisible();
const xAxis = timeseriesPanel.locator('.u-axis').first();
await expect(xAxis, 'x-axis rendered').toBeVisible();
const timePickerButton = dashboardPage.getByGrafanaSelector(selectors.components.TimePicker.openButton);
await timePickerButton.click();
@@ -61,8 +56,6 @@ test.describe('Panels test: TimeSeries X-axis panning', { tag: ['@panels', '@tim
centerX = axisBox.x + axisBox.width / 2;
centerY = axisBox.y + axisBox.height / 2;
return dashboardPage;
});
await test.step('Drag right pans backward in time', async () => {