Add timeout

Signed-off-by: Lin Wang <[email protected]>

Author: wanglam

cypress/integration/plugins/dashboards-assistant/mds_query_enhancements_suggest_anomaly_detector_spec.js

@@ -121,29 +121,67 @@ const testSuggestAD = (url) => {
       cy.wait('@suggestParameters');
 
       // Check main UI elements are present
-      cy.get('[data-test-subj="detectorNameTextInputFlyout"]').should('exist');
-      cy.get('#add-anomaly-detector__title').should(
-        'contain',
-        'Suggested anomaly detector'
+      cy.get('[data-test-subj="detectorNameTextInputFlyout"]').should('exist'); // Check for initial elements with adequate timeouts
+      cy.get('#add-anomaly-detector__title', { timeout: 10000 })
+        .should('be.visible')
+        .should('contain', 'Suggested anomaly detector');
+
+      cy.get('[data-test-subj="detectionInterval"]', { timeout: 5000 }).should(
+        'exist'
+      );
+      cy.get('[data-test-subj="windowDelay"]', { timeout: 5000 }).should(
+        'exist'
       );
-      cy.get('[data-test-subj="detectionInterval"]').should('exist');
-      cy.get('[data-test-subj="windowDelay"]').should('exist');
 
+      // Expand the accordion with proper waiting
       cy.get('[id="detectorDetailsAccordion"]')
+        .should('exist')
         .parent()
         .find('[data-test-subj="accordionTitleButton"]')
+        .should('be.visible')
         .click();
 
-      // Test empty name validation
-      cy.get('[data-test-subj="detectorNameTextInputFlyout"]').clear();
-      cy.get('[data-test-subj="detectorNameTextInputFlyout"]').blur();
-      cy.contains('Detector name cannot be empty').should('be.visible');
+      // Wait for animation to complete
+      cy.wait(1000);
 
-      // Test valid name
-      cy.get('[data-test-subj="detectorNameTextInputFlyout"]').type(
-        'test-detector-name' + Math.floor(Math.random() * 100) + 1
+      // Test empty name validation with safer interactions
+      cy.get('[data-test-subj="detectorNameTextInputFlyout"]')
+        .should('be.visible')
+        .clear();
+
+      // Use separate commands instead of chaining for more stability
+      cy.get('[data-test-subj="detectorNameTextInputFlyout"]')
+        .should('be.visible')
+        .blur({ force: true });
+
+      // Wait and check for error message with retry
+      cy.wait(500);
+      cy.get('body', { timeout: 10000 }).should(
+        'contain.text',
+        'Detector name cannot be empty'
       );
-      cy.contains('Detector name cannot be empty').should('not.exist');
+
+      // Generate random detector name
+      const detectorName =
+        'test-detector-name' + Math.floor(Math.random() * 100 + 1);
+
+      // Test valid name with separate commands
+      cy.get('[data-test-subj="detectorNameTextInputFlyout"]')
+        .should('be.visible')
+        .clear()
+        .type(detectorName, { delay: 50 }); // Add typing delay for stability
+
+      // Wait for validation to process
+      cy.wait(500);
+
+      // Check that error message is gone
+      cy.get('body').then(($body) => {
+        if ($body.text().includes('Detector name cannot be empty')) {
+          throw new Error(
+            'Error message still visible after entering valid name'
+          );
+        }
+      });
     });
 
     it('should create detector successfully', () => {