[Security Solutions] Fixes Cypress tests for indicator match by making the selectors more specific (#91947)

## Summary

Fixes the indicator match rules cypress e2e tests by making the selectors more specific. Previously other rules and forms code which live on the DOM beside the indicator match rules could interfere when moving around on the DOM. Now with more specific selectors this should be less likely to happen.

If it does happen again I will make the selectors even more specific. 

### Checklist

- [x] [Unit or functional tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html) were updated or added to match the most common scenarios

Author: FrankHassanabad

x-pack/plugins/security_solution/cypress/integration/detection_rules/indicator_match_rule.spec.ts

@@ -98,8 +98,7 @@ import { loginAndWaitForPageWithoutDateRange } from '../../tasks/login';
 
 import { DETECTIONS_URL, RULE_CREATION } from '../../urls/navigation';
 
-// Skipped for 7.12 FF - flaky tests
-describe.skip('indicator match', () => {
+describe('indicator match', () => {
   describe('Detection rules, Indicator Match', () => {
     const expectedUrls = newThreatIndicatorRule.referenceUrls.join('');
     const expectedFalsePositives = newThreatIndicatorRule.falsePositivesExamples.join('');

x-pack/plugins/security_solution/cypress/screens/create_new_rule.ts

@@ -36,9 +36,24 @@ export const CREATE_AND_ACTIVATE_BTN = '[data-test-subj="create-activate"]';
 
 export const CUSTOM_QUERY_INPUT = '[data-test-subj="queryInput"]';
 
+export const THREAT_MAPPING_COMBO_BOX_INPUT =
+  '[data-test-subj="threatMatchInput"] [data-test-subj="fieldAutocompleteComboBox"]';
+
+export const THREAT_MATCH_CUSTOM_QUERY_INPUT =
+  '[data-test-subj="detectionEngineStepDefineRuleQueryBar"] [data-test-subj="queryInput"]';
+
+export const THREAT_MATCH_INDICATOR_QUERY_INPUT =
+  '[data-test-subj="detectionEngineStepDefineRuleThreatMatchIndices"] [data-test-subj="queryInput"]';
+
 export const THREAT_MATCH_QUERY_INPUT =
   '[data-test-subj="detectionEngineStepDefineThreatRuleQueryBar"] [data-test-subj="queryInput"]';
 
+export const THREAT_MATCH_INDICATOR_INDEX =
+  '[data-test-subj="detectionEngineStepDefineRuleIndices"] [data-test-subj="comboBoxInput"]';
+
+export const THREAT_MATCH_INDICATOR_INDICATOR_INDEX =
+  '[data-test-subj="detectionEngineStepDefineRuleThreatMatchIndices"] [data-test-subj="comboBoxInput"]';
+
 export const THREAT_MATCH_AND_BUTTON = '[data-test-subj="andButton"]';
 
 export const THREAT_ITEM_ENTRY_DELETE_BUTTON = '[data-test-subj="itemEntryDeleteButton"]';

x-pack/plugins/security_solution/cypress/tasks/create_new_rule.ts

@@ -80,6 +80,11 @@ import {
   CUSTOM_QUERY_REQUIRED,
   RULES_CREATION_FORM,
   RULES_CREATION_PREVIEW,
+  THREAT_MATCH_INDICATOR_INDEX,
+  THREAT_MATCH_INDICATOR_INDICATOR_INDEX,
+  THREAT_MATCH_CUSTOM_QUERY_INPUT,
+  THREAT_MATCH_QUERY_INPUT,
+  THREAT_MAPPING_COMBO_BOX_INPUT,
 } from '../screens/create_new_rule';
 import { TOAST_ERROR } from '../screens/shared';
 import { SERVER_SIDE_EVENT_COUNT } from '../screens/timeline';
@@ -325,17 +330,17 @@ export const fillIndicatorMatchRow = ({
 }) => {
   const computedRowNumber = rowNumber == null ? 1 : rowNumber;
   const computedValueRows = validColumns == null ? 'both' : validColumns;
-  const OFFSET = 2;
-  cy.get(COMBO_BOX_INPUT)
-    .eq(computedRowNumber * OFFSET + 1)
+  cy.get(THREAT_MAPPING_COMBO_BOX_INPUT)
+    .eq(computedRowNumber * 2 - 2)
+    .eq(0)
     .type(indexField);
   if (computedValueRows === 'indexField' || computedValueRows === 'both') {
     cy.get(`button[title="${indexField}"]`)
       .should('be.visible')
       .then(([e]) => e.click());
   }
-  cy.get(COMBO_BOX_INPUT)
-    .eq(computedRowNumber * OFFSET + 2)
+  cy.get(THREAT_MAPPING_COMBO_BOX_INPUT)
+    .eq(computedRowNumber * 2 - 1)
     .type(indicatorIndexField);
 
   if (computedValueRows === 'indicatorField' || computedValueRows === 'both') {
@@ -393,19 +398,20 @@ export const getAboutContinueButton = () => cy.get(ABOUT_CONTINUE_BTN);
 export const getDefineContinueButton = () => cy.get(DEFINE_CONTINUE_BUTTON);
 
 /** Returns the indicator index pattern */
-export const getIndicatorIndex = () => cy.get(COMBO_BOX_INPUT).eq(0);
+export const getIndicatorIndex = () => cy.get(THREAT_MATCH_INDICATOR_INDEX).eq(0);
 
 /** Returns the indicator's indicator index */
-export const getIndicatorIndicatorIndex = () => cy.get(COMBO_BOX_INPUT).eq(2);
+export const getIndicatorIndicatorIndex = () =>
+  cy.get(THREAT_MATCH_INDICATOR_INDICATOR_INDEX).eq(0);
 
 /** Returns the index pattern's clear button  */
 export const getIndexPatternClearButton = () => cy.get(COMBO_BOX_CLEAR_BTN);
 
 /** Returns the custom query input */
-export const getCustomQueryInput = () => cy.get(CUSTOM_QUERY_INPUT).eq(0);
+export const getCustomQueryInput = () => cy.get(THREAT_MATCH_CUSTOM_QUERY_INPUT).eq(0);
 
 /** Returns the custom query input */
-export const getCustomIndicatorQueryInput = () => cy.get(CUSTOM_QUERY_INPUT).eq(1);
+export const getCustomIndicatorQueryInput = () => cy.get(THREAT_MATCH_QUERY_INPUT).eq(0);
 
 /** Returns custom query required content */
 export const getCustomQueryInvalidationText = () => cy.contains(CUSTOM_QUERY_REQUIRED);