Chore: Move to Cypress 12 and decouple cypress from @grafana/e2e (#74084)

* update drone to use cypress 12 image * upgrade cypress to 12 in core * cypress config actually valid * update @grafana/e2e imports and add lint rule * ignore grafana-e2e from betterer now it's deprecated * fix remaining type errors * fix failing tests * remove unnecessary tsconfig * remove unnecessary comment * update enterprise suite commands to work * add cypress config to CODEOWNERS * export setTimeRange in utils * remove @grafana/e2e from core deps * try running the command through yarn * move CMD to scripts * Update cloud-data-sources e2e image * Update paths --------- Co-authored-by: Andreas Christou <andreas.christou@grafana.com>
2025-02-25 18:55:37 -06:00 · 2023-09-08 16:51:59 +01:00
parent e7a2c95586
commit 0f2f25c5d9
116 changed files with 11747 additions and 223 deletions
--- a/e2e/utils/flows/addDataSource.ts
+++ b/e2e/utils/flows/addDataSource.ts
@@ -0,0 +1,116 @@
+import { v4 as uuidv4 } from 'uuid';
+
+import { e2e } from '../index';
+
+import { DeleteDataSourceConfig } from './deleteDataSource';
+
+export interface AddDataSourceConfig {
+  basicAuth: boolean;
+  basicAuthPassword: string;
+  basicAuthUser: string;
+  expectedAlertMessage: string | RegExp;
+  form: () => void;
+  name: string;
+  skipTlsVerify: boolean;
+  type: string;
+  timeout?: number;
+  awaitHealth?: boolean;
+}
+
+// @todo this actually returns type `Cypress.Chainable<AddDaaSourceConfig>`
+export const addDataSource = (config?: Partial<AddDataSourceConfig>) => {
+  const fullConfig: AddDataSourceConfig = {
+    basicAuth: false,
+    basicAuthPassword: '',
+    basicAuthUser: '',
+    expectedAlertMessage: 'Data source is working',
+    form: () => {},
+    name: `e2e-${uuidv4()}`,
+    skipTlsVerify: false,
+    type: 'TestData',
+    ...config,
+  };
+
+  const {
+    basicAuth,
+    basicAuthPassword,
+    basicAuthUser,
+    expectedAlertMessage,
+    form,
+    name,
+    skipTlsVerify,
+    type,
+    timeout,
+    awaitHealth,
+  } = fullConfig;
+
+  if (awaitHealth) {
+    e2e()
+      .intercept(/health/)
+      .as('health');
+  }
+
+  e2e().logToConsole('Adding data source with name:', name);
+  e2e.pages.AddDataSource.visit();
+  e2e.pages.AddDataSource.dataSourcePluginsV2(type)
+    .scrollIntoView()
+    .should('be.visible') // prevents flakiness
+    .click();
+
+  e2e.pages.DataSource.name().clear();
+  e2e.pages.DataSource.name().type(name);
+
+  if (basicAuth) {
+    e2e().contains('label', 'Basic auth').scrollIntoView().click();
+    e2e()
+      .contains('.gf-form-group', 'Basic Auth Details')
+      .should('be.visible')
+      .scrollIntoView()
+      .within(() => {
+        if (basicAuthUser) {
+          e2e().get('[placeholder=user]').type(basicAuthUser);
+        }
+        if (basicAuthPassword) {
+          e2e().get('[placeholder=Password]').type(basicAuthPassword);
+        }
+      });
+  }
+
+  if (skipTlsVerify) {
+    e2e().contains('label', 'Skip TLS Verify').scrollIntoView().click();
+  }
+
+  form();
+
+  e2e.pages.DataSource.saveAndTest().click();
+
+  if (awaitHealth) {
+    e2e().wait('@health', { timeout: timeout ?? e2e.config().defaultCommandTimeout });
+  }
+
+  // use the timeout passed in if it exists, otherwise, continue to use the default
+  e2e.pages.DataSource.alert()
+    .should('exist')
+    .contains(expectedAlertMessage, {
+      timeout: timeout ?? e2e.config().defaultCommandTimeout,
+    });
+  e2e().logToConsole('Added data source with name:', name);
+
+  return e2e()
+    .url()
+    .then(() => {
+      e2e.getScenarioContext().then(({ addedDataSources }: any) => {
+        e2e.setScenarioContext({
+          addedDataSources: [...addedDataSources, { name } as DeleteDataSourceConfig],
+        });
+      });
+
+      // @todo remove `wrap` when possible
+      return e2e().wrap(
+        {
+          config: fullConfig,
+        },
+        { log: false }
+      );
+    });
+};