IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve test by mounting CommentList with data

Browse Source
This commit is contained in:
Matt Rider 2019-05-03 15:52:26 -03:00
parent da218f8a58
commit 70fb34345d
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
webapp/components/comments/CommentList/CommentList.spec.js
View File

@ -21,6 +21,7 @@ describe('CommentList.vue', () => {
let store
let wrapper
let propsData
let data
propsData = {
post: { id: 1 }
@ -35,10 +36,15 @@ describe('CommentList.vue', () => {
mocks = {
$t: jest.fn()
}
data = () => {
return {
comments: []
}
}
describe('shallowMount', () => {
const Wrapper = () => {
return mount(CommentList, { store, mocks, localVue, propsData })
return mount(CommentList, { store, mocks, localVue, propsData, data })
}
beforeEach(() => {
@ -48,6 +54,10 @@ describe('CommentList.vue', () => {
})
})
it('displays a message icon when there are no comments to display', () => {
expect(Wrapper().findAll(Empty)).toHaveLength(1)
})
it('displays a comments counter', () => {
expect(wrapper.find('span.ds-tag').text()).toEqual('1')
})
@ -55,10 +65,5 @@ describe('CommentList.vue', () => {
it('displays comments when there are comments to display', () => {
expect(wrapper.find('div#comments').text()).toEqual('this is a comment')
})
it('displays a message icon when there are no comments to display', () => {
wrapper.setData({ comments: [] })
expect(wrapper.findAll(Empty)).toHaveLength(1)
})
})
})