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 = (
-