From d2c8fdf2622a133240aea4a4ec642f56c28a9103 Mon Sep 17 00:00:00 2001
From: Shenoy Pratik <sgguruda@amazon.com>
Date: Sat, 9 Mar 2024 10:28:33 -0800
Subject: [PATCH] update tests and snapshots

Signed-off-by: Shenoy Pratik <sgguruda@amazon.com>
---
 common/constants/data_sources.ts              |   3 +
 .../create_acceleration.test.tsx.snap         | 196 +++++++++---------
 .../create_acceleration_header.test.tsx.snap  |   2 +-
 .../define_index_options.test.tsx.snap        |  40 ++--
 .../index_setting_options.test.tsx.snap       | 150 +++++++-------
 .../index_type_selector.test.tsx.snap         |  20 +-
 .../source_selector.test.tsx.snap             |  65 +++---
 .../__tests__/source_selector.test.tsx        |   2 +-
 .../selectors/index_type_selector.tsx         |   3 +-
 .../selectors/source_selector.tsx             |   4 +-
 .../query_visual_editor.test.tsx.snap         |   6 +-
 .../add_fields_modal.test.tsx.snap            |  32 +--
 .../delete_fields_modal.test.tsx.snap         |  36 ++--
 .../skipping_index_builder.test.tsx.snap      |   6 +-
 14 files changed, 283 insertions(+), 282 deletions(-)

diff --git a/common/constants/data_sources.ts b/common/constants/data_sources.ts
index 5462e9b19..63ff345ec 100644
--- a/common/constants/data_sources.ts
+++ b/common/constants/data_sources.ts
@@ -44,6 +44,9 @@ export const ACCELERATION_INDEX_TYPES = [
   { label: 'Materialized View', value: 'materialized' },
 ];
 
+export const ACC_INDEX_TYPE_DOCUMENTATION_URL =
+  'https://github.com/opensearch-project/opensearch-spark/blob/main/docs/index.md';
+
 export const ACCELERATION_INDEX_NAME_INFO = `All OpenSearch acceleration indices have a naming format of pattern: \`prefix_<index name>_suffix\`. They share a common prefix structure, which is \`flint_<data source name>_<database name>_<table name>_\`. Additionally, they may have a suffix that varies based on the index type. 
 ##### Skipping Index
 - For 'Skipping' indices, a fixed index name 'skipping' is used, and this name cannot be modified by the user. The suffix added to this type is \`_index\`.
diff --git a/public/components/datasources/components/manage/accelerations/create/__tests__/__snapshots__/create_acceleration.test.tsx.snap b/public/components/datasources/components/manage/accelerations/create/__tests__/__snapshots__/create_acceleration.test.tsx.snap
index 55866b922..951139f2f 100644
--- a/public/components/datasources/components/manage/accelerations/create/__tests__/__snapshots__/create_acceleration.test.tsx.snap
+++ b/public/components/datasources/components/manage/accelerations/create/__tests__/__snapshots__/create_acceleration.test.tsx.snap
@@ -76,7 +76,7 @@ Array [
                      
                     <a
                       class="euiLink euiLink--primary"
-                      href="https://opensearch.org/docs/latest/dashboards/management/accelerate-external-data/"
+                      href="https://opensearch.org/docs/latest/data-acceleration/index"
                       rel="noopener noreferrer"
                       target="_blank"
                     >
@@ -148,7 +148,7 @@ Array [
                     />
                     <div
                       class="euiFormRow"
-                      id="some_html_id-row"
+                      id="random_html_id-row"
                     >
                       <div
                         class="euiFormRow__labelWrapper"
@@ -156,7 +156,7 @@ Array [
                         <label
                           aria-invalid="false"
                           class="euiFormLabel euiFormRow__label"
-                          for="some_html_id"
+                          for="random_html_id"
                         >
                           Data source
                         </label>
@@ -165,7 +165,7 @@ Array [
                         class="euiFormRow__fieldWrapper"
                       >
                         <div
-                          aria-describedby="some_html_id-help-0"
+                          aria-describedby="random_html_id-help-0"
                           aria-expanded="false"
                           aria-haspopup="listbox"
                           class="euiComboBox"
@@ -194,7 +194,7 @@ Array [
                                   <input
                                     aria-controls=""
                                     data-test-subj="comboBoxSearchInput"
-                                    id="some_html_id"
+                                    id="random_html_id"
                                     role="textbox"
                                     style="box-sizing: content-box; width: 2px;"
                                     value=""
@@ -234,7 +234,7 @@ Array [
                         </div>
                         <div
                           class="euiFormHelpText euiFormRow__text"
-                          id="some_html_id-help-0"
+                          id="random_html_id-help-0"
                         >
                           A data source has to be configured and active to be able to select it and index data from.
                         </div>
@@ -242,7 +242,7 @@ Array [
                     </div>
                     <div
                       class="euiFormRow"
-                      id="some_html_id-row"
+                      id="random_html_id-row"
                     >
                       <div
                         class="euiFormRow__labelWrapper"
@@ -250,7 +250,7 @@ Array [
                         <label
                           aria-invalid="false"
                           class="euiFormLabel euiFormRow__label"
-                          for="some_html_id"
+                          for="random_html_id"
                         >
                           Database
                         </label>
@@ -259,7 +259,7 @@ Array [
                         class="euiFormRow__fieldWrapper"
                       >
                         <div
-                          aria-describedby="some_html_id-help-0"
+                          aria-describedby="random_html_id-help-0"
                           aria-expanded="false"
                           aria-haspopup="listbox"
                           class="euiComboBox"
@@ -288,7 +288,7 @@ Array [
                                   <input
                                     aria-controls=""
                                     data-test-subj="comboBoxSearchInput"
-                                    id="some_html_id"
+                                    id="random_html_id"
                                     role="textbox"
                                     style="box-sizing: content-box; width: 2px;"
                                     value=""
@@ -328,7 +328,7 @@ Array [
                         </div>
                         <div
                           class="euiFormHelpText euiFormRow__text"
-                          id="some_html_id-help-0"
+                          id="random_html_id-help-0"
                         >
                           Select the database that contains the tables you'd like to use.
                         </div>
@@ -336,7 +336,7 @@ Array [
                     </div>
                     <div
                       class="euiFormRow"
-                      id="some_html_id-row"
+                      id="random_html_id-row"
                     >
                       <div
                         class="euiFormRow__labelWrapper"
@@ -344,7 +344,7 @@ Array [
                         <label
                           aria-invalid="false"
                           class="euiFormLabel euiFormRow__label"
-                          for="some_html_id"
+                          for="random_html_id"
                         >
                           Table
                         </label>
@@ -353,7 +353,7 @@ Array [
                         class="euiFormRow__fieldWrapper"
                       >
                         <div
-                          aria-describedby="some_html_id-help-0"
+                          aria-describedby="random_html_id-help-0"
                           aria-expanded="false"
                           aria-haspopup="listbox"
                           class="euiComboBox"
@@ -382,7 +382,7 @@ Array [
                                   <input
                                     aria-controls=""
                                     data-test-subj="comboBoxSearchInput"
-                                    id="some_html_id"
+                                    id="random_html_id"
                                     role="textbox"
                                     style="box-sizing: content-box; width: 2px;"
                                     value=""
@@ -422,7 +422,7 @@ Array [
                         </div>
                         <div
                           class="euiFormHelpText euiFormRow__text"
-                          id="some_html_id-help-0"
+                          id="random_html_id-help-0"
                         >
                           Select the Spark table that has the data you would like to index.
                         </div>
@@ -444,14 +444,14 @@ Array [
                     />
                     <div
                       class="euiFormRow"
-                      id="some_html_id-row"
+                      id="random_html_id-row"
                     >
                       <div
                         class="euiFormRow__labelWrapper"
                       >
                         <label
                           class="euiFormLabel euiFormRow__label"
-                          for="some_html_id"
+                          for="random_html_id"
                         >
                           Index type
                         </label>
@@ -493,7 +493,7 @@ Array [
                         class="euiFormRow__fieldWrapper"
                       >
                         <div
-                          aria-describedby="some_html_id-help-0"
+                          aria-describedby="random_html_id-help-0"
                           aria-expanded="false"
                           aria-haspopup="listbox"
                           class="euiComboBox"
@@ -523,7 +523,7 @@ Array [
                                   <input
                                     aria-controls=""
                                     data-test-subj="comboBoxSearchInput"
-                                    id="some_html_id"
+                                    id="random_html_id"
                                     role="textbox"
                                     style="box-sizing: content-box; width: 2px;"
                                     value=""
@@ -563,7 +563,7 @@ Array [
                         </div>
                         <div
                           class="euiFormHelpText euiFormRow__text"
-                          id="some_html_id-help-0"
+                          id="random_html_id-help-0"
                         >
                           Select the type of index you want to create. Each index type has benefits and costs.
                         </div>
@@ -571,7 +571,7 @@ Array [
                     </div>
                     <div
                       class="euiFormRow"
-                      id="some_html_id-row"
+                      id="random_html_id-row"
                     >
                       <div
                         class="euiFormRow__labelWrapper"
@@ -579,7 +579,7 @@ Array [
                         <label
                           aria-invalid="false"
                           class="euiFormLabel euiFormRow__label"
-                          for="some_html_id"
+                          for="random_html_id"
                         >
                           Number of primary shards
                         </label>
@@ -594,10 +594,10 @@ Array [
                             class="euiFormControlLayout__childrenWrapper"
                           >
                             <input
-                              aria-describedby="some_html_id-help-0"
+                              aria-describedby="random_html_id-help-0"
                               aria-label="Number of primary shards"
                               class="euiFieldNumber"
-                              id="some_html_id"
+                              id="random_html_id"
                               max="100"
                               min="1"
                               placeholder="Number of primary shards"
@@ -608,7 +608,7 @@ Array [
                         </div>
                         <div
                           class="euiFormHelpText euiFormRow__text"
-                          id="some_html_id-help-0"
+                          id="random_html_id-help-0"
                         >
                           Specify the number of primary shards for the index. The number of primary shards cannot be changed after the index is created.
                         </div>
@@ -616,7 +616,7 @@ Array [
                     </div>
                     <div
                       class="euiFormRow"
-                      id="some_html_id-row"
+                      id="random_html_id-row"
                     >
                       <div
                         class="euiFormRow__labelWrapper"
@@ -624,7 +624,7 @@ Array [
                         <label
                           aria-invalid="false"
                           class="euiFormLabel euiFormRow__label"
-                          for="some_html_id"
+                          for="random_html_id"
                         >
                           Number of replicas
                         </label>
@@ -639,10 +639,10 @@ Array [
                             class="euiFormControlLayout__childrenWrapper"
                           >
                             <input
-                              aria-describedby="some_html_id-help-0"
+                              aria-describedby="random_html_id-help-0"
                               aria-label="Number of replicas"
                               class="euiFieldNumber"
-                              id="some_html_id"
+                              id="random_html_id"
                               max="100"
                               min="0"
                               placeholder="Number of replicas"
@@ -653,7 +653,7 @@ Array [
                         </div>
                         <div
                           class="euiFormHelpText euiFormRow__text"
-                          id="some_html_id-help-0"
+                          id="random_html_id-help-0"
                         >
                           Specify the number of replicas each primary shard should have.
                         </div>
@@ -661,14 +661,14 @@ Array [
                     </div>
                     <div
                       class="euiFormRow"
-                      id="some_html_id-row"
+                      id="random_html_id-row"
                     >
                       <div
                         class="euiFormRow__labelWrapper"
                       >
                         <label
                           class="euiFormLabel euiFormRow__label"
-                          for="some_html_id"
+                          for="random_html_id"
                         >
                           Refresh type
                         </label>
@@ -677,8 +677,8 @@ Array [
                         class="euiFormRow__fieldWrapper"
                       >
                         <div
-                          aria-describedby="some_html_id-help-0"
-                          id="some_html_id"
+                          aria-describedby="random_html_id-help-0"
+                          id="random_html_id"
                         >
                           <div
                             class="euiRadio euiRadioGroup__item"
@@ -744,7 +744,7 @@ Array [
                         </div>
                         <div
                           class="euiFormHelpText euiFormRow__text"
-                          id="some_html_id-help-0"
+                          id="random_html_id-help-0"
                         >
                           Specify how often the index should refresh, which publishes the most recent changes and make them available for search.
                         </div>
@@ -752,7 +752,7 @@ Array [
                     </div>
                     <div
                       class="euiFormRow"
-                      id="some_html_id-row"
+                      id="random_html_id-row"
                     >
                       <div
                         class="euiFormRow__labelWrapper"
@@ -760,7 +760,7 @@ Array [
                         <label
                           aria-invalid="false"
                           class="euiFormLabel euiFormRow__label"
-                          for="some_html_id"
+                          for="random_html_id"
                         >
                           Checkpoint location
                         </label>
@@ -775,10 +775,10 @@ Array [
                             class="euiFormControlLayout__childrenWrapper"
                           >
                             <input
-                              aria-describedby="some_html_id-help-0"
+                              aria-describedby="random_html_id-help-0"
                               aria-label="Use aria labels when no actual label is in use"
                               class="euiFieldText"
-                              id="some_html_id"
+                              id="random_html_id"
                               placeholder="s3://checkpoint/location"
                               type="text"
                               value=""
@@ -787,7 +787,7 @@ Array [
                         </div>
                         <div
                           class="euiFormHelpText euiFormRow__text"
-                          id="some_html_id-help-0"
+                          id="random_html_id-help-0"
                         >
                           The HDFS compatible file system location path for incremental refresh job checkpoint.
                         </div>
@@ -809,7 +809,7 @@ Array [
                     />
                     <div
                       class="euiFormRow"
-                      id="some_html_id-row"
+                      id="random_html_id-row"
                     >
                       <div
                         class="euiFormRow__labelWrapper"
@@ -817,7 +817,7 @@ Array [
                         <label
                           aria-invalid="false"
                           class="euiFormLabel euiFormRow__label"
-                          for="some_html_id"
+                          for="random_html_id"
                         >
                           Index name
                         </label>
@@ -841,7 +841,7 @@ Array [
                         >
                           <label
                             class="euiFormLabel euiFormControlLayout__prepend"
-                            for="some_html_id"
+                            for="random_html_id"
                           >
                             flint_{Datasource Name}_{Database Name}_{Table Name}_
                           </label>
@@ -869,11 +869,11 @@ Array [
                             class="euiFormControlLayout__childrenWrapper"
                           >
                             <input
-                              aria-describedby="some_html_id-help-0"
+                              aria-describedby="random_html_id-help-0"
                               aria-label="Enter Index Name"
                               class="euiFieldText euiFieldText--inGroup"
                               disabled=""
-                              id="some_html_id"
+                              id="random_html_id"
                               placeholder="Enter index name"
                               type="text"
                               value="skipping"
@@ -881,14 +881,14 @@ Array [
                           </div>
                           <label
                             class="euiFormLabel euiFormControlLayout__append"
-                            for="some_html_id"
+                            for="random_html_id"
                           >
                             _index
                           </label>
                         </div>
                         <div
                           class="euiFormHelpText euiFormRow__text"
-                          id="some_html_id-help-0"
+                          id="random_html_id-help-0"
                         >
                           Must be in lowercase letters. Cannot begin with underscores. Spaces, commas, and characters -, :, ", *, +, /, \\, |, ?, #, &gt;, or &lt; are not allowed. Prefix and suffix are added to the name of generated OpenSearch index.
                         </div>
@@ -932,7 +932,7 @@ Array [
                         </div>
                         <table
                           class="euiTable euiTable--responsive"
-                          id="some_html_id"
+                          id="random_html_id"
                           tabindex="-1"
                         >
                           <caption
@@ -1241,7 +1241,7 @@ Array [
                      
                     <a
                       className="euiLink euiLink--primary"
-                      href="https://opensearch.org/docs/latest/dashboards/management/accelerate-external-data/"
+                      href="https://opensearch.org/docs/latest/data-acceleration/index"
                       rel="noopener noreferrer"
                       target="_blank"
                     >
@@ -1315,7 +1315,7 @@ Array [
                       />,
                       <div
                         className="euiFormRow"
-                        id="some_html_id-row"
+                        id="random_html_id-row"
                       >
                         <div
                           className="euiFormRow__labelWrapper"
@@ -1323,7 +1323,7 @@ Array [
                           <label
                             aria-invalid={false}
                             className="euiFormLabel euiFormRow__label"
-                            htmlFor="some_html_id"
+                            htmlFor="random_html_id"
                           >
                             Data source
                           </label>
@@ -1332,7 +1332,7 @@ Array [
                           className="euiFormRow__fieldWrapper"
                         >
                           <div
-                            aria-describedby="some_html_id-help-0"
+                            aria-describedby="random_html_id-help-0"
                             aria-expanded={false}
                             aria-haspopup="listbox"
                             className="euiComboBox"
@@ -1368,7 +1368,7 @@ Array [
                                     <input
                                       aria-controls=""
                                       data-test-subj="comboBoxSearchInput"
-                                      id="some_html_id"
+                                      id="random_html_id"
                                       onBlur={[Function]}
                                       onChange={[Function]}
                                       onFocus={[Function]}
@@ -1428,7 +1428,7 @@ Array [
                           </div>
                           <div
                             className="euiFormHelpText euiFormRow__text"
-                            id="some_html_id-help-0"
+                            id="random_html_id-help-0"
                           >
                             A data source has to be configured and active to be able to select it and index data from.
                           </div>
@@ -1436,7 +1436,7 @@ Array [
                       </div>,
                       <div
                         className="euiFormRow"
-                        id="some_html_id-row"
+                        id="random_html_id-row"
                       >
                         <div
                           className="euiFormRow__labelWrapper"
@@ -1444,7 +1444,7 @@ Array [
                           <label
                             aria-invalid={false}
                             className="euiFormLabel euiFormRow__label"
-                            htmlFor="some_html_id"
+                            htmlFor="random_html_id"
                           >
                             Database
                           </label>
@@ -1453,7 +1453,7 @@ Array [
                           className="euiFormRow__fieldWrapper"
                         >
                           <div
-                            aria-describedby="some_html_id-help-0"
+                            aria-describedby="random_html_id-help-0"
                             aria-expanded={false}
                             aria-haspopup="listbox"
                             className="euiComboBox"
@@ -1489,7 +1489,7 @@ Array [
                                     <input
                                       aria-controls=""
                                       data-test-subj="comboBoxSearchInput"
-                                      id="some_html_id"
+                                      id="random_html_id"
                                       onBlur={[Function]}
                                       onChange={[Function]}
                                       onFocus={[Function]}
@@ -1549,7 +1549,7 @@ Array [
                           </div>
                           <div
                             className="euiFormHelpText euiFormRow__text"
-                            id="some_html_id-help-0"
+                            id="random_html_id-help-0"
                           >
                             Select the database that contains the tables you'd like to use.
                           </div>
@@ -1557,7 +1557,7 @@ Array [
                       </div>,
                       <div
                         className="euiFormRow"
-                        id="some_html_id-row"
+                        id="random_html_id-row"
                       >
                         <div
                           className="euiFormRow__labelWrapper"
@@ -1565,7 +1565,7 @@ Array [
                           <label
                             aria-invalid={false}
                             className="euiFormLabel euiFormRow__label"
-                            htmlFor="some_html_id"
+                            htmlFor="random_html_id"
                           >
                             Table
                           </label>
@@ -1574,7 +1574,7 @@ Array [
                           className="euiFormRow__fieldWrapper"
                         >
                           <div
-                            aria-describedby="some_html_id-help-0"
+                            aria-describedby="random_html_id-help-0"
                             aria-expanded={false}
                             aria-haspopup="listbox"
                             className="euiComboBox"
@@ -1610,7 +1610,7 @@ Array [
                                     <input
                                       aria-controls=""
                                       data-test-subj="comboBoxSearchInput"
-                                      id="some_html_id"
+                                      id="random_html_id"
                                       onBlur={[Function]}
                                       onChange={[Function]}
                                       onFocus={[Function]}
@@ -1670,7 +1670,7 @@ Array [
                           </div>
                           <div
                             className="euiFormHelpText euiFormRow__text"
-                            id="some_html_id-help-0"
+                            id="random_html_id-help-0"
                           >
                             Select the Spark table that has the data you would like to index.
                           </div>
@@ -1694,14 +1694,14 @@ Array [
                       />,
                       <div
                         className="euiFormRow"
-                        id="some_html_id-row"
+                        id="random_html_id-row"
                       >
                         <div
                           className="euiFormRow__labelWrapper"
                         >
                           <label
                             className="euiFormLabel euiFormRow__label"
-                            htmlFor="some_html_id"
+                            htmlFor="random_html_id"
                           >
                             Index type
                           </label>
@@ -1744,7 +1744,7 @@ Array [
                           className="euiFormRow__fieldWrapper"
                         >
                           <div
-                            aria-describedby="some_html_id-help-0"
+                            aria-describedby="random_html_id-help-0"
                             aria-expanded={false}
                             aria-haspopup="listbox"
                             className="euiComboBox"
@@ -1781,7 +1781,7 @@ Array [
                                     <input
                                       aria-controls=""
                                       data-test-subj="comboBoxSearchInput"
-                                      id="some_html_id"
+                                      id="random_html_id"
                                       onBlur={[Function]}
                                       onChange={[Function]}
                                       onFocus={[Function]}
@@ -1841,7 +1841,7 @@ Array [
                           </div>
                           <div
                             className="euiFormHelpText euiFormRow__text"
-                            id="some_html_id-help-0"
+                            id="random_html_id-help-0"
                           >
                             Select the type of index you want to create. Each index type has benefits and costs.
                           </div>
@@ -1849,7 +1849,7 @@ Array [
                       </div>,
                       <div
                         className="euiFormRow"
-                        id="some_html_id-row"
+                        id="random_html_id-row"
                       >
                         <div
                           className="euiFormRow__labelWrapper"
@@ -1857,7 +1857,7 @@ Array [
                           <label
                             aria-invalid={false}
                             className="euiFormLabel euiFormRow__label"
-                            htmlFor="some_html_id"
+                            htmlFor="random_html_id"
                           >
                             Number of primary shards
                           </label>
@@ -1872,10 +1872,10 @@ Array [
                               className="euiFormControlLayout__childrenWrapper"
                             >
                               <input
-                                aria-describedby="some_html_id-help-0"
+                                aria-describedby="random_html_id-help-0"
                                 aria-label="Number of primary shards"
                                 className="euiFieldNumber"
-                                id="some_html_id"
+                                id="random_html_id"
                                 max={100}
                                 min={1}
                                 onBlur={[Function]}
@@ -1889,7 +1889,7 @@ Array [
                           </div>
                           <div
                             className="euiFormHelpText euiFormRow__text"
-                            id="some_html_id-help-0"
+                            id="random_html_id-help-0"
                           >
                             Specify the number of primary shards for the index. The number of primary shards cannot be changed after the index is created.
                           </div>
@@ -1897,7 +1897,7 @@ Array [
                       </div>,
                       <div
                         className="euiFormRow"
-                        id="some_html_id-row"
+                        id="random_html_id-row"
                       >
                         <div
                           className="euiFormRow__labelWrapper"
@@ -1905,7 +1905,7 @@ Array [
                           <label
                             aria-invalid={false}
                             className="euiFormLabel euiFormRow__label"
-                            htmlFor="some_html_id"
+                            htmlFor="random_html_id"
                           >
                             Number of replicas
                           </label>
@@ -1920,10 +1920,10 @@ Array [
                               className="euiFormControlLayout__childrenWrapper"
                             >
                               <input
-                                aria-describedby="some_html_id-help-0"
+                                aria-describedby="random_html_id-help-0"
                                 aria-label="Number of replicas"
                                 className="euiFieldNumber"
-                                id="some_html_id"
+                                id="random_html_id"
                                 max={100}
                                 min={0}
                                 onBlur={[Function]}
@@ -1937,7 +1937,7 @@ Array [
                           </div>
                           <div
                             className="euiFormHelpText euiFormRow__text"
-                            id="some_html_id-help-0"
+                            id="random_html_id-help-0"
                           >
                             Specify the number of replicas each primary shard should have.
                           </div>
@@ -1945,14 +1945,14 @@ Array [
                       </div>,
                       <div
                         className="euiFormRow"
-                        id="some_html_id-row"
+                        id="random_html_id-row"
                       >
                         <div
                           className="euiFormRow__labelWrapper"
                         >
                           <label
                             className="euiFormLabel euiFormRow__label"
-                            htmlFor="some_html_id"
+                            htmlFor="random_html_id"
                           >
                             Refresh type
                           </label>
@@ -1961,8 +1961,8 @@ Array [
                           className="euiFormRow__fieldWrapper"
                         >
                           <div
-                            aria-describedby="some_html_id-help-0"
-                            id="some_html_id"
+                            aria-describedby="random_html_id-help-0"
+                            id="random_html_id"
                             onBlur={[Function]}
                             onFocus={[Function]}
                           >
@@ -2032,7 +2032,7 @@ Array [
                           </div>
                           <div
                             className="euiFormHelpText euiFormRow__text"
-                            id="some_html_id-help-0"
+                            id="random_html_id-help-0"
                           >
                             Specify how often the index should refresh, which publishes the most recent changes and make them available for search.
                           </div>
@@ -2040,7 +2040,7 @@ Array [
                       </div>,
                       <div
                         className="euiFormRow"
-                        id="some_html_id-row"
+                        id="random_html_id-row"
                       >
                         <div
                           className="euiFormRow__labelWrapper"
@@ -2048,7 +2048,7 @@ Array [
                           <label
                             aria-invalid={false}
                             className="euiFormLabel euiFormRow__label"
-                            htmlFor="some_html_id"
+                            htmlFor="random_html_id"
                           >
                             Checkpoint location
                           </label>
@@ -2063,10 +2063,10 @@ Array [
                               className="euiFormControlLayout__childrenWrapper"
                             >
                               <input
-                                aria-describedby="some_html_id-help-0"
+                                aria-describedby="random_html_id-help-0"
                                 aria-label="Use aria labels when no actual label is in use"
                                 className="euiFieldText"
-                                id="some_html_id"
+                                id="random_html_id"
                                 onBlur={[Function]}
                                 onChange={[Function]}
                                 onFocus={[Function]}
@@ -2078,7 +2078,7 @@ Array [
                           </div>
                           <div
                             className="euiFormHelpText euiFormRow__text"
-                            id="some_html_id-help-0"
+                            id="random_html_id-help-0"
                           >
                             The HDFS compatible file system location path for incremental refresh job checkpoint.
                           </div>
@@ -2102,7 +2102,7 @@ Array [
                       />,
                       <div
                         className="euiFormRow"
-                        id="some_html_id-row"
+                        id="random_html_id-row"
                       >
                         <div
                           className="euiFormRow__labelWrapper"
@@ -2110,7 +2110,7 @@ Array [
                           <label
                             aria-invalid={false}
                             className="euiFormLabel euiFormRow__label"
-                            htmlFor="some_html_id"
+                            htmlFor="random_html_id"
                           >
                             Index name
                           </label>
@@ -2136,7 +2136,7 @@ Array [
                           >
                             <label
                               className="euiFormLabel euiFormControlLayout__prepend"
-                              htmlFor="some_html_id"
+                              htmlFor="random_html_id"
                             >
                               flint_{Datasource Name}_{Database Name}_{Table Name}_
                             </label>
@@ -2170,11 +2170,11 @@ Array [
                               className="euiFormControlLayout__childrenWrapper"
                             >
                               <input
-                                aria-describedby="some_html_id-help-0"
+                                aria-describedby="random_html_id-help-0"
                                 aria-label="Enter Index Name"
                                 className="euiFieldText euiFieldText--inGroup"
                                 disabled={true}
-                                id="some_html_id"
+                                id="random_html_id"
                                 onBlur={[Function]}
                                 onChange={[Function]}
                                 onFocus={[Function]}
@@ -2185,14 +2185,14 @@ Array [
                             </div>
                             <label
                               className="euiFormLabel euiFormControlLayout__append"
-                              htmlFor="some_html_id"
+                              htmlFor="random_html_id"
                             >
                               _index
                             </label>
                           </div>
                           <div
                             className="euiFormHelpText euiFormRow__text"
-                            id="some_html_id-help-0"
+                            id="random_html_id-help-0"
                           >
                             Must be in lowercase letters. Cannot begin with underscores. Spaces, commas, and characters -, :, ", *, +, /, \\, |, ?, #, &gt;, or &lt; are not allowed. Prefix and suffix are added to the name of generated OpenSearch index.
                           </div>
@@ -2240,7 +2240,7 @@ Array [
                             </div>
                             <table
                               className="euiTable euiTable--responsive"
-                              id="some_html_id"
+                              id="random_html_id"
                               tabIndex={-1}
                             >
                               <caption
diff --git a/public/components/datasources/components/manage/accelerations/create/__tests__/__snapshots__/create_acceleration_header.test.tsx.snap b/public/components/datasources/components/manage/accelerations/create/__tests__/__snapshots__/create_acceleration_header.test.tsx.snap
index ca26536fa..dd53edbac 100644
--- a/public/components/datasources/components/manage/accelerations/create/__tests__/__snapshots__/create_acceleration_header.test.tsx.snap
+++ b/public/components/datasources/components/manage/accelerations/create/__tests__/__snapshots__/create_acceleration_header.test.tsx.snap
@@ -29,7 +29,7 @@ exports[`Acceleration header renders acceleration flyout header 1`] = `
        
       <a
         className="euiLink euiLink--primary"
-        href="https://opensearch.org/docs/latest/dashboards/management/accelerate-external-data/"
+        href="https://opensearch.org/docs/latest/data-acceleration/index"
         rel="noopener noreferrer"
         target="_blank"
       >
diff --git a/public/components/datasources/components/manage/accelerations/selectors/__tests__/__snapshots__/define_index_options.test.tsx.snap b/public/components/datasources/components/manage/accelerations/selectors/__tests__/__snapshots__/define_index_options.test.tsx.snap
index 15915e364..c9f121c45 100644
--- a/public/components/datasources/components/manage/accelerations/selectors/__tests__/__snapshots__/define_index_options.test.tsx.snap
+++ b/public/components/datasources/components/manage/accelerations/selectors/__tests__/__snapshots__/define_index_options.test.tsx.snap
@@ -15,7 +15,7 @@ Array [
   />,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
@@ -23,7 +23,7 @@ Array [
       <label
         aria-invalid={false}
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Index name
       </label>
@@ -49,7 +49,7 @@ Array [
       >
         <label
           className="euiFormLabel euiFormControlLayout__prepend"
-          htmlFor="some_html_id"
+          htmlFor="random_html_id"
         >
           flint_{Datasource Name}_{Database Name}_{Table Name}_
         </label>
@@ -83,11 +83,11 @@ Array [
           className="euiFormControlLayout__childrenWrapper"
         >
           <input
-            aria-describedby="some_html_id-help-0"
+            aria-describedby="random_html_id-help-0"
             aria-label="Enter Index Name"
             className="euiFieldText euiFieldText--inGroup"
             disabled={false}
-            id="some_html_id"
+            id="random_html_id"
             onBlur={[Function]}
             onChange={[Function]}
             onFocus={[Function]}
@@ -98,14 +98,14 @@ Array [
         </div>
         <label
           className="euiFormLabel euiFormControlLayout__append"
-          htmlFor="some_html_id"
+          htmlFor="random_html_id"
         >
           _index
         </label>
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         Must be in lowercase letters. Cannot begin with underscores. Spaces, commas, and characters -, :, ", *, +, /, \\, |, ?, #, &gt;, or &lt; are not allowed. Prefix and suffix are added to the name of generated OpenSearch index.
       </div>
@@ -130,7 +130,7 @@ Array [
   />,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
@@ -138,7 +138,7 @@ Array [
       <label
         aria-invalid={false}
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Index name
       </label>
@@ -164,7 +164,7 @@ Array [
       >
         <label
           className="euiFormLabel euiFormControlLayout__prepend"
-          htmlFor="some_html_id"
+          htmlFor="random_html_id"
         >
           flint_{Datasource Name}_{Database Name}_{Table Name}_
         </label>
@@ -198,11 +198,11 @@ Array [
           className="euiFormControlLayout__childrenWrapper"
         >
           <input
-            aria-describedby="some_html_id-help-0"
+            aria-describedby="random_html_id-help-0"
             aria-label="Enter Index Name"
             className="euiFieldText euiFieldText--inGroup"
             disabled={true}
-            id="some_html_id"
+            id="random_html_id"
             onBlur={[Function]}
             onChange={[Function]}
             onFocus={[Function]}
@@ -213,14 +213,14 @@ Array [
         </div>
         <label
           className="euiFormLabel euiFormControlLayout__append"
-          htmlFor="some_html_id"
+          htmlFor="random_html_id"
         >
           _index
         </label>
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         Must be in lowercase letters. Cannot begin with underscores. Spaces, commas, and characters -, :, ", *, +, /, \\, |, ?, #, &gt;, or &lt; are not allowed. Prefix and suffix are added to the name of generated OpenSearch index.
       </div>
@@ -245,7 +245,7 @@ Array [
   />,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
@@ -253,7 +253,7 @@ Array [
       <label
         aria-invalid={false}
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Index name
       </label>
@@ -279,7 +279,7 @@ Array [
       >
         <label
           className="euiFormLabel euiFormControlLayout__prepend"
-          htmlFor="some_html_id"
+          htmlFor="random_html_id"
         >
           flint_{Datasource Name}_{Database Name}_
         </label>
@@ -313,11 +313,11 @@ Array [
           className="euiFormControlLayout__childrenWrapper"
         >
           <input
-            aria-describedby="some_html_id-help-0"
+            aria-describedby="random_html_id-help-0"
             aria-label="Enter Index Name"
             className="euiFieldText euiFieldText--inGroup"
             disabled={false}
-            id="some_html_id"
+            id="random_html_id"
             onBlur={[Function]}
             onChange={[Function]}
             onFocus={[Function]}
@@ -329,7 +329,7 @@ Array [
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         Must be in lowercase letters. Cannot begin with underscores. Spaces, commas, and characters -, :, ", *, +, /, \\, |, ?, #, &gt;, or &lt; are not allowed. Prefix and suffix are added to the name of generated OpenSearch index.
       </div>
diff --git a/public/components/datasources/components/manage/accelerations/selectors/__tests__/__snapshots__/index_setting_options.test.tsx.snap b/public/components/datasources/components/manage/accelerations/selectors/__tests__/__snapshots__/index_setting_options.test.tsx.snap
index be7624c90..57a22ffaf 100644
--- a/public/components/datasources/components/manage/accelerations/selectors/__tests__/__snapshots__/index_setting_options.test.tsx.snap
+++ b/public/components/datasources/components/manage/accelerations/selectors/__tests__/__snapshots__/index_setting_options.test.tsx.snap
@@ -15,14 +15,14 @@ Array [
   />,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
     >
       <label
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Index type
       </label>
@@ -65,7 +65,7 @@ Array [
       className="euiFormRow__fieldWrapper"
     >
       <div
-        aria-describedby="some_html_id-help-0"
+        aria-describedby="random_html_id-help-0"
         aria-expanded={false}
         aria-haspopup="listbox"
         className="euiComboBox"
@@ -102,7 +102,7 @@ Array [
                 <input
                   aria-controls=""
                   data-test-subj="comboBoxSearchInput"
-                  id="some_html_id"
+                  id="random_html_id"
                   onBlur={[Function]}
                   onChange={[Function]}
                   onFocus={[Function]}
@@ -162,7 +162,7 @@ Array [
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         Select the type of index you want to create. Each index type has benefits and costs.
       </div>
@@ -170,7 +170,7 @@ Array [
   </div>,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
@@ -178,7 +178,7 @@ Array [
       <label
         aria-invalid={false}
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Number of primary shards
       </label>
@@ -193,10 +193,10 @@ Array [
           className="euiFormControlLayout__childrenWrapper"
         >
           <input
-            aria-describedby="some_html_id-help-0"
+            aria-describedby="random_html_id-help-0"
             aria-label="Number of primary shards"
             className="euiFieldNumber"
-            id="some_html_id"
+            id="random_html_id"
             max={100}
             min={1}
             onBlur={[Function]}
@@ -210,7 +210,7 @@ Array [
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         Specify the number of primary shards for the index. The number of primary shards cannot be changed after the index is created.
       </div>
@@ -218,7 +218,7 @@ Array [
   </div>,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
@@ -226,7 +226,7 @@ Array [
       <label
         aria-invalid={false}
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Number of replicas
       </label>
@@ -241,10 +241,10 @@ Array [
           className="euiFormControlLayout__childrenWrapper"
         >
           <input
-            aria-describedby="some_html_id-help-0"
+            aria-describedby="random_html_id-help-0"
             aria-label="Number of replicas"
             className="euiFieldNumber"
-            id="some_html_id"
+            id="random_html_id"
             max={100}
             min={0}
             onBlur={[Function]}
@@ -258,7 +258,7 @@ Array [
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         Specify the number of replicas each primary shard should have.
       </div>
@@ -266,14 +266,14 @@ Array [
   </div>,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
     >
       <label
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Refresh type
       </label>
@@ -282,8 +282,8 @@ Array [
       className="euiFormRow__fieldWrapper"
     >
       <div
-        aria-describedby="some_html_id-help-0"
-        id="some_html_id"
+        aria-describedby="random_html_id-help-0"
+        id="random_html_id"
         onBlur={[Function]}
         onFocus={[Function]}
       >
@@ -353,7 +353,7 @@ Array [
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         Specify how often the index should refresh, which publishes the most recent changes and make them available for search.
       </div>
@@ -361,7 +361,7 @@ Array [
   </div>,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
@@ -369,7 +369,7 @@ Array [
       <label
         aria-invalid={false}
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Checkpoint location
       </label>
@@ -384,10 +384,10 @@ Array [
           className="euiFormControlLayout__childrenWrapper"
         >
           <input
-            aria-describedby="some_html_id-help-0"
+            aria-describedby="random_html_id-help-0"
             aria-label="Use aria labels when no actual label is in use"
             className="euiFieldText"
-            id="some_html_id"
+            id="random_html_id"
             onBlur={[Function]}
             onChange={[Function]}
             onFocus={[Function]}
@@ -399,7 +399,7 @@ Array [
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         The HDFS compatible file system location path for incremental refresh job checkpoint.
       </div>
@@ -423,14 +423,14 @@ Array [
   />,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
     >
       <label
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Index type
       </label>
@@ -472,7 +472,7 @@ Array [
       className="euiFormRow__fieldWrapper"
     >
       <div
-        aria-describedby="some_html_id-help-0"
+        aria-describedby="random_html_id-help-0"
         aria-expanded={false}
         aria-haspopup="listbox"
         className="euiComboBox"
@@ -509,7 +509,7 @@ Array [
                 <input
                   aria-controls=""
                   data-test-subj="comboBoxSearchInput"
-                  id="some_html_id"
+                  id="random_html_id"
                   onBlur={[Function]}
                   onChange={[Function]}
                   onFocus={[Function]}
@@ -570,7 +570,7 @@ Array [
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         Select the type of index you want to create. Each index type has benefits and costs.
       </div>
@@ -578,7 +578,7 @@ Array [
   </div>,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
@@ -586,7 +586,7 @@ Array [
       <label
         aria-invalid={false}
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Number of primary shards
       </label>
@@ -601,10 +601,10 @@ Array [
           className="euiFormControlLayout__childrenWrapper"
         >
           <input
-            aria-describedby="some_html_id-help-0"
+            aria-describedby="random_html_id-help-0"
             aria-label="Number of primary shards"
             className="euiFieldNumber"
-            id="some_html_id"
+            id="random_html_id"
             max={100}
             min={1}
             onBlur={[Function]}
@@ -618,7 +618,7 @@ Array [
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         Specify the number of primary shards for the index. The number of primary shards cannot be changed after the index is created.
       </div>
@@ -626,7 +626,7 @@ Array [
   </div>,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
@@ -634,7 +634,7 @@ Array [
       <label
         aria-invalid={false}
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Number of replicas
       </label>
@@ -649,10 +649,10 @@ Array [
           className="euiFormControlLayout__childrenWrapper"
         >
           <input
-            aria-describedby="some_html_id-help-0"
+            aria-describedby="random_html_id-help-0"
             aria-label="Number of replicas"
             className="euiFieldNumber"
-            id="some_html_id"
+            id="random_html_id"
             max={100}
             min={0}
             onBlur={[Function]}
@@ -666,7 +666,7 @@ Array [
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         Specify the number of replicas each primary shard should have.
       </div>
@@ -674,14 +674,14 @@ Array [
   </div>,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
     >
       <label
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Refresh type
       </label>
@@ -690,8 +690,8 @@ Array [
       className="euiFormRow__fieldWrapper"
     >
       <div
-        aria-describedby="some_html_id-help-0"
-        id="some_html_id"
+        aria-describedby="random_html_id-help-0"
+        id="random_html_id"
         onBlur={[Function]}
         onFocus={[Function]}
       >
@@ -761,7 +761,7 @@ Array [
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         Specify how often the index should refresh, which publishes the most recent changes and make them available for search.
       </div>
@@ -769,7 +769,7 @@ Array [
   </div>,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
@@ -777,7 +777,7 @@ Array [
       <label
         aria-invalid={false}
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Checkpoint location
       </label>
@@ -792,10 +792,10 @@ Array [
           className="euiFormControlLayout__childrenWrapper"
         >
           <input
-            aria-describedby="some_html_id-help-0"
+            aria-describedby="random_html_id-help-0"
             aria-label="Use aria labels when no actual label is in use"
             className="euiFieldText"
-            id="some_html_id"
+            id="random_html_id"
             onBlur={[Function]}
             onChange={[Function]}
             onFocus={[Function]}
@@ -807,7 +807,7 @@ Array [
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         The HDFS compatible file system location path for incremental refresh job checkpoint.
       </div>
@@ -831,14 +831,14 @@ Array [
   />,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
     >
       <label
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Index type
       </label>
@@ -880,7 +880,7 @@ Array [
       className="euiFormRow__fieldWrapper"
     >
       <div
-        aria-describedby="some_html_id-help-0"
+        aria-describedby="random_html_id-help-0"
         aria-expanded={false}
         aria-haspopup="listbox"
         className="euiComboBox"
@@ -917,7 +917,7 @@ Array [
                 <input
                   aria-controls=""
                   data-test-subj="comboBoxSearchInput"
-                  id="some_html_id"
+                  id="random_html_id"
                   onBlur={[Function]}
                   onChange={[Function]}
                   onFocus={[Function]}
@@ -978,7 +978,7 @@ Array [
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         Select the type of index you want to create. Each index type has benefits and costs.
       </div>
@@ -986,7 +986,7 @@ Array [
   </div>,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
@@ -994,7 +994,7 @@ Array [
       <label
         aria-invalid={false}
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Number of primary shards
       </label>
@@ -1009,10 +1009,10 @@ Array [
           className="euiFormControlLayout__childrenWrapper"
         >
           <input
-            aria-describedby="some_html_id-help-0"
+            aria-describedby="random_html_id-help-0"
             aria-label="Number of primary shards"
             className="euiFieldNumber"
-            id="some_html_id"
+            id="random_html_id"
             max={100}
             min={1}
             onBlur={[Function]}
@@ -1026,7 +1026,7 @@ Array [
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         Specify the number of primary shards for the index. The number of primary shards cannot be changed after the index is created.
       </div>
@@ -1034,7 +1034,7 @@ Array [
   </div>,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
@@ -1042,7 +1042,7 @@ Array [
       <label
         aria-invalid={false}
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Number of replicas
       </label>
@@ -1057,10 +1057,10 @@ Array [
           className="euiFormControlLayout__childrenWrapper"
         >
           <input
-            aria-describedby="some_html_id-help-0"
+            aria-describedby="random_html_id-help-0"
             aria-label="Number of replicas"
             className="euiFieldNumber"
-            id="some_html_id"
+            id="random_html_id"
             max={100}
             min={0}
             onBlur={[Function]}
@@ -1074,7 +1074,7 @@ Array [
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         Specify the number of replicas each primary shard should have.
       </div>
@@ -1082,14 +1082,14 @@ Array [
   </div>,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
     >
       <label
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Refresh type
       </label>
@@ -1098,8 +1098,8 @@ Array [
       className="euiFormRow__fieldWrapper"
     >
       <div
-        aria-describedby="some_html_id-help-0"
-        id="some_html_id"
+        aria-describedby="random_html_id-help-0"
+        id="random_html_id"
         onBlur={[Function]}
         onFocus={[Function]}
       >
@@ -1169,7 +1169,7 @@ Array [
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         Specify how often the index should refresh, which publishes the most recent changes and make them available for search.
       </div>
@@ -1177,7 +1177,7 @@ Array [
   </div>,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
@@ -1185,7 +1185,7 @@ Array [
       <label
         aria-invalid={false}
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Checkpoint location
       </label>
@@ -1200,10 +1200,10 @@ Array [
           className="euiFormControlLayout__childrenWrapper"
         >
           <input
-            aria-describedby="some_html_id-help-0"
+            aria-describedby="random_html_id-help-0"
             aria-label="Use aria labels when no actual label is in use"
             className="euiFieldText"
-            id="some_html_id"
+            id="random_html_id"
             onBlur={[Function]}
             onChange={[Function]}
             onFocus={[Function]}
@@ -1215,7 +1215,7 @@ Array [
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         The HDFS compatible file system location path for incremental refresh job checkpoint.
       </div>
diff --git a/public/components/datasources/components/manage/accelerations/selectors/__tests__/__snapshots__/index_type_selector.test.tsx.snap b/public/components/datasources/components/manage/accelerations/selectors/__tests__/__snapshots__/index_type_selector.test.tsx.snap
index 7c9a22d40..3df2886c0 100644
--- a/public/components/datasources/components/manage/accelerations/selectors/__tests__/__snapshots__/index_type_selector.test.tsx.snap
+++ b/public/components/datasources/components/manage/accelerations/selectors/__tests__/__snapshots__/index_type_selector.test.tsx.snap
@@ -3,14 +3,14 @@
 exports[`Index type selector components renders type selector with default options 1`] = `
 <div
   className="euiFormRow"
-  id="some_html_id-row"
+  id="random_html_id-row"
 >
   <div
     className="euiFormRow__labelWrapper"
   >
     <label
       className="euiFormLabel euiFormRow__label"
-      htmlFor="some_html_id"
+      htmlFor="random_html_id"
     >
       Index type
     </label>
@@ -53,7 +53,7 @@ exports[`Index type selector components renders type selector with default optio
     className="euiFormRow__fieldWrapper"
   >
     <div
-      aria-describedby="some_html_id-help-0"
+      aria-describedby="random_html_id-help-0"
       aria-expanded={false}
       aria-haspopup="listbox"
       className="euiComboBox"
@@ -90,7 +90,7 @@ exports[`Index type selector components renders type selector with default optio
               <input
                 aria-controls=""
                 data-test-subj="comboBoxSearchInput"
-                id="some_html_id"
+                id="random_html_id"
                 onBlur={[Function]}
                 onChange={[Function]}
                 onFocus={[Function]}
@@ -150,7 +150,7 @@ exports[`Index type selector components renders type selector with default optio
     </div>
     <div
       className="euiFormHelpText euiFormRow__text"
-      id="some_html_id-help-0"
+      id="random_html_id-help-0"
     >
       Select the type of index you want to create. Each index type has benefits and costs.
     </div>
@@ -161,14 +161,14 @@ exports[`Index type selector components renders type selector with default optio
 exports[`Index type selector components renders type selector with different options 1`] = `
 <div
   className="euiFormRow"
-  id="some_html_id-row"
+  id="random_html_id-row"
 >
   <div
     className="euiFormRow__labelWrapper"
   >
     <label
       className="euiFormLabel euiFormRow__label"
-      htmlFor="some_html_id"
+      htmlFor="random_html_id"
     >
       Index type
     </label>
@@ -210,7 +210,7 @@ exports[`Index type selector components renders type selector with different opt
     className="euiFormRow__fieldWrapper"
   >
     <div
-      aria-describedby="some_html_id-help-0"
+      aria-describedby="random_html_id-help-0"
       aria-expanded={false}
       aria-haspopup="listbox"
       className="euiComboBox"
@@ -247,7 +247,7 @@ exports[`Index type selector components renders type selector with different opt
               <input
                 aria-controls=""
                 data-test-subj="comboBoxSearchInput"
-                id="some_html_id"
+                id="random_html_id"
                 onBlur={[Function]}
                 onChange={[Function]}
                 onFocus={[Function]}
@@ -308,7 +308,7 @@ exports[`Index type selector components renders type selector with different opt
     </div>
     <div
       className="euiFormHelpText euiFormRow__text"
-      id="some_html_id-help-0"
+      id="random_html_id-help-0"
     >
       Select the type of index you want to create. Each index type has benefits and costs.
     </div>
diff --git a/public/components/datasources/components/manage/accelerations/selectors/__tests__/__snapshots__/source_selector.test.tsx.snap b/public/components/datasources/components/manage/accelerations/selectors/__tests__/__snapshots__/source_selector.test.tsx.snap
index 8daa8dcec..ffb1a8eb3 100644
--- a/public/components/datasources/components/manage/accelerations/selectors/__tests__/__snapshots__/source_selector.test.tsx.snap
+++ b/public/components/datasources/components/manage/accelerations/selectors/__tests__/__snapshots__/source_selector.test.tsx.snap
@@ -27,7 +27,7 @@ Array [
   />,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
@@ -35,7 +35,7 @@ Array [
       <label
         aria-invalid={false}
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Data source
       </label>
@@ -44,7 +44,7 @@ Array [
       className="euiFormRow__fieldWrapper"
     >
       <div
-        aria-describedby="some_html_id-help-0"
+        aria-describedby="random_html_id-help-0"
         aria-expanded={false}
         aria-haspopup="listbox"
         className="euiComboBox"
@@ -80,7 +80,7 @@ Array [
                 <input
                   aria-controls=""
                   data-test-subj="comboBoxSearchInput"
-                  id="some_html_id"
+                  id="random_html_id"
                   onBlur={[Function]}
                   onChange={[Function]}
                   onFocus={[Function]}
@@ -140,7 +140,7 @@ Array [
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         A data source has to be configured and active to be able to select it and index data from.
       </div>
@@ -148,7 +148,7 @@ Array [
   </div>,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
@@ -156,7 +156,7 @@ Array [
       <label
         aria-invalid={false}
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Database
       </label>
@@ -165,7 +165,7 @@ Array [
       className="euiFormRow__fieldWrapper"
     >
       <div
-        aria-describedby="some_html_id-help-0"
+        aria-describedby="random_html_id-help-0"
         aria-expanded={false}
         aria-haspopup="listbox"
         className="euiComboBox"
@@ -201,7 +201,7 @@ Array [
                 <input
                   aria-controls=""
                   data-test-subj="comboBoxSearchInput"
-                  id="some_html_id"
+                  id="random_html_id"
                   onBlur={[Function]}
                   onChange={[Function]}
                   onFocus={[Function]}
@@ -261,7 +261,7 @@ Array [
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         Select the database that contains the tables you'd like to use.
       </div>
@@ -269,7 +269,7 @@ Array [
   </div>,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
@@ -277,7 +277,7 @@ Array [
       <label
         aria-invalid={false}
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Table
       </label>
@@ -286,7 +286,7 @@ Array [
       className="euiFormRow__fieldWrapper"
     >
       <div
-        aria-describedby="some_html_id-help-0"
+        aria-describedby="random_html_id-help-0"
         aria-expanded={false}
         aria-haspopup="listbox"
         className="euiComboBox"
@@ -322,7 +322,7 @@ Array [
                 <input
                   aria-controls=""
                   data-test-subj="comboBoxSearchInput"
-                  id="some_html_id"
+                  id="random_html_id"
                   onBlur={[Function]}
                   onChange={[Function]}
                   onFocus={[Function]}
@@ -382,7 +382,7 @@ Array [
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         Select the Spark table that has the data you would like to index.
       </div>
@@ -418,7 +418,7 @@ Array [
   />,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
@@ -426,7 +426,7 @@ Array [
       <label
         aria-invalid={false}
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Data source
       </label>
@@ -435,7 +435,7 @@ Array [
       className="euiFormRow__fieldWrapper"
     >
       <div
-        aria-describedby="some_html_id-help-0"
+        aria-describedby="random_html_id-help-0"
         aria-expanded={false}
         aria-haspopup="listbox"
         className="euiComboBox"
@@ -471,7 +471,7 @@ Array [
                 <input
                   aria-controls=""
                   data-test-subj="comboBoxSearchInput"
-                  id="some_html_id"
+                  id="random_html_id"
                   onBlur={[Function]}
                   onChange={[Function]}
                   onFocus={[Function]}
@@ -532,7 +532,7 @@ Array [
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         A data source has to be configured and active to be able to select it and index data from.
       </div>
@@ -540,7 +540,7 @@ Array [
   </div>,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
@@ -548,7 +548,7 @@ Array [
       <label
         aria-invalid={false}
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Database
       </label>
@@ -557,7 +557,7 @@ Array [
       className="euiFormRow__fieldWrapper"
     >
       <div
-        aria-describedby="some_html_id-help-0"
+        aria-describedby="random_html_id-help-0"
         aria-expanded={false}
         aria-haspopup="listbox"
         className="euiComboBox"
@@ -593,7 +593,7 @@ Array [
                 <input
                   aria-controls=""
                   data-test-subj="comboBoxSearchInput"
-                  id="some_html_id"
+                  id="random_html_id"
                   onBlur={[Function]}
                   onChange={[Function]}
                   onFocus={[Function]}
@@ -654,7 +654,7 @@ Array [
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         Select the database that contains the tables you'd like to use.
       </div>
@@ -662,7 +662,7 @@ Array [
   </div>,
   <div
     className="euiFormRow"
-    id="some_html_id-row"
+    id="random_html_id-row"
   >
     <div
       className="euiFormRow__labelWrapper"
@@ -670,7 +670,7 @@ Array [
       <label
         aria-invalid={false}
         className="euiFormLabel euiFormRow__label"
-        htmlFor="some_html_id"
+        htmlFor="random_html_id"
       >
         Table
       </label>
@@ -679,7 +679,7 @@ Array [
       className="euiFormRow__fieldWrapper"
     >
       <div
-        aria-describedby="some_html_id-help-0"
+        aria-describedby="random_html_id-help-0"
         aria-expanded={false}
         aria-haspopup="listbox"
         className="euiComboBox"
@@ -693,7 +693,7 @@ Array [
             className="euiFormControlLayout__childrenWrapper"
           >
             <div
-              className="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap euiComboBox__inputWrap-isLoading"
+              className="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap"
               data-test-subj="comboBoxInput"
               onClick={[Function]}
               tabIndex={-1}
@@ -715,7 +715,7 @@ Array [
                 <input
                   aria-controls=""
                   data-test-subj="comboBoxSearchInput"
-                  id="some_html_id"
+                  id="random_html_id"
                   onBlur={[Function]}
                   onChange={[Function]}
                   onFocus={[Function]}
@@ -746,9 +746,6 @@ Array [
             <div
               className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
             >
-              <span
-                className="euiLoadingSpinner euiLoadingSpinner--medium"
-              />
               <button
                 aria-label="Open list of options"
                 className="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
@@ -779,7 +776,7 @@ Array [
       </div>
       <div
         className="euiFormHelpText euiFormRow__text"
-        id="some_html_id-help-0"
+        id="random_html_id-help-0"
       >
         Select the Spark table that has the data you would like to index.
       </div>
diff --git a/public/components/datasources/components/manage/accelerations/selectors/__tests__/source_selector.test.tsx b/public/components/datasources/components/manage/accelerations/selectors/__tests__/source_selector.test.tsx
index 7b492138a..92eb3d473 100644
--- a/public/components/datasources/components/manage/accelerations/selectors/__tests__/source_selector.test.tsx
+++ b/public/components/datasources/components/manage/accelerations/selectors/__tests__/source_selector.test.tsx
@@ -57,7 +57,7 @@ describe('Source selector components', () => {
       dataTable: 'tb',
     };
     const setAccelerationFormData = jest.fn();
-    const client = httpClientMock;
+    const client = coreStartMock.http;
     client.get = jest.fn().mockResolvedValue(mockDatasourcesQuery);
     client.post = jest.fn().mockResolvedValue([]);
     const wrapper = mount(
diff --git a/public/components/datasources/components/manage/accelerations/selectors/index_type_selector.tsx b/public/components/datasources/components/manage/accelerations/selectors/index_type_selector.tsx
index 631cfcede..1ebd110a6 100644
--- a/public/components/datasources/components/manage/accelerations/selectors/index_type_selector.tsx
+++ b/public/components/datasources/components/manage/accelerations/selectors/index_type_selector.tsx
@@ -8,6 +8,7 @@ import React, { useState } from 'react';
 import {
   ACCELERATION_DEFUALT_SKIPPING_INDEX_NAME,
   ACCELERATION_INDEX_TYPES,
+  ACC_INDEX_TYPE_DOCUMENTATION_URL,
 } from '../../../../../../../common/constants/data_sources';
 import {
   AccelerationIndexType,
@@ -27,7 +28,7 @@ export const IndexTypeSelector = ({
   const [selectedIndexType, setSelectedIndexType] = useState<
     Array<EuiComboBoxOptionOption<string>>
   >([ACCELERATION_INDEX_TYPES[0]]);
-  // const [loading, setLoading] = useState(false);
+  const [loading, _setLoading] = useState(false);
 
   // useEffect(() => {
   //   if (accelerationFormData.dataTable !== '') {
diff --git a/public/components/datasources/components/manage/accelerations/selectors/source_selector.tsx b/public/components/datasources/components/manage/accelerations/selectors/source_selector.tsx
index b28a9f3e3..ea3859285 100644
--- a/public/components/datasources/components/manage/accelerations/selectors/source_selector.tsx
+++ b/public/components/datasources/components/manage/accelerations/selectors/source_selector.tsx
@@ -32,11 +32,11 @@ export const AccelerationDataSourceSelector = ({
   const [selectedDataConnection, setSelectedDataConnection] = useState<
     Array<EuiComboBoxOptionOption<string>>
   >(selectedDatasource.length > 0 ? [{ label: selectedDatasource[0].label }] : []);
-  // const [databases, setDatabases] = useState<Array<EuiComboBoxOptionOption<string>>>([]);
+  const [databases, _setDatabases] = useState<Array<EuiComboBoxOptionOption<string>>>([]);
   const [selectedDatabase, setSelectedDatabase] = useState<Array<EuiComboBoxOptionOption<string>>>(
     []
   );
-  // const [tables, setTables] = useState<Array<EuiComboBoxOptionOption<string>>>([]);
+  const [tables, _setTables] = useState<Array<EuiComboBoxOptionOption<string>>>([]);
   const [selectedTable, setSelectedTable] = useState<Array<EuiComboBoxOptionOption<string>>>([]);
   const [loadingComboBoxes, setLoadingComboBoxes] = useState({
     dataSource: false,
diff --git a/public/components/datasources/components/manage/accelerations/visual_editors/__tests__/__snapshots__/query_visual_editor.test.tsx.snap b/public/components/datasources/components/manage/accelerations/visual_editors/__tests__/__snapshots__/query_visual_editor.test.tsx.snap
index c0f17a0cf..6b52d8222 100644
--- a/public/components/datasources/components/manage/accelerations/visual_editors/__tests__/__snapshots__/query_visual_editor.test.tsx.snap
+++ b/public/components/datasources/components/manage/accelerations/visual_editors/__tests__/__snapshots__/query_visual_editor.test.tsx.snap
@@ -124,7 +124,7 @@ Array [
         </div>
         <table
           className="euiTable euiTable--responsive"
-          id="some_html_id"
+          id="random_html_id"
           tabIndex={-1}
         >
           <caption
@@ -497,7 +497,7 @@ Array [
         </div>
         <table
           className="euiTable euiTable--responsive"
-          id="some_html_id"
+          id="random_html_id"
           tabIndex={-1}
         >
           <caption
@@ -1021,7 +1021,7 @@ Array [
                   className="euiPagination__item"
                 >
                   <button
-                    aria-controls="some_html_id"
+                    aria-controls="random_html_id"
                     aria-current={true}
                     aria-label="Page 1 of 1"
                     className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive euiPaginationButton--hideOnMobile"
diff --git a/public/components/datasources/components/manage/accelerations/visual_editors/skipping_index/__tests__/__snapshots__/add_fields_modal.test.tsx.snap b/public/components/datasources/components/manage/accelerations/visual_editors/skipping_index/__tests__/__snapshots__/add_fields_modal.test.tsx.snap
index e2b1b685f..4ddc4bc21 100644
--- a/public/components/datasources/components/manage/accelerations/visual_editors/skipping_index/__tests__/__snapshots__/add_fields_modal.test.tsx.snap
+++ b/public/components/datasources/components/manage/accelerations/visual_editors/skipping_index/__tests__/__snapshots__/add_fields_modal.test.tsx.snap
@@ -129,7 +129,7 @@ exports[`Add fields modal in skipping index renders add fields modal in skipping
                                 aria-label="Select all rows"
                                 class="euiCheckbox__input"
                                 disabled=""
-                                id="_selection_column-checkbox_some_html_id"
+                                id="_selection_column-checkbox_random_html_id"
                                 type="checkbox"
                               />
                               <div
@@ -137,7 +137,7 @@ exports[`Add fields modal in skipping index renders add fields modal in skipping
                               />
                               <label
                                 class="euiCheckbox__label"
-                                for="_selection_column-checkbox_some_html_id"
+                                for="_selection_column-checkbox_random_html_id"
                               >
                                 Select all rows
                               </label>
@@ -191,7 +191,7 @@ exports[`Add fields modal in skipping index renders add fields modal in skipping
                       </div>
                       <table
                         class="euiTable euiTable--responsive"
-                        id="some_html_id"
+                        id="random_html_id"
                         tabindex="-1"
                       >
                         <caption
@@ -214,7 +214,7 @@ exports[`Add fields modal in skipping index renders add fields modal in skipping
                                     class="euiCheckbox__input"
                                     data-test-subj="checkboxSelectAll"
                                     disabled=""
-                                    id="_selection_column-checkbox_some_html_id"
+                                    id="_selection_column-checkbox_random_html_id"
                                     type="checkbox"
                                   />
                                   <div
@@ -495,7 +495,7 @@ exports[`Add fields modal in skipping index renders add fields modal in skipping
                                 checked={false}
                                 className="euiCheckbox__input"
                                 disabled={true}
-                                id="_selection_column-checkbox_some_html_id"
+                                id="_selection_column-checkbox_random_html_id"
                                 onChange={[Function]}
                                 type="checkbox"
                               />
@@ -504,7 +504,7 @@ exports[`Add fields modal in skipping index renders add fields modal in skipping
                               />
                               <label
                                 className="euiCheckbox__label"
-                                htmlFor="_selection_column-checkbox_some_html_id"
+                                htmlFor="_selection_column-checkbox_random_html_id"
                               >
                                 Select all rows
                               </label>
@@ -561,7 +561,7 @@ exports[`Add fields modal in skipping index renders add fields modal in skipping
                       </div>
                       <table
                         className="euiTable euiTable--responsive"
-                        id="some_html_id"
+                        id="random_html_id"
                         tabIndex={-1}
                       >
                         <caption
@@ -590,7 +590,7 @@ exports[`Add fields modal in skipping index renders add fields modal in skipping
                                     className="euiCheckbox__input"
                                     data-test-subj="checkboxSelectAll"
                                     disabled={true}
-                                    id="_selection_column-checkbox_some_html_id"
+                                    id="_selection_column-checkbox_random_html_id"
                                     onChange={[Function]}
                                     type="checkbox"
                                   />
@@ -894,7 +894,7 @@ exports[`Add fields modal in skipping index renders add fields modal in skipping
                                 aria-label="Select all rows"
                                 class="euiCheckbox__input"
                                 disabled=""
-                                id="_selection_column-checkbox_some_html_id"
+                                id="_selection_column-checkbox_random_html_id"
                                 type="checkbox"
                               />
                               <div
@@ -902,7 +902,7 @@ exports[`Add fields modal in skipping index renders add fields modal in skipping
                               />
                               <label
                                 class="euiCheckbox__label"
-                                for="_selection_column-checkbox_some_html_id"
+                                for="_selection_column-checkbox_random_html_id"
                               >
                                 Select all rows
                               </label>
@@ -957,7 +957,7 @@ exports[`Add fields modal in skipping index renders add fields modal in skipping
                       </div>
                       <table
                         class="euiTable euiTable--responsive"
-                        id="some_html_id"
+                        id="random_html_id"
                         tabindex="-1"
                       >
                         <caption
@@ -980,7 +980,7 @@ exports[`Add fields modal in skipping index renders add fields modal in skipping
                                     class="euiCheckbox__input"
                                     data-test-subj="checkboxSelectAll"
                                     disabled=""
-                                    id="_selection_column-checkbox_some_html_id"
+                                    id="_selection_column-checkbox_random_html_id"
                                     type="checkbox"
                                   />
                                   <div
@@ -1261,7 +1261,7 @@ exports[`Add fields modal in skipping index renders add fields modal in skipping
                                 checked={false}
                                 className="euiCheckbox__input"
                                 disabled={true}
-                                id="_selection_column-checkbox_some_html_id"
+                                id="_selection_column-checkbox_random_html_id"
                                 onChange={[Function]}
                                 type="checkbox"
                               />
@@ -1270,7 +1270,7 @@ exports[`Add fields modal in skipping index renders add fields modal in skipping
                               />
                               <label
                                 className="euiCheckbox__label"
-                                htmlFor="_selection_column-checkbox_some_html_id"
+                                htmlFor="_selection_column-checkbox_random_html_id"
                               >
                                 Select all rows
                               </label>
@@ -1328,7 +1328,7 @@ exports[`Add fields modal in skipping index renders add fields modal in skipping
                       </div>
                       <table
                         className="euiTable euiTable--responsive"
-                        id="some_html_id"
+                        id="random_html_id"
                         tabIndex={-1}
                       >
                         <caption
@@ -1357,7 +1357,7 @@ exports[`Add fields modal in skipping index renders add fields modal in skipping
                                     className="euiCheckbox__input"
                                     data-test-subj="checkboxSelectAll"
                                     disabled={true}
-                                    id="_selection_column-checkbox_some_html_id"
+                                    id="_selection_column-checkbox_random_html_id"
                                     onChange={[Function]}
                                     type="checkbox"
                                   />
diff --git a/public/components/datasources/components/manage/accelerations/visual_editors/skipping_index/__tests__/__snapshots__/delete_fields_modal.test.tsx.snap b/public/components/datasources/components/manage/accelerations/visual_editors/skipping_index/__tests__/__snapshots__/delete_fields_modal.test.tsx.snap
index aeff0d12d..f6ff424f0 100644
--- a/public/components/datasources/components/manage/accelerations/visual_editors/skipping_index/__tests__/__snapshots__/delete_fields_modal.test.tsx.snap
+++ b/public/components/datasources/components/manage/accelerations/visual_editors/skipping_index/__tests__/__snapshots__/delete_fields_modal.test.tsx.snap
@@ -129,7 +129,7 @@ exports[`Delete fields modal in skipping index renders delete fields modal in sk
                                 aria-label="Select all rows"
                                 class="euiCheckbox__input"
                                 disabled=""
-                                id="_selection_column-checkbox_some_html_id"
+                                id="_selection_column-checkbox_random_html_id"
                                 type="checkbox"
                               />
                               <div
@@ -137,7 +137,7 @@ exports[`Delete fields modal in skipping index renders delete fields modal in sk
                               />
                               <label
                                 class="euiCheckbox__label"
-                                for="_selection_column-checkbox_some_html_id"
+                                for="_selection_column-checkbox_random_html_id"
                               >
                                 Select all rows
                               </label>
@@ -191,7 +191,7 @@ exports[`Delete fields modal in skipping index renders delete fields modal in sk
                       </div>
                       <table
                         class="euiTable euiTable--responsive"
-                        id="some_html_id"
+                        id="random_html_id"
                         tabindex="-1"
                       >
                         <caption
@@ -214,7 +214,7 @@ exports[`Delete fields modal in skipping index renders delete fields modal in sk
                                     class="euiCheckbox__input"
                                     data-test-subj="checkboxSelectAll"
                                     disabled=""
-                                    id="_selection_column-checkbox_some_html_id"
+                                    id="_selection_column-checkbox_random_html_id"
                                     type="checkbox"
                                   />
                                   <div
@@ -520,7 +520,7 @@ exports[`Delete fields modal in skipping index renders delete fields modal in sk
                                 checked={false}
                                 className="euiCheckbox__input"
                                 disabled={true}
-                                id="_selection_column-checkbox_some_html_id"
+                                id="_selection_column-checkbox_random_html_id"
                                 onChange={[Function]}
                                 type="checkbox"
                               />
@@ -529,7 +529,7 @@ exports[`Delete fields modal in skipping index renders delete fields modal in sk
                               />
                               <label
                                 className="euiCheckbox__label"
-                                htmlFor="_selection_column-checkbox_some_html_id"
+                                htmlFor="_selection_column-checkbox_random_html_id"
                               >
                                 Select all rows
                               </label>
@@ -586,7 +586,7 @@ exports[`Delete fields modal in skipping index renders delete fields modal in sk
                       </div>
                       <table
                         className="euiTable euiTable--responsive"
-                        id="some_html_id"
+                        id="random_html_id"
                         tabIndex={-1}
                       >
                         <caption
@@ -615,7 +615,7 @@ exports[`Delete fields modal in skipping index renders delete fields modal in sk
                                     className="euiCheckbox__input"
                                     data-test-subj="checkboxSelectAll"
                                     disabled={true}
-                                    id="_selection_column-checkbox_some_html_id"
+                                    id="_selection_column-checkbox_random_html_id"
                                     onChange={[Function]}
                                     type="checkbox"
                                   />
@@ -949,7 +949,7 @@ exports[`Delete fields modal in skipping index renders delete fields modal in sk
                               <input
                                 aria-label="Select all rows"
                                 class="euiCheckbox__input"
-                                id="_selection_column-checkbox_some_html_id"
+                                id="_selection_column-checkbox_random_html_id"
                                 type="checkbox"
                               />
                               <div
@@ -957,7 +957,7 @@ exports[`Delete fields modal in skipping index renders delete fields modal in sk
                               />
                               <label
                                 class="euiCheckbox__label"
-                                for="_selection_column-checkbox_some_html_id"
+                                for="_selection_column-checkbox_random_html_id"
                               >
                                 Select all rows
                               </label>
@@ -1012,7 +1012,7 @@ exports[`Delete fields modal in skipping index renders delete fields modal in sk
                       </div>
                       <table
                         class="euiTable euiTable--responsive"
-                        id="some_html_id"
+                        id="random_html_id"
                         tabindex="-1"
                       >
                         <caption
@@ -1034,7 +1034,7 @@ exports[`Delete fields modal in skipping index renders delete fields modal in sk
                                     aria-label="Select all rows"
                                     class="euiCheckbox__input"
                                     data-test-subj="checkboxSelectAll"
-                                    id="_selection_column-checkbox_some_html_id"
+                                    id="_selection_column-checkbox_random_html_id"
                                     type="checkbox"
                                   />
                                   <div
@@ -1372,7 +1372,7 @@ exports[`Delete fields modal in skipping index renders delete fields modal in sk
                                 class="euiPagination__item"
                               >
                                 <button
-                                  aria-controls="some_html_id"
+                                  aria-controls="random_html_id"
                                   aria-current="true"
                                   aria-label="Page 1 of 1"
                                   class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive euiPaginationButton--hideOnMobile"
@@ -1616,7 +1616,7 @@ exports[`Delete fields modal in skipping index renders delete fields modal in sk
                                 checked={false}
                                 className="euiCheckbox__input"
                                 disabled={false}
-                                id="_selection_column-checkbox_some_html_id"
+                                id="_selection_column-checkbox_random_html_id"
                                 onChange={[Function]}
                                 type="checkbox"
                               />
@@ -1625,7 +1625,7 @@ exports[`Delete fields modal in skipping index renders delete fields modal in sk
                               />
                               <label
                                 className="euiCheckbox__label"
-                                htmlFor="_selection_column-checkbox_some_html_id"
+                                htmlFor="_selection_column-checkbox_random_html_id"
                               >
                                 Select all rows
                               </label>
@@ -1683,7 +1683,7 @@ exports[`Delete fields modal in skipping index renders delete fields modal in sk
                       </div>
                       <table
                         className="euiTable euiTable--responsive"
-                        id="some_html_id"
+                        id="random_html_id"
                         tabIndex={-1}
                       >
                         <caption
@@ -1712,7 +1712,7 @@ exports[`Delete fields modal in skipping index renders delete fields modal in sk
                                     className="euiCheckbox__input"
                                     data-test-subj="checkboxSelectAll"
                                     disabled={false}
-                                    id="_selection_column-checkbox_some_html_id"
+                                    id="_selection_column-checkbox_random_html_id"
                                     onChange={[Function]}
                                     type="checkbox"
                                   />
@@ -2110,7 +2110,7 @@ exports[`Delete fields modal in skipping index renders delete fields modal in sk
                                 className="euiPagination__item"
                               >
                                 <button
-                                  aria-controls="some_html_id"
+                                  aria-controls="random_html_id"
                                   aria-current={true}
                                   aria-label="Page 1 of 1"
                                   className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive euiPaginationButton--hideOnMobile"
diff --git a/public/components/datasources/components/manage/accelerations/visual_editors/skipping_index/__tests__/__snapshots__/skipping_index_builder.test.tsx.snap b/public/components/datasources/components/manage/accelerations/visual_editors/skipping_index/__tests__/__snapshots__/skipping_index_builder.test.tsx.snap
index 77fdeab5f..41378ce2c 100644
--- a/public/components/datasources/components/manage/accelerations/visual_editors/skipping_index/__tests__/__snapshots__/skipping_index_builder.test.tsx.snap
+++ b/public/components/datasources/components/manage/accelerations/visual_editors/skipping_index/__tests__/__snapshots__/skipping_index_builder.test.tsx.snap
@@ -34,7 +34,7 @@ Array [
       </div>
       <table
         className="euiTable euiTable--responsive"
-        id="some_html_id"
+        id="random_html_id"
         tabIndex={-1}
       >
         <caption
@@ -251,7 +251,7 @@ Array [
       </div>
       <table
         className="euiTable euiTable--responsive"
-        id="some_html_id"
+        id="random_html_id"
         tabIndex={-1}
       >
         <caption
@@ -775,7 +775,7 @@ Array [
                 className="euiPagination__item"
               >
                 <button
-                  aria-controls="some_html_id"
+                  aria-controls="random_html_id"
                   aria-current={true}
                   aria-label="Page 1 of 1"
                   className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive euiPaginationButton--hideOnMobile"