[Discover 2.0 Testing] Create View List of Saved Queries Test (Test-Id 124: View list of Saved query)

changelogs/fragments/9166.yml

@@ -0,0 +1,2 @@
+test:
+- Add cypress integration test for the old and new UI view saved queries. ([#9166](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/9166))

cypress/integration/core-opensearch-dashboards/opensearch-dashboards/apps/query_enhancements/field_display_filtering.spec.js

@@ -12,7 +12,7 @@ import {
   END_TIME,
   DATASET_CONFIGS,
 } from '../../../../../utils/apps/constants';
-import * as dataExplorer from '../../../../../integration/core-opensearch-dashboards/opensearch-dashboards/apps/query_enhancements/utils/field_display_filtering.js';
+import * as dataExplorer from '../../../../../utils/apps/query_enhancements/field_display_filtering.js';
 import { SECONDARY_ENGINE, BASE_PATH } from '../../../../../utils/constants';
 import { NEW_SEARCH_BUTTON } from '../../../../../utils/dashboards/data_explorer/elements.js';
 
@@ -223,7 +223,7 @@ describe('filter for value spec', () => {
   });
 
   after(() => {
-    cy.deleteWorkspaceByName(`${WORKSPACE_NAME}`);
+    cy.deleteWorkspaceByName(`${workspace}`);
     cy.deleteDataSourceByName(`${DATASOURCE_NAME}`);
     // TODO: Modify deleteIndex to handle an array of index and remove hard code
     cy.deleteIndex(INDEX_PATTERN_NAME);

cypress/integration/core-opensearch-dashboards/opensearch-dashboards/apps/query_enhancements/saved_queries.spec.js

@@ -0,0 +1,104 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import {
+  INDEX_PATTERN_WITH_TIME,
+  INDEX_WITH_TIME_1,
+  INDEX_WITH_TIME_2,
+  SECONDARY_ENGINE,
+} from '../../../../../utils/constants';
+
+import {
+  workspaceName,
+  datasourceName,
+  setSearchConfigurations,
+  setDatePickerDatesAndSearchIfRelevant,
+  verifyDiscoverPageState,
+} from '../../../../../utils/apps/query_enhancements/saved_search';
+
+import { generateAllTestConfigurations } from '../../../../../utils/apps/query_enhancements/saved_queries';
+
+// This spec assumes data.savedQueriesNewUI.enabled is true.
+
+export const runSavedQueriesNewUITests = () => {
+  describe('saved queries new UI', () => {
+    before(() => {
+      // Load test data
+      cy.setupTestData(
+        SECONDARY_ENGINE.url,
+        [
+          `cypress/fixtures/query_enhancements/data-logs-1/${INDEX_WITH_TIME_1}.mapping.json`,
+          `cypress/fixtures/query_enhancements/data-logs-2/${INDEX_WITH_TIME_2}.mapping.json`,
+        ],
+        [
+          `cypress/fixtures/query_enhancements/data-logs-1/${INDEX_WITH_TIME_1}.data.ndjson`,
+          `cypress/fixtures/query_enhancements/data-logs-2/${INDEX_WITH_TIME_2}.data.ndjson`,
+        ]
+      );
+      // Add data source
+      cy.addDataSource({
+        name: datasourceName,
+        url: SECONDARY_ENGINE.url,
+        authType: 'no_auth',
+      });
+
+      // Create workspace
+      cy.deleteWorkspaceByName(workspaceName);
+      cy.visit('/app/home');
+      cy.createInitialWorkspaceWithDataSource(datasourceName, workspaceName);
+      cy.createWorkspaceIndexPatterns({
+        workspaceName: workspaceName,
+        indexPattern: INDEX_PATTERN_WITH_TIME.replace('*', ''),
+        timefieldName: 'timestamp',
+        dataSource: datasourceName,
+        isEnhancement: true,
+      });
+    });
+
+    after(() => {
+      // No need to explicitly delete all saved queries as deleting the workspace will delete associated saved queries
+      cy.deleteWorkspaceByName(workspaceName);
+      // // TODO: Modify deleteIndex to handle an array of index and remove hard code
+      cy.deleteDataSourceByName(datasourceName);
+      cy.deleteIndex(INDEX_WITH_TIME_1);
+      cy.deleteIndex(INDEX_WITH_TIME_2);
+    });
+
+    const testConfigurations = generateAllTestConfigurations();
+    testConfigurations.forEach((config) => {
+      it(`should successfully create a saved query for ${config.testName}`, () => {
+        cy.navigateToWorkSpaceSpecificPage({
+          workspaceName,
+          page: 'discover',
+          isEnhancement: true,
+        });
+
+        cy.setDataset(config.dataset, datasourceName, config.datasetType);
+
+        cy.setQueryLanguage(config.language);
+        setDatePickerDatesAndSearchIfRelevant(config.language);
+
+        setSearchConfigurations(config);
+        verifyDiscoverPageState(config);
+        cy.saveQuery(config.saveName);
+      });
+    });
+
+    it('should see all saved queries', () => {
+      cy.getElementByTestId('saved-query-management-popover-button').click();
+
+      cy.getElementByTestId('saved-query-management-open-button').click();
+
+      testConfigurations.forEach((config) => {
+        cy.getElementByTestId('euiFlyoutCloseButton')
+          .parent()
+          .contains(config.saveName)
+          .should('exist');
+      });
+    });
+  });
+};
+
+runSavedQueriesNewUITests();

cypress/integration/core-opensearch-dashboards/opensearch-dashboards/apps/query_enhancements/saved_queries_old_ui.spec.js

@@ -0,0 +1,101 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import {
+  INDEX_PATTERN_WITH_TIME,
+  INDEX_WITH_TIME_1,
+  INDEX_WITH_TIME_2,
+  SECONDARY_ENGINE,
+} from '../../../../../utils/constants';
+
+import {
+  workspaceName,
+  datasourceName,
+  setSearchConfigurations,
+  setDatePickerDatesAndSearchIfRelevant,
+  verifyDiscoverPageState,
+} from '../../../../../utils/apps/query_enhancements/saved_search';
+
+import { generateAllTestConfigurations } from '../../../../../utils/apps/query_enhancements/saved_queries';
+
+// This spec assumes data.savedQueriesNewUI.enabled is false.
+
+export const runSavedQueriesOldUITests = () => {
+  describe('saved queries old UI', () => {
+    before(() => {
+      // Load test data
+      cy.setupTestData(
+        SECONDARY_ENGINE.url,
+        [
+          `cypress/fixtures/query_enhancements/data-logs-1/${INDEX_WITH_TIME_1}.mapping.json`,
+          `cypress/fixtures/query_enhancements/data-logs-2/${INDEX_WITH_TIME_2}.mapping.json`,
+        ],
+        [
+          `cypress/fixtures/query_enhancements/data-logs-1/${INDEX_WITH_TIME_1}.data.ndjson`,
+          `cypress/fixtures/query_enhancements/data-logs-2/${INDEX_WITH_TIME_2}.data.ndjson`,
+        ]
+      );
+      // Add data source
+      cy.addDataSource({
+        name: datasourceName,
+        url: SECONDARY_ENGINE.url,
+        authType: 'no_auth',
+      });
+
+      // Create workspace
+      cy.deleteWorkspaceByName(workspaceName);
+      cy.visit('/app/home');
+      cy.createInitialWorkspaceWithDataSource(datasourceName, workspaceName);
+      cy.createWorkspaceIndexPatterns({
+        workspaceName: workspaceName,
+        indexPattern: INDEX_PATTERN_WITH_TIME.replace('*', ''),
+        timefieldName: 'timestamp',
+        dataSource: datasourceName,
+        isEnhancement: true,
+      });
+    });
+
+    after(() => {
+      // No need to explicitly delete all saved queries as deleting the workspace will delete associated saved queries
+      cy.deleteWorkspaceByName(workspaceName);
+      // // TODO: Modify deleteIndex to handle an array of index and remove hard code
+      cy.deleteDataSourceByName(datasourceName);
+      cy.deleteIndex(INDEX_WITH_TIME_1);
+      cy.deleteIndex(INDEX_WITH_TIME_2);
+    });
+
+    const testConfigurations = generateAllTestConfigurations();
+    testConfigurations.forEach((config) => {
+      it(`should successfully create a saved query for ${config.testName}`, () => {
+        cy.navigateToWorkSpaceSpecificPage({
+          workspaceName,
+          page: 'discover',
+          isEnhancement: true,
+        });
+
+        cy.setDataset(config.dataset, datasourceName, config.datasetType);
+
+        cy.setQueryLanguage(config.language);
+        setDatePickerDatesAndSearchIfRelevant(config.language);
+
+        setSearchConfigurations(config);
+        verifyDiscoverPageState(config);
+        cy.saveQueryOldUI(config.saveName);
+      });
+    });
+
+    it('should see all saved queries', () => {
+      cy.getElementByTestId('saved-query-management-popover-button').click();
+
+      testConfigurations.forEach((config) => {
+        cy.getElementByTestId('saved-query-management-popover')
+          .contains(config.saveName)
+          .should('exist');
+      });
+    });
+  });
+};
+
+runSavedQueriesOldUITests();

cypress/integration/core-opensearch-dashboards/opensearch-dashboards/apps/query_enhancements/saved_search.spec.js

@@ -19,7 +19,7 @@ import {
   verifyDiscoverPageState,
   verifySavedSearchInAssetsPage,
   postRequestSaveSearch,
-} from './utils/saved_search';
+} from '../../../../../utils/apps/query_enhancements/saved_search';
 
 export const runSavedSearchTests = () => {
   describe('saved search', () => {

cypress/utils/apps/data_explorer/commands.js

@@ -125,33 +125,49 @@ Cypress.Commands.add(
   }
 );
 
-Cypress.Commands.add('saveQuery', (name, description) => {
+Cypress.Commands.add('saveQueryOldUI', (name, description = ' ') => {
   cy.whenTestIdNotFound('saved-query-management-popover', () => {
     cy.getElementByTestId('saved-query-management-popover-button').click();
   });
   cy.getElementByTestId('saved-query-management-save-button').click();
 
   cy.getElementByTestId('saveQueryFormTitle').type(name);
   cy.getElementByTestId('saveQueryFormDescription').type(description);
+
+  cy.getElementByTestId('savedQueryFormSaveButton').click();
+  cy.getElementByTestId('euiToastHeader').contains('was saved').should('be.visible');
+});
+
+Cypress.Commands.add('saveQuery', (name, description = ' ') => {
+  cy.whenTestIdNotFound('saved-query-management-popover', () => {
+    cy.getElementByTestId('saved-query-management-popover-button').click();
+  });
+  cy.getElementByTestId('saved-query-management-save-button').click();
+
+  cy.getElementByTestId('saveQueryFormTitle').type(name);
+  cy.getElementByTestId('saveQueryFormDescription').type(description);
+
+  cy.getElementByTestId('savedQueryFormSaveButton').click();
+  cy.getElementByTestId('euiToastHeader').contains('was saved').should('be.visible');
 });
 
-Cypress.Commands.add('loadSaveQuery', (name) => {
+Cypress.Commands.add('loadSaveQueryOldUI', (name) => {
   cy.getElementByTestId('saved-query-management-popover-button').click({
     force: true,
   });
 
   cy.get(`[data-test-subj~="load-saved-query-${name}-button"]`).should('be.visible').click();
 });
 
-Cypress.Commands.add('clearSaveQuery', () => {
+Cypress.Commands.add('clearSaveQueryOldUI', () => {
   cy.whenTestIdNotFound('saved-query-management-popover', () => {
     cy.getElementByTestId('saved-query-management-popover-button').click();
   });
   //clear save queries
   cy.getElementByTestId('saved-query-management-clear-button').click();
 });
 
-Cypress.Commands.add('deleteSaveQuery', (name) => {
+Cypress.Commands.add('deleteSaveQueryOldUI', (name) => {
   cy.getElementByTestId('saved-query-management-popover-button').click();
 
   cy.get(`[data-test-subj~="delete-saved-query-${name}-button"]`).click({