update tests to first type in combo box so option is visible

Signed-off-by: Amit Galitzky <amgalitz@amazon.com>

Author: amitgalitz

cypress/integration/plugins/anomaly-detection-dashboards-plugin/create_remote_detector_spec.js

@@ -17,7 +17,7 @@ context('Create remote detector workflow', () => {
   const TEST_TIMESTAMP_NAME = 'timestamp'; // coming from single_index_response.json fixture
   const TEST_INDEX_NAME = 'sample-ad-index';
   const TEST_SECOND_INDEX_NAME = 'sample-ad-index-two';
-  const TEST_REMOTE_INDEX = 'followCluster:sample-ad-index';
+  //const TEST_REMOTE_INDEX = 'followCluster:sample-ad-index';
 
   // Clean up created resources
   afterEach(() => {
@@ -97,6 +97,8 @@ context('Create remote detector workflow', () => {
     // Index some sample data in local and follower cluster (remote)
     beforeEach(() => {
       cy.visit(AD_URL.OVERVIEW, { timeout: 10000 });
+      cy.deleteAllIndices();
+      cy.deleteADSystemIndices();
       const remoteEndpointTestData = `${Cypress.env(
         'remoteDataSourceNoAuthUrl'
       )}/${TEST_INDEX_NAME}/_bulk`;
@@ -178,10 +180,10 @@ context('Create remote detector workflow', () => {
 
       cy.getElementByTestId('indicesFilter').click();
       cy.wait(1000);
-      cy.contains(
-        '.euiComboBoxOption__content',
+
+      cy.getElementByTestId('indicesFilter').type(
         `${remoteClusterName}:sample-ad-index`
-      ).click();
+      );
 
       selectTopItemFromFilter('timestampFilter', false);
 
@@ -213,7 +215,9 @@ context('Create remote detector workflow', () => {
       cy.getElementByTestId('detectorDescriptionCell').contains(
         TEST_DETECTOR_DESCRIPTION
       );
-      cy.getElementByTestId('indexNameCell').contains(TEST_REMOTE_INDEX);
+      cy.getElementByTestId('indexNameCell').contains(
+        `${remoteClusterName}:sample-ad-index`
+      );
       cy.getElementByTestId('timestampNameCell').contains(TEST_TIMESTAMP_NAME);
       cy.getElementByTestId('featureTable').contains(TEST_FEATURE_NAME);
 
@@ -250,19 +254,28 @@ context('Create remote detector workflow', () => {
 
       cy.wait(3000);
 
+      // Open the combo box
       cy.getElementByTestId('indicesFilter').click();
-      cy.wait(1000);
+      cy.wait(500);
 
-      cy.contains(
-        '.euiComboBoxOption__content',
-        `${remoteClusterName}:sample-ad-index`
-      ).click();
-      cy.contains('.euiComboBoxOption__content', 'sample-ad-index').click();
+      // Type and select the first option
+      cy.getElementByTestId('indicesFilter').type(`sample-ad-index`);
+      cy.wait(500); // Wait for the dropdown to populate
+      cy.get('.euiComboBoxOption__content')
+        .contains(`${remoteClusterName}:sample-ad-index`)
+        .click();
 
-      cy.contains(
-        '.euiComboBoxOption__content',
-        `${remoteClusterName}:sample-ad-index-two`
-      ).click();
+      // Type and select the second option
+      cy.getElementByTestId('indicesFilter').type('sample-ad-index');
+      cy.wait(500);
+      cy.get('.euiComboBoxOption__content').contains('sample-ad-index').click();
+
+      // Type and select the third option
+      cy.getElementByTestId('indicesFilter').type(`sample-ad-index-two`);
+      cy.wait(500);
+      cy.get('.euiComboBoxOption__content')
+        .contains(`${remoteClusterName}:sample-ad-index-two`)
+        .click();
 
       selectTopItemFromFilter('timestampFilter', false);