kotovalexarian-likes-gitlab/gitlab-org--gitlab-foss
1
0
Fork 0
Code Releases Activity

Add i18n and update specs for UnresolvedDiscussions vue component

Browse source
This commit is contained in:
George Tsiolis 2018-03-19 17:03:52 +02:00
parent 051e5e99df
commit cc00f468b0
3 changed files with 34 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/assets/javascripts/vue_merge_request_widget/components/states/unresolved_discussions.vue
View file

@ -7,7 +7,10 @@ export default {
statusIcon,
},
props: {
mr: { type: Object, required: true },
mr: {
type: Object,
required: true,
},
},
};
</script>
@ -20,13 +23,14 @@ export default {
/>
<div class="media-body space-children">
<span class="bold">
There are unresolved discussions. Please resolve these discussions
{{ s__("mrWidget|There are unresolved discussions. Please resolve these discussions") }}
</span>
<a
v-if="mr.createIssueToResolveDiscussionsPath"
:href="mr.createIssueToResolveDiscussionsPath"
class="btn btn-default btn-xs js-create-issue">
Create an issue to resolve them later
class="btn btn-default btn-xs js-create-issue"
>
{{ s__("mrWidget|Create an issue to resolve them later") }}
</a>
</div>
</div>

5
changelogs/unreleased/unresolved-discussions-vue-component-i18n-and-tests.yml Normal file
View file

@ -0,0 +1,5 @@
---
title: Add i18n and update specs for UnresolvedDiscussions vue component
merge_request: 17866
author: George Tsiolis
type: performance

52
spec/javascripts/vue_mr_widget/components/states/mr_widget_unresolved_discussions_spec.js
View file

@ -1,47 +1,37 @@
import Vue from 'vue';
import UnresolvedDiscussions from '~/vue_merge_request_widget/components/states/unresolved_discussions.vue';
import mountComponent from 'spec/helpers/vue_mount_component_helper';
describe('UnresolvedDiscussions', () => {
describe('props', () => {
it('should have props', () => {
const { mr } = UnresolvedDiscussions.props;
const Component = Vue.extend(UnresolvedDiscussions);
let vm;
expect(mr.type instanceof Object).toBeTruthy();
expect(mr.required).toBeTruthy();
});
afterEach(() => {
vm.$destroy();
});
describe('template', () => {
let el;
let vm;
const path = 'foo/bar';
describe('with discussions path', () => {
beforeEach(() => {
const Component = Vue.extend(UnresolvedDiscussions);
const mr = {
createIssueToResolveDiscussionsPath: path,
};
vm = new Component({
el: document.createElement('div'),
propsData: { mr },
});
el = vm.$el;
vm = mountComponent(Component, { mr: {
createIssueToResolveDiscussionsPath: gl.TEST_HOST,
} });
});
it('should have correct elements', () => {
expect(el.classList.contains('mr-widget-body')).toBeTruthy();
expect(el.innerText).toContain('There are unresolved discussions. Please resolve these discussions');
expect(el.innerText).toContain('Create an issue to resolve them later');
expect(el.querySelector('.js-create-issue').getAttribute('href')).toEqual(path);
expect(vm.$el.innerText).toContain('There are unresolved discussions. Please resolve these discussions');
expect(vm.$el.innerText).toContain('Create an issue to resolve them later');
expect(vm.$el.querySelector('.js-create-issue').getAttribute('href')).toEqual(gl.TEST_HOST);
});
});
describe('without discussions path', () => {
beforeEach(() => {
vm = mountComponent(Component, { mr: {} });
});
it('should not show create issue button if user cannot create issue', (done) => {
vm.mr.createIssueToResolveDiscussionsPath = '';
Vue.nextTick(() => {
expect(el.querySelector('.js-create-issue')).toEqual(null);
done();
});
it('should not show create issue link if user cannot create issue', () => {
expect(vm.$el.innerText).toContain('There are unresolved discussions. Please resolve these discussions');
expect(vm.$el.querySelector('.js-create-issue')).toEqual(null);
});
});
});