mirror of
https://github.com/grafana/grafana.git
synced 2024-11-24 09:50:29 -06:00
fb3bec058a
* Set time range when opening a dashboard * Set UTC timezone when creating a dashboard * Added flow for selecting options in custom select fields * Fix flaky test
95 lines
2.6 KiB
TypeScript
95 lines
2.6 KiB
TypeScript
import { e2e } from '@grafana/e2e';
|
|
|
|
e2e.scenario({
|
|
describeName: 'Dashboard time zone support',
|
|
itName: 'Tests dashboard time zone scenarios',
|
|
addScenarioDataSource: false,
|
|
addScenarioDashBoard: false,
|
|
skipScenario: false,
|
|
scenario: () => {
|
|
e2e.flows.openDashboard({ uid: '5SdHCasdf' });
|
|
|
|
const fromTimeZone = 'Coordinated Universal Time';
|
|
const toTimeZone = 'America/Chicago';
|
|
const offset = -5;
|
|
|
|
const panelsToCheck = [
|
|
'Random walk series',
|
|
'Millisecond res x-axis and tooltip',
|
|
'2 yaxis and axis labels',
|
|
'Stacking value ontop of nulls',
|
|
'Null between points',
|
|
'Legend Table No Scroll Visible',
|
|
];
|
|
|
|
const timesInUtc: Record<string, string> = {};
|
|
|
|
for (const title of panelsToCheck) {
|
|
e2e.components.Panels.Panel.containerByTitle(title)
|
|
.should('be.visible')
|
|
.within(() =>
|
|
e2e.components.Panels.Visualization.Graph.xAxis
|
|
.labels()
|
|
.should('be.visible')
|
|
.last()
|
|
.should(element => {
|
|
timesInUtc[title] = element.text();
|
|
})
|
|
);
|
|
}
|
|
|
|
e2e.pages.Dashboard.Toolbar.toolbarItems('Dashboard settings').click();
|
|
|
|
e2e.components.TimeZonePicker.container()
|
|
.should('be.visible')
|
|
.within(() => {
|
|
e2e.components.Select.singleValue()
|
|
.should('be.visible')
|
|
.should('have.text', fromTimeZone);
|
|
|
|
e2e.components.Select.input()
|
|
.should('be.visible')
|
|
.click();
|
|
|
|
e2e.components.Select.option()
|
|
.should('be.visible')
|
|
.contains(toTimeZone)
|
|
.click();
|
|
});
|
|
|
|
e2e.components.BackButton.backArrow().click();
|
|
|
|
for (const title of panelsToCheck) {
|
|
e2e.components.Panels.Panel.containerByTitle(title)
|
|
.should('be.visible')
|
|
.within(() =>
|
|
e2e.components.Panels.Visualization.Graph.xAxis
|
|
.labels()
|
|
.should('be.visible')
|
|
.last()
|
|
.should(element => {
|
|
const utc = timesInUtc[title];
|
|
const tz = element.text();
|
|
const isCorrect = isTimeCorrect(utc, tz, offset);
|
|
assert.isTrue(isCorrect, `Panel with title: "${title}"`);
|
|
})
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
const isTimeCorrect = (utc: string, tz: string, offset: number): boolean => {
|
|
const minutes = 1000 * 60;
|
|
|
|
const a = Cypress.moment(utc, 'HH:mm')
|
|
.set('seconds', 0)
|
|
.set('milliseconds', 0);
|
|
|
|
const b = Cypress.moment(tz, 'HH:mm')
|
|
.set('seconds', 0)
|
|
.set('milliseconds', 0)
|
|
.add('hours', offset);
|
|
|
|
return a.diff(b, 'minutes') <= 6 * minutes;
|
|
};
|