diff options
Diffstat (limited to 'spec/frontend/members/components/app_spec.js')
-rw-r--r-- | spec/frontend/members/components/app_spec.js | 21 |
1 files changed, 16 insertions, 5 deletions
diff --git a/spec/frontend/members/components/app_spec.js b/spec/frontend/members/components/app_spec.js index b9fdf8792fd..9590cd9d8d4 100644 --- a/spec/frontend/members/components/app_spec.js +++ b/spec/frontend/members/components/app_spec.js @@ -5,7 +5,8 @@ import Vuex from 'vuex'; import * as commonUtils from '~/lib/utils/common_utils'; import MembersApp from '~/members/components/app.vue'; import FilterSortContainer from '~/members/components/filter_sort/filter_sort_container.vue'; -import { MEMBER_TYPES } from '~/members/constants'; +import MembersTable from '~/members/components/table/members_table.vue'; +import { MEMBER_TYPES, TAB_QUERY_PARAM_VALUES } from '~/members/constants'; import { RECEIVE_MEMBER_ROLE_ERROR, HIDE_ERROR } from '~/members/store/mutation_types'; import mutations from '~/members/store/mutations'; @@ -19,7 +20,7 @@ describe('MembersApp', () => { const createComponent = (state = {}, options = {}) => { store = new Vuex.Store({ modules: { - [MEMBER_TYPES.user]: { + [MEMBER_TYPES.group]: { namespaced: true, state: { showError: true, @@ -34,7 +35,8 @@ describe('MembersApp', () => { wrapper = shallowMount(MembersApp, { localVue, propsData: { - namespace: MEMBER_TYPES.user, + namespace: MEMBER_TYPES.group, + tabQueryParamValue: TAB_QUERY_PARAM_VALUES.group, }, store, ...options, @@ -57,7 +59,7 @@ describe('MembersApp', () => { it('renders and scrolls to error alert', async () => { createComponent({ showError: false, errorMessage: '' }); - store.commit(`${MEMBER_TYPES.user}/${RECEIVE_MEMBER_ROLE_ERROR}`, { + store.commit(`${MEMBER_TYPES.group}/${RECEIVE_MEMBER_ROLE_ERROR}`, { error: new Error('Network Error'), }); @@ -77,7 +79,7 @@ describe('MembersApp', () => { it('does not render and scroll to error alert', async () => { createComponent(); - store.commit(`${MEMBER_TYPES.user}/${HIDE_ERROR}`); + store.commit(`${MEMBER_TYPES.group}/${HIDE_ERROR}`); await nextTick(); @@ -103,4 +105,13 @@ describe('MembersApp', () => { expect(findFilterSortContainer().exists()).toBe(true); }); + + it('renders `MembersTable` component and passes `tabQueryParamValue` prop', () => { + createComponent(); + + const membersTableComponent = wrapper.findComponent(MembersTable); + + expect(membersTableComponent.exists()).toBe(true); + expect(membersTableComponent.props('tabQueryParamValue')).toBe(TAB_QUERY_PARAM_VALUES.group); + }); }); |