TimeZone: added e2e tests for the custom time zone support. (#24442)

2020-05-11 11:46:57 +02:00
parent e341d4b26f
commit a521a39ebf
7 changed files with 805 additions and 4 deletions
@@ -0,0 +1,94 @@
+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('5SdHCasdf');
+
+    const fromTimeZone = 'UTC';
+    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;
+};