diff --git a/ui/src/reusable_ui/components/slide_toggle/SlideToggle.tsx b/ui/src/reusable_ui/components/slide_toggle/SlideToggle.tsx index 1b790dc62..81aa2d61f 100644 --- a/ui/src/reusable_ui/components/slide_toggle/SlideToggle.tsx +++ b/ui/src/reusable_ui/components/slide_toggle/SlideToggle.tsx @@ -14,7 +14,7 @@ interface Props { color?: ComponentColor disabled?: boolean tooltipText?: string - dataTest?: string + test?: string } @ErrorHandling @@ -27,14 +27,14 @@ class SlideToggle extends Component { } public render() { - const {tooltipText, dataTest} = this.props + const {tooltipText, testId} = this.props return (
diff --git a/ui/src/reusable_ui/components/wizard/WizardCheckbox.tsx b/ui/src/reusable_ui/components/wizard/WizardCheckbox.tsx index 2ccf9e851..b7ce37ab7 100644 --- a/ui/src/reusable_ui/components/wizard/WizardCheckbox.tsx +++ b/ui/src/reusable_ui/components/wizard/WizardCheckbox.tsx @@ -9,12 +9,13 @@ interface Props { subtext?: string onChange: (isChecked: boolean) => void halfWidth?: boolean + testId?: string } @ErrorHandling class WizardCheckbox extends PureComponent { public render() { - const {text, isChecked, subtext, halfWidth} = this.props + const {text, isChecked, subtext, halfWidth, testId} = this.props return (
@@ -25,6 +26,7 @@ class WizardCheckbox extends PureComponent { active={isChecked} onChange={this.onChangeSlideToggle} tooltipText={text} + dataTest={testId} /> { autoFocus, label, type, + testId, } = this.props let inputClass = '' @@ -81,6 +83,7 @@ class WizardTextInput extends PureComponent { autoFocus={autoFocus} spellCheck={false} autoComplete={'off'} + data-test={testId} /> {errorText}
diff --git a/ui/src/sources/components/InfluxTableHeader.tsx b/ui/src/sources/components/InfluxTableHeader.tsx index e422551f6..eac8875dc 100644 --- a/ui/src/sources/components/InfluxTableHeader.tsx +++ b/ui/src/sources/components/InfluxTableHeader.tsx @@ -19,7 +19,7 @@ class InfluxTableHeader extends PureComponent {

{this.title}

-
+
Add Connection
diff --git a/ui/src/sources/components/InfluxTableRow.tsx b/ui/src/sources/components/InfluxTableRow.tsx index 08e6eabf2..6cf71b2bc 100644 --- a/ui/src/sources/components/InfluxTableRow.tsx +++ b/ui/src/sources/components/InfluxTableRow.tsx @@ -58,6 +58,7 @@ class InfluxTableRow extends PureComponent { text="Delete Connection" confirmAction={this.handleDeleteSource} customClass="delete-source table--show-on-row-hover" + testId="delete-connection--button" /> diff --git a/ui/src/sources/components/SourceStep.tsx b/ui/src/sources/components/SourceStep.tsx index ab0fa7855..bf5298cbf 100644 --- a/ui/src/sources/components/SourceStep.tsx +++ b/ui/src/sources/components/SourceStep.tsx @@ -116,17 +116,20 @@ class SourceStep extends PureComponent { onChange={this.onChangeInput('url')} valueModifier={this.URLModifier} onSubmit={this.handleSubmitUrl} + testId="connection-url--input" /> { type="password" onChange={this.onChangeInput('password')} onSubmit={this.handleSubmitPassword} + testId="connection-password--input" /> { value={source.metaUrl} label="Meta Service Connection URL" onChange={this.onChangeInput('metaUrl')} + testId="meta-service-connection-url--input" /> )} {!onBoarding && ( @@ -159,6 +165,7 @@ class SourceStep extends PureComponent { isChecked={source.default} text={'Default connection'} onChange={this.onChangeInput('default')} + testId="default-connection--checkbox" /> )} { text={`Unsafe SSL`} onChange={this.onChangeInput('insecureSkipVerify')} subtext={insecureSkipVerifyText} + testId="unsafe-ssl--checkbox" /> )}