Rename Select components to FormSelect for @patternfly/react-core 2.1.8

This commit is contained in:
Marliana Lara 2019-02-17 21:57:00 -05:00
parent 50ebf65178
commit c4065a54bd
No known key found for this signature in database
GPG Key ID: 38C73B40DFA809EE
3 changed files with 9 additions and 9 deletions

View File

@ -44,6 +44,6 @@ describe('<AnsibleSelect />', () => {
defaultSelected={mockData[1]}
/>
);
expect(wrapper.find('Select')).toHaveLength(1);
expect(wrapper.find('FormSelect')).toHaveLength(1);
});
});

View File

@ -172,8 +172,8 @@ describe('<OrganizationAdd />', () => {
</I18nProvider>
</MemoryRouter>
).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('<OrganizationAdd />', () => {
</I18nProvider>
</MemoryRouter>
).find('OrganizationAdd').find('AnsibleSelect');
expect(wrapper.find('Select')).toHaveLength(0);
expect(wrapper.find('FormSelect')).toHaveLength(0);
});
});

View File

@ -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 (
<Select value={value} onChange={this.onSelectChange} aria-label="Select Input">
<FormSelect value={value} onChange={this.onSelectChange} aria-label="Select Input">
{data.map((datum) => (datum === defaultSelected
? (<SelectOption key="" value="" label={`Use Default ${label}`} />) : (<SelectOption key={datum} value={datum} label={datum} />)))
? (<FormSelectOption key="" value="" label={`Use Default ${label}`} />) : (<FormSelectOption key={datum} value={datum} label={datum} />)))
}
</Select>
</FormSelect>
);
}
}