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

tests for pagination buttons

Browse Source
This commit is contained in:
Moriz Wahl 2021-09-14 18:20:41 +02:00
parent 39fad42571
commit 23e3e1f007
1 changed files with 19 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
frontend/src/components/PaginationButtons.spec.js
View File

@ -3,11 +3,17 @@ import PaginationButtons from './PaginationButtons'
const localVue = global.localVue const localVue = global.localVue
const propsData = {
totalRows: 42,
perPage: 12,
value: 1,
}
describe('PaginationButtons', () => { describe('PaginationButtons', () => {
let wrapper let wrapper
const Wrapper = () => { const Wrapper = () => {
return mount(PaginationButtons, { localVue }) return mount(PaginationButtons, { localVue, propsData })
} }
describe('mount', () => { describe('mount', () => {
@ -19,34 +25,20 @@ describe('PaginationButtons', () => {
expect(wrapper.find('div.pagination-buttons').exists()).toBeTruthy() expect(wrapper.find('div.pagination-buttons').exists()).toBeTruthy()
}) })
it('has previous page button disabled by default', () => {
expect(wrapper.find('button.previous-page').attributes('disabled')).toBe('disabled')
})
it('has bext page button disabled by default', () => {
expect(wrapper.find('button.next-page').attributes('disabled')).toBe('disabled')
})
it('shows the text "1 / 1" by default"', () => {
expect(wrapper.find('p.text-center').text()).toBe('1 / 1')
})
describe('with active buttons', () => { describe('with active buttons', () => {
beforeEach(async () => { it('emits input next page button is clicked', async () => {
await wrapper.setProps({
hasNext: true,
hasPrevious: true,
})
})
it('emits show-previous when previous page button is clicked', () => {
wrapper.find('button.previous-page').trigger('click')
expect(wrapper.emitted('show-previous')).toBeTruthy()
})
it('emits show-next when next page button is clicked', () => {
wrapper.find('button.next-page').trigger('click') wrapper.find('button.next-page').trigger('click')
expect(wrapper.emitted('show-next')).toBeTruthy() await wrapper.vm.$nextTick()
expect(wrapper.emitted().input[0]).toEqual([2])
})
it('emits input when previous page button is clicked', async () => {
wrapper.setProps({ value: 2 })
wrapper.setData({ currentValue: 2 })
await wrapper.vm.$nextTick()
wrapper.find('button.previous-page').trigger('click')
await wrapper.vm.$nextTick()
expect(wrapper.emitted().input[0]).toEqual([1])
}) })
}) })
}) })