fix: add data-name attribute in ControlGroup for ease in writing auto…

…mated UI tests
splunk · May 10, 2021 · 10da489 · 10da489
1 parent b4752d3
commit 10da489
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/ui/src/main/webapp/components/ControlWrapper.jsx b/ui/src/main/webapp/components/ControlWrapper.jsx
@@ -9,7 +9,9 @@ const CustomElement = styled.div`
     margin-left: 30px;
 `;
 
-const ControlGroupWrapper = styled(ControlGroup)`
+const ControlGroupWrapper = styled(ControlGroup).attrs((props) => ({
+    'data-name': props.dataName,
+}))`
     width: 100%;
     max-width: 100%;
 
@@ -78,6 +80,7 @@ class ControlWrapper extends React.PureComponent {
                     help={help}
                     tooltip={tooltip}
                     error={this.props.error}
+                    dataName={field}
                 >
                     <CustomElement>{rowView}</CustomElement>
                 </ControlGroupWrapper>