Update widget on click dropdown item when creating epic from epic

app/assets/javascripts/vue_shared/components/split_button.vue

@@ -49,7 +49,8 @@ export default {
     triggerEvent() {
       this.$emit(this.selectedItem.eventName);
     },
-    change(item) {
+    changeSelectedItem(item) {
+      this.selectedItem = item;
       this.$emit('change', item);
     },
   },
@@ -70,10 +71,7 @@ export default {
         :key="item.eventName"
         :active="selectedItem === item"
         active-class="is-active"
-        @click="
-          selectedItem = item;
-          change(item);
-        "
+        @click="changeSelectedItem(item)"
       >
         <strong>{{ item.title }}</strong>
         <div>{{ item.description }}</div>

spec/frontend/vue_shared/components/split_button_spec.js

@@ -74,6 +74,7 @@ describe('SplitButton', () => {
 
   describe('emitted event', () => {
     let eventHandler;
+    let changeEventHandler;
 
     beforeEach(() => {
       createComponent({ actionItems: mockActionItems });
@@ -84,6 +85,11 @@ describe('SplitButton', () => {
       wrapper.vm.$once(eventName, () => eventHandler());
     };
 
+    const addChangeEventHandler = () => {
+      changeEventHandler = jest.fn();
+      wrapper.vm.$once('change', () => changeEventHandler());
+    };
+
     it('defaults to first actionItems event', () => {
       addEventHandler(mockActionItems[0]);
 
@@ -99,5 +105,13 @@ describe('SplitButton', () => {
         .then(() => {
           expect(eventHandler).toHaveBeenCalled();
         }));
+
+    it('change to selected actionItem emits change event', () => {
+      addChangeEventHandler();
+
+      return selectItem(1).then(() => {
+        expect(changeEventHandler).toHaveBeenCalled();
+      });
+    });
   });
 });