diff --git a/__tests__/components/AnsibleSelect.test.jsx b/__tests__/components/AnsibleSelect.test.jsx index c80207cc9d..d4d933162a 100644 --- a/__tests__/components/AnsibleSelect.test.jsx +++ b/__tests__/components/AnsibleSelect.test.jsx @@ -44,6 +44,6 @@ describe('', () => { defaultSelected={mockData[1]} /> ); - expect(wrapper.find('Select')).toHaveLength(1); + expect(wrapper.find('FormSelect')).toHaveLength(1); }); }); diff --git a/__tests__/pages/Organizations/screens/OrganizationAdd.test.jsx b/__tests__/pages/Organizations/screens/OrganizationAdd.test.jsx index c9ea5414b4..1ce8ae0a6e 100644 --- a/__tests__/pages/Organizations/screens/OrganizationAdd.test.jsx +++ b/__tests__/pages/Organizations/screens/OrganizationAdd.test.jsx @@ -172,8 +172,8 @@ describe('', () => { ).find('OrganizationAdd').find('AnsibleSelect'); - expect(wrapper.find('Select')).toHaveLength(1); - expect(wrapper.find('SelectOption')).toHaveLength(2); + expect(wrapper.find('FormSelect')).toHaveLength(1); + expect(wrapper.find('FormSelectOption')).toHaveLength(2); }); test('AnsibleSelect component does not render if there are 0 virtual environments', () => { @@ -189,6 +189,6 @@ describe('', () => { ).find('OrganizationAdd').find('AnsibleSelect'); - expect(wrapper.find('Select')).toHaveLength(0); + expect(wrapper.find('FormSelect')).toHaveLength(0); }); }); diff --git a/src/components/AnsibleSelect/AnsibleSelect.jsx b/src/components/AnsibleSelect/AnsibleSelect.jsx index 807bd9b73f..2363f090b0 100644 --- a/src/components/AnsibleSelect/AnsibleSelect.jsx +++ b/src/components/AnsibleSelect/AnsibleSelect.jsx @@ -2,8 +2,8 @@ import React from 'react'; import PropTypes from 'prop-types'; import { - Select, - SelectOption, + FormSelect, + FormSelectOption, } from '@patternfly/react-core'; class AnsibleSelect extends React.Component { @@ -21,11 +21,11 @@ class AnsibleSelect extends React.Component { render () { const { label, value, data, defaultSelected } = this.props; return ( - + ); } }