Add data test subject for discover cypress test (#8682)

changelogs/fragments/8682.yml

@@ -0,0 +1,2 @@
+feat:
+- Add data test subject for discover cypress test ([#8682](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/8682))

src/plugins/data/public/query/query_string/language_service/lib/language_reference.tsx

@@ -21,6 +21,7 @@ export const LanguageReference = (props: { body: ReactFragment }) => {
           defaultMessage: `Language Reference`,
         })}
         onClick={() => setIsLanguageReferenceOpen(!isLanguageReferenceOpen)}
+        data-test-subj="languageReferenceButton"
       />
     </div>
   );

src/plugins/data/public/ui/dataset_selector/configurator.tsx

@@ -180,6 +180,7 @@ export const Configurator = ({
                     setDataset({ ...dataset, timeFieldName: value });
                   }}
                   hasNoInitialSelection
+                  data-test-subj="advancedSelectorTimeFieldSelect"
                 />
               </EuiFormRow>
             ))}
@@ -205,6 +206,7 @@ export const Configurator = ({
           }}
           fill
           disabled={submitDisabled}
+          data-test-subj="advancedSelectorConfirmButton"
         >
           <FormattedMessage
             id="data.explorer.datasetSelector.advancedSelector.confirm"

src/plugins/data/public/ui/dataset_selector/dataset_explorer.tsx

@@ -229,6 +229,7 @@ export const DatasetExplorer = ({
           <FormattedMessage
             id="data.explorer.datasetSelector.advancedSelector.cancel"
             defaultMessage="Cancel"
+            data-test-subj="datasetSelectorCancel"
           />
         </EuiButtonEmpty>
         <EuiButton
@@ -237,6 +238,7 @@ export const DatasetExplorer = ({
           iconType="arrowRight"
           iconSide="right"
           fill
+          data-test-subj="datasetSelectorNext"
         >
           <FormattedMessage
             id="data.explorer.datasetSelector.advancedSelector.next"

src/plugins/data/public/ui/dataset_selector/dataset_selector.tsx

@@ -146,6 +146,7 @@ export const DatasetSelector = ({
           checked: id === selectedDatasetId ? 'on' : undefined,
           key: id,
           prepend: <EuiIcon type={datasetService.getType(type)!.meta.icon.type} />,
+          'data-test-subj': `datasetOption-${id}`,
         });
       });
       return datasetOptions.length > 1 ? datasetOptions : [];

src/plugins/data/public/ui/query_editor/editors/default_editor/index.tsx

@@ -32,7 +32,7 @@ export const DefaultInput: React.FC<DefaultInputProps> = ({
   provideCompletionItems,
 }) => {
   return (
-    <div className="defaultEditor">
+    <div className="defaultEditor" data-test-subj="osdQueryEditor__multiLine">
       <div ref={headerRef} className="defaultEditor__header" />
       <CodeEditor
         height={100}

src/plugins/data/public/ui/query_editor/editors/shared.tsx

@@ -64,7 +64,10 @@ export const SingleLineInput: React.FC<SingleLineInputProps> = ({
 }) => (
   <div className="euiFormControlLayout euiFormControlLayout--compressed euiFormControlLayout--group osdQueryBar__wrap">
     {prepend}
-    <div className="osdQuerEditor__singleLine euiFormControlLayout__childrenWrapper">
+    <div
+      className="osdQuerEditor__singleLine euiFormControlLayout__childrenWrapper"
+      data-test-subj="osdQueryEditor__singleLine"
+    >
       <CodeEditor
         height={20} // Adjusted to match lineHeight for a single line
         languageId={languageId}

src/plugins/data/public/ui/query_editor/language_selector.tsx

@@ -114,6 +114,7 @@ export const QueryLanguageSelector = (props: QueryLanguageSelectorProps) => {
           onClick={onButtonClick}
           className="languageSelector__button"
           iconType="arrowDown"
+          data-test-subj="queryEditorLanguageSelector"
         >
           {selectedLanguage.label}
         </EuiSmallButtonEmpty>

src/plugins/data/public/ui/query_editor/query_editor.tsx

@@ -379,7 +379,7 @@ export default class QueryEditorUI extends Component<Props, State> {
           <EuiText size="xs" color="subdued">
             {`${this.state.lineCount} ${this.state.lineCount === 1 ? 'line' : 'lines'}`}
           </EuiText>,
-          <EuiText size="xs" color="subdued">
+          <EuiText size="xs" color="subdued" data-test-subj="queryEditorFooterTimestamp">
             {this.props.query.dataset?.timeFieldName || ''}
           </EuiText>,
           <QueryResult queryStatus={this.props.queryStatus!} />,

src/plugins/discover/public/application/components/no_index_patterns/no_index_patterns.tsx

@@ -27,6 +27,7 @@ export const DiscoverNoIndexPatterns: React.FC = () => {
       alignItems="center"
       gutterSize="none"
       className="discoverNoIndexPatterns-centerPanel"
+      data-test-subj="discoverNoIndexPatterns"
     >
       <EuiFlexItem grow={false}>
         <EuiPanel paddingSize="l">