fix(smartx): add selectors for better testing

splunk · May 28, 2021 · ed2c153 · ed2c153
1 parent 9328e85
commit ed2c153
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 5 deletions.
diff --git a/ui/src/main/webapp/components/ConfigurationFormView.jsx b/ui/src/main/webapp/components/ConfigurationFormView.jsx
@@ -67,7 +67,7 @@ function ConfigurationFormView({ serviceName }) {
             />
             <ButtonWrapper>
                 <Button
-                    className="save_btn"
+                    className="saveBtn"
                     appearance="primary"
                     label={isSubmitting ? <WaitSpinner /> : _('Save')}
                     onClick={handleSubmit}

diff --git a/ui/src/main/webapp/components/EntityModal.jsx b/ui/src/main/webapp/components/EntityModal.jsx
@@ -78,6 +78,7 @@ class EntityModal extends Component {
                         disabled={this.state.isSubmititng}
                     />
                     <Button
+                        className="saveBtn"
                         appearance="primary"
                         label={this.state.isSubmititng ? <WaitSpinner /> : this.buttonText}
                         onClick={this.handleSubmit}

diff --git a/ui/src/main/webapp/components/SingleInputComponent.jsx b/ui/src/main/webapp/components/SingleInputComponent.jsx
@@ -124,9 +124,8 @@ function SingleInputComponent(props) {
     return (
         <>
             {createSearchChoice ? (
-                <StyledDiv>
+                <StyledDiv className="dropdownBox">
                     <ComboBox
-                        className="dropdownBox"
                         value={props.value === null ? '' : props.value}
                         name={field}
                         error={error}
@@ -155,6 +154,7 @@ function SingleInputComponent(props) {
                     </SelectWrapper>
                     {isClearable !== true ? (
                         <Button
+                            data-test="clear"
                             appearance="secondary"
                             icon={<Clear />}
                             onClick={() => restProps.handleChange(field, '')}

diff --git a/ui/src/main/webapp/components/table/CustomTableRow.jsx b/ui/src/main/webapp/components/table/CustomTableRow.jsx
@@ -51,7 +51,7 @@ function CustomTableRow(props) {
     const rowActionsPrimaryButton = useCallback(
         (selectedRow) => {
             return (
-                <TableCellWrapper key={selectedRow.id}>
+                <TableCellWrapper data-column="actions" key={selectedRow.id}>
                     <ButtonGroup>
                         <Tooltip content={_('Edit')}>
                             <ActionButtonComponent
@@ -137,7 +137,7 @@ function CustomTableRow(props) {
                                                     : 'Disabled'
                                             )}
                                         />
-                                        {statusContent}
+                                        <span data-test="status">{statusContent}</span>
                                     </SwitchWrapper>
                                 </Table.Cell>
                             );