1 files changed, 6 insertions, 1 deletions
diff --git a/app/assets/javascripts/monitoring/components/variables_section.vue b/app/assets/javascripts/monitoring/components/variables_section.vue
index 25d900b07ad..7c4fb135ec8 100644
--- a/app/assets/javascripts/monitoring/components/variables_section.vue
+++ b/app/assets/javascripts/monitoring/components/variables_section.vue
@@ -37,7 +37,11 @@ export default {
 };
 </script>
 <template>
-  <div ref="variablesSection" class="d-sm-flex flex-sm-wrap pt-2 pr-1 pb-0 pl-2 variables-section">
+  <div
+    ref="variablesSection"
+    class="d-sm-flex flex-sm-wrap pt-2 pr-1 pb-0 pl-2 variables-section"
+    data-qa-selector="variables_content"
+  >
     <div v-for="variable in variables" :key="variable.name" class="mb-1 pr-2 d-flex d-sm-block">
       <component
         :is="variableField(variable.type)"
@@ -46,6 +50,7 @@ export default {
         :value="variable.value"
         :name="variable.name"
         :options="variable.options"
+        data-qa-selector="variable_item"
         @input="refreshDashboard(variable, $event)"
       />
     </div>