Data sources UI improvements

.cypress/integration/10_datasources.spec.js

@@ -4,16 +4,38 @@
  */
 
 /// <reference types="cypress" />
+
 
   const moveToDatasourcesHome = () => {
-    cy.visit(`${Cypress.env('opensearchDashboards')}/app/dataconnections`);
+    cy.visit(`${Cypress.env('opensearchDashboards')}/app/datasources`);
+  };
+
+  const moveToNewDatasourcesPage = () => {
+    cy.visit(`${Cypress.env('opensearchDashboards')}/app/datasources#/new`);
+  };
+
+  const moveToCreatePrometheusDatasourcePage = () => {
+    cy.visit(`${Cypress.env('opensearchDashboards')}/app/datasources#/configure/PROMETHEUS`);
   };
 
-  describe('Basic sanity test for datasources plugin', () => {
+  describe('Integration tests for datasources plugin', () => {
+    const testPrometheusSuffix = (Math.random() + 1).toString(36).substring(7);
+const testPrometheusInstance = `Prometheus_${testPrometheusSuffix}`;
+const testS3Suffix = (Math.random() + 1).toString(36).substring(7);
+const testS3Instance = `S3_${testS3Suffix}`;
     it('Navigates to datasources plugin and expects the correct header', () => {
       moveToDatasourcesHome();
       cy.get('[data-test-subj="dataconnections-header"]').should('exist');
     });
+
+    it('Tests navigation between tabs and goes to Prometheus creation flow', () => {
+      moveToDatasourcesHome();
+      cy.get('[data-test-subj="new"]').click();
+      cy.url().should('include', '/new')
+      cy.get('[data-test-subj="datasource_card_prometheus"]').click();
+      cy.url().should('include', '/configure/PROMETHEUS');
+    });
+
 });
 
 

common/constants/data_connections.ts

@@ -3,8 +3,16 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-export const OPENSEARCH_DOCUMENTATION_URL =
-  'https://opensearch.org/docs/latest/data-connections/index';
+import { DatasourceType } from '../../common/types/data_connections';
+
+export const OPENSEARCH_DOCUMENTATION_URL = 'https://opensearch.org/docs/latest/data-sources/index';
 
 export const QUERY_RESTRICTED = 'query-restricted';
 export const QUERY_ALL = 'query-all';
+
+export const DatasourceTypeToDisplayName: { [key in DatasourceType]: string } = {
+  PROMETHEUS: 'Prometheus',
+  S3GLUE: 'S3',
+};
+
+export type AuthMethod = 'noauth' | 'basicauth' | 'awssigv4';

common/types/data_connections.ts

@@ -14,4 +14,4 @@ export interface PermissionsConfigurationProps {
 
 export type Role = EuiComboBoxOptionOption;
 
-export type DatasourceType = 'SPARK' | 'S3GLUE' | 'OPENSEARCH' | 'PROMETHEUS';
+export type DatasourceType = 'S3GLUE' | 'PROMETHEUS';