diff --git a/__tests__/components/AnsibleSelect.test.jsx b/__tests__/components/AnsibleSelect.test.jsx index 27f9bcc5ee..a5c65b7d2e 100644 --- a/__tests__/components/AnsibleSelect.test.jsx +++ b/__tests__/components/AnsibleSelect.test.jsx @@ -8,18 +8,21 @@ describe('', () => { test('initially renders succesfully', async () => { mount( { }} labelName={label} data={mockData} /> ); }); + test('calls "onSelectChange" on dropdown select change', () => { const spy = jest.spyOn(AnsibleSelect.prototype, 'onSelectChange'); const wrapper = mount( { }} labelName={label} data={mockData} @@ -29,10 +32,12 @@ describe('', () => { wrapper.find('select').simulate('change'); expect(spy).toHaveBeenCalled(); }); + test('content not rendered when data property is falsey', () => { const wrapper = mount( { }} labelName={label} data={null} diff --git a/src/components/AnsibleSelect/AnsibleSelect.jsx b/src/components/AnsibleSelect/AnsibleSelect.jsx index c0e2627e65..61c319639e 100644 --- a/src/components/AnsibleSelect/AnsibleSelect.jsx +++ b/src/components/AnsibleSelect/AnsibleSelect.jsx @@ -26,18 +26,19 @@ class AnsibleSelect extends React.Component { } onSelectChange (val, event) { - const { onChange } = this.props; + const { onChange, name } = this.props; + event.target.name = name; onChange(val, event); } render () { const { count } = this.state; - const { labelName, selected, data, fieldId } = this.props; + const { labelName, value, data, fieldId } = this.props; let elem; if (count > 1) { elem = ( - {data.map((datum) => ( ))}