fixed test for PaginationButtons. ToDo: How to mock v-sroll-to

This commit is contained in:
Moriz Wahl 2020-09-24 10:41:22 +02:00
parent e7c76c1622
commit 7bf9dfde29

View File

@ -5,10 +5,15 @@ import PaginationButtons from './PaginationButtons'
const localVue = global.localVue
describe('PaginationButtons.vue', () => {
const propsData = {}
const propsData = {
showPageCounter: true,
activePage: 1,
activeResourceCount: 57,
}
let wrapper
const mocks = {
$t: jest.fn(),
scrollTo: jest.fn(),
}
const Wrapper = () => {
@ -26,13 +31,13 @@ describe('PaginationButtons.vue', () => {
})
it('is enabled if hasNext is true', async () => {
wrapper.setProps({ hasMoreResults: true })
wrapper.setProps({ hasNext: true })
await wrapper.vm.$nextTick()
expect(wrapper.find('.next-button').exists()).toEqual(true)
})
it('emits next when clicked', async () => {
wrapper.setProps({ hasMoreResults: true })
wrapper.setProps({ hasNext: true })
await wrapper.vm.$nextTick()
wrapper.find('.next-button').trigger('click')
await wrapper.vm.$nextTick()
@ -50,18 +55,34 @@ describe('PaginationButtons.vue', () => {
})
it('is enabled if hasPrevious is true', async () => {
wrapper.setProps({ hasPreviousResult: true })
wrapper.setProps({ hasPrevious: true })
await wrapper.vm.$nextTick()
expect(wrapper.find('.previous-button').exists()).toEqual(true)
})
it('emits back when clicked', async () => {
wrapper.setProps({ hasPreviousResult: true })
wrapper.setProps({ hasPrevious: true })
await wrapper.vm.$nextTick()
wrapper.find('.previous-button').trigger('click')
await wrapper.vm.$nextTick()
expect(wrapper.emitted().back).toHaveLength(1)
})
})
describe('page counter', () => {
beforeEach(() => {
wrapper = Wrapper()
})
it('displays the page counter when showPageCount is true', () => {
expect(wrapper.find('.pagination-pageCount').text().replace(/\s+/g, ' ')).toEqual('2 / 3')
})
it('does not display the page counter when showPageCount is false', async () => {
wrapper.setProps({ showPageCounter: false })
await wrapper.vm.$nextTick()
expect(wrapper.find('.pagination-pageCount').exists()).toEqual(false)
})
})
})
})