Emit toggleSubscription
event on component instead of eventHub
This commit is contained in:
parent
c22a3fa0c5
commit
de3194bf89
2 changed files with 9 additions and 2 deletions
|
@ -3,7 +3,6 @@
|
||||||
import icon from '~/vue_shared/components/icon.vue';
|
import icon from '~/vue_shared/components/icon.vue';
|
||||||
import toggleButton from '~/vue_shared/components/toggle_button.vue';
|
import toggleButton from '~/vue_shared/components/toggle_button.vue';
|
||||||
import tooltip from '~/vue_shared/directives/tooltip';
|
import tooltip from '~/vue_shared/directives/tooltip';
|
||||||
import eventHub from '../../event_hub';
|
|
||||||
|
|
||||||
const ICON_ON = 'notifications';
|
const ICON_ON = 'notifications';
|
||||||
const ICON_OFF = 'notifications-off';
|
const ICON_OFF = 'notifications-off';
|
||||||
|
@ -48,7 +47,7 @@
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
toggleSubscription() {
|
toggleSubscription() {
|
||||||
eventHub.$emit('toggleSubscription', this.id);
|
this.$emit('toggleSubscription', this.id);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
|
@ -39,4 +39,12 @@ describe('Subscriptions', function () {
|
||||||
|
|
||||||
expect(vm.$refs.toggleButton.$el.querySelector('.project-feature-toggle')).toHaveClass('is-checked');
|
expect(vm.$refs.toggleButton.$el.querySelector('.project-feature-toggle')).toHaveClass('is-checked');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
it('toggleSubscription method emits `toggleSubscription` event on component', () => {
|
||||||
|
vm = mountComponent(Subscriptions, { subscribed: true });
|
||||||
|
spyOn(vm, '$emit');
|
||||||
|
|
||||||
|
vm.toggleSubscription();
|
||||||
|
expect(vm.$emit).toHaveBeenCalledWith('toggleSubscription', jasmine.any(Object));
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in a new issue