gitlab-org--gitlab-foss/spec/javascripts/issue_show/issue_title_description_spec.js
2017-04-25 10:31:15 -06:00

49 lines
1.3 KiB
JavaScript

import Vue from 'vue';
import $ from 'jquery';
import '~/render_math';
import '~/render_gfm';
import issueTitle from '~/issue_show/issue_title_description.vue';
import issueShowData from './mock_data';
window.$ = $;
const issueShowInterceptor = (request, next) => {
console.log(issueShowData);
next(request.respondWith(JSON.stringify(issueShowData), {
status: 200,
}));
};
describe('Issue Title', () => {
const comps = {
IssueTitleComponent: {},
};
beforeEach(() => {
comps.IssueTitleComponent = Vue.extend(issueTitle);
Vue.http.interceptors.push(issueShowInterceptor);
});
afterEach(() => {
Vue.http.interceptors = _.without(
Vue.http.interceptors, issueShowInterceptor,
);
});
it('should render a title', (done) => {
const issueShowComponent = new comps.IssueTitleComponent({
propsData: {
candescription: '.css-stuff',
endpoint: '/gitlab-org/gitlab-shell/issues/9/rendered_title',
},
}).$mount();
// need setTimeout because actual setTimeout in code :P
setTimeout(() => {
expect(issueShowComponent.$el.querySelector('.title').innerHTML)
.toContain('this is a title');
done();
}, 300);
// 300 is just three times the Vue comps setTimeout to ensure pass
});
});