mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-13 07:46:06 +00:00
b8c5db48a6
Fix #820 Ok, so after I would have to use the same method in three different locations (`<ds-card>` expects an `image` attribute but cannot render entire components) I decided to implement the prefix of image urls with a filter rather than a component. The downside of this is that we have to add the filter on a lot of component tests. The benefit is less components and hopefully less complexity.
82 lines
1.9 KiB
JavaScript
82 lines
1.9 KiB
JavaScript
import { config, mount, createLocalVue } from '@vue/test-utils'
|
|
import CommentList from '.'
|
|
import Empty from '~/components/Empty'
|
|
import Vuex from 'vuex'
|
|
import Styleguide from '@human-connection/styleguide'
|
|
import Filters from '~/plugins/vue-filters'
|
|
|
|
const localVue = createLocalVue()
|
|
|
|
localVue.use(Styleguide)
|
|
localVue.use(Vuex)
|
|
localVue.use(Filters)
|
|
localVue.filter('truncate', string => string)
|
|
|
|
config.stubs['v-popover'] = '<span><slot /></span>'
|
|
config.stubs['nuxt-link'] = '<span><slot /></span>'
|
|
config.stubs['no-ssr'] = '<span><slot /></span>'
|
|
|
|
describe('CommentList.vue', () => {
|
|
let mocks
|
|
let store
|
|
let wrapper
|
|
let propsData
|
|
let data
|
|
|
|
propsData = {
|
|
post: { id: 1 },
|
|
}
|
|
store = new Vuex.Store({
|
|
getters: {
|
|
'auth/user': () => {
|
|
return {}
|
|
},
|
|
},
|
|
})
|
|
mocks = {
|
|
$t: jest.fn(),
|
|
$apollo: {
|
|
queries: {
|
|
Post: {
|
|
refetch: jest.fn(),
|
|
},
|
|
},
|
|
},
|
|
}
|
|
data = () => {
|
|
return {
|
|
comments: [],
|
|
}
|
|
}
|
|
|
|
describe('shallowMount', () => {
|
|
const Wrapper = () => {
|
|
return mount(CommentList, { store, mocks, localVue, propsData, data })
|
|
}
|
|
|
|
beforeEach(() => {
|
|
wrapper = Wrapper()
|
|
wrapper.setData({
|
|
comments: [{ id: 'c1', contentExcerpt: 'this is a comment' }],
|
|
})
|
|
})
|
|
|
|
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')
|
|
})
|
|
|
|
it('displays comments when there are comments to display', () => {
|
|
expect(wrapper.find('div#comments').text()).toEqual('this is a comment')
|
|
})
|
|
|
|
it("refetches a post's comments from the backend", () => {
|
|
wrapper.vm.refetchPostComments()
|
|
expect(mocks.$apollo.queries.Post.refetch).toHaveBeenCalledTimes(1)
|
|
})
|
|
})
|
|
})
|