From 55165f152bb2d726487b1e235b445e4a347e4a82 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Thu, 28 Mar 2019 21:31:45 +0700
Subject: [PATCH] Add tests for filtering with multiple filters and with search
query
---
test/views/users/usersFilters.test.js | 88 ++++++++++++---------------
1 file changed, 39 insertions(+), 49 deletions(-)
diff --git a/test/views/users/usersFilters.test.js b/test/views/users/usersFilters.test.js
index 3f135c63..c728bf50 100644
--- a/test/views/users/usersFilters.test.js
+++ b/test/views/users/usersFilters.test.js
@@ -7,6 +7,7 @@ import { cloneDeep } from 'lodash'
import flushPromises from 'flush-promises'
config.mocks["$t"] = () => {}
+config.stubs.transition = false
const localVue = createLocalVue()
localVue.use(Vuex)
@@ -26,67 +27,56 @@ describe('Filters users', () => {
it('shows local users on "Local" filter click', async (done) => {
const wrapper = mount(Filters, {
store,
- localVue,
- stubs: {
- transition: false
- }
+ localVue
})
- let usersLength = store.state.users.totalUsersCount
- expect(usersLength).toEqual(3)
+ expect(store.state.users.totalUsersCount).toEqual(3)
const filter = wrapper.find(`li.el-select-dropdown__item:nth-child(${1})`)
filter.trigger('click')
await wrapper.vm.$nextTick()
- usersLength = store.state.users.totalUsersCount
- expect(usersLength).toEqual(2)
+ expect(store.state.users.totalUsersCount).toEqual(2)
filter.trigger('click')
await wrapper.vm.$nextTick()
- usersLength = store.state.users.totalUsersCount
- expect(usersLength).toEqual(2)
+ expect(store.state.users.totalUsersCount).toEqual(2)
done()
})
- // it('shows local users with search query', async (done) => {
- // const wrapper = mount(Users, {
- // store,
- // localVue,
- // stubs: ['users-filter']
- // })
-
- // wrapper.vm.handleDebounceSearchInput = (query) => {
- // store.dispatch('SearchUsers', { query, page: 1 })
- // }
-
- // await wrapper.vm.$nextTick()
- // expect(wrapper.vm.usersCount).toEqual(3)
-
- // const checkboxInput = wrapper.find('input.el-checkbox__original')
- // checkboxInput.trigger('click')
- // await wrapper.vm.$nextTick()
- // const searchInput = wrapper.find('input.el-input__inner')
- // searchInput.element.value = 'bob'
- // searchInput.trigger('input')
- // await wrapper.vm.$nextTick()
- // expect(wrapper.vm.usersCount).toEqual(0)
-
- // searchInput.element.value = 'allis'
- // searchInput.trigger('input')
- // await wrapper.vm.$nextTick()
- // expect(wrapper.vm.usersCount).toEqual(1)
-
- // searchInput.element.value = ''
- // searchInput.trigger('input')
- // await wrapper.vm.$nextTick()
- // expect(wrapper.vm.usersCount).toEqual(2)
-
- // checkboxInput.trigger('click')
- // await wrapper.vm.$nextTick()
- // expect(wrapper.vm.usersCount).toEqual(3)
-
- // done()
- // })
+ it('shows local users with search query', async (done) => {
+ expect(store.state.users.totalUsersCount).toEqual(3)
+
+ store.dispatch('ToggleUsersFilter', { active: true })
+ await flushPromises()
+ store.dispatch('SearchUsers', { query: 'john', page: 1 })
+ await flushPromises()
+ expect(store.state.users.totalUsersCount).toEqual(0)
+
+ store.dispatch('SearchUsers', { query: 'allis', page: 1 })
+ await flushPromises()
+ expect(store.state.users.totalUsersCount).toEqual(1)
+
+ store.dispatch('SearchUsers', { query: '', page: 1 })
+ await flushPromises()
+ expect(store.state.users.totalUsersCount).toEqual(2)
+
+ done()
+ })
+
+ it('applies two filters', async (done) => {
+ expect(store.state.users.totalUsersCount).toEqual(3)
+
+ store.dispatch('ToggleUsersFilter', { active: true, local: true })
+ await flushPromises()
+ expect(store.state.users.totalUsersCount).toEqual(1)
+ expect(store.state.users.fetchedUsers[0].nickname).toEqual('allis')
+
+ store.dispatch('ToggleUsersFilter', { deactivated: true, external: true })
+ await flushPromises()
+ expect(store.state.users.totalUsersCount).toEqual(0)
+
+ done()
+ })
})
--
GitLab