diff options
Diffstat (limited to 'spec/frontend/boards/components/boards_selector_spec.js')
-rw-r--r-- | spec/frontend/boards/components/boards_selector_spec.js | 30 |
1 files changed, 15 insertions, 15 deletions
diff --git a/spec/frontend/boards/components/boards_selector_spec.js b/spec/frontend/boards/components/boards_selector_spec.js index 81575bf486a..bf317b51e83 100644 --- a/spec/frontend/boards/components/boards_selector_spec.js +++ b/spec/frontend/boards/components/boards_selector_spec.js @@ -1,9 +1,10 @@ -import { nextTick } from 'vue'; -import { mount } from '@vue/test-utils'; import { GlDropdown, GlLoadingIcon, GlDropdownSectionHeader } from '@gitlab/ui'; +import { mount } from '@vue/test-utils'; +import MockAdapter from 'axios-mock-adapter'; +import { nextTick } from 'vue'; import { TEST_HOST } from 'spec/test_constants'; import BoardsSelector from '~/boards/components/boards_selector.vue'; -import boardsStore from '~/boards/stores/boards_store'; +import axios from '~/lib/utils/axios_utils'; const throttleDuration = 1; @@ -23,6 +24,7 @@ describe('BoardsSelector', () => { let wrapper; let allBoardsResponse; let recentBoardsResponse; + let mock; const boards = boardGenerator(20); const recentBoards = boardGenerator(5); @@ -39,6 +41,7 @@ describe('BoardsSelector', () => { const findDropdown = () => wrapper.find(GlDropdown); beforeEach(() => { + mock = new MockAdapter(axios); const $apollo = { queries: { boards: { @@ -47,14 +50,6 @@ describe('BoardsSelector', () => { }, }; - boardsStore.setEndpoints({ - boardsEndpoint: '', - recentBoardsEndpoint: '', - listsEndpoint: '', - bulkUpdatePath: '', - boardId: '', - }); - allBoardsResponse = Promise.resolve({ data: { group: { @@ -68,9 +63,6 @@ describe('BoardsSelector', () => { data: recentBoards, }); - boardsStore.allBoards = jest.fn(() => allBoardsResponse); - boardsStore.recentBoards = jest.fn(() => recentBoardsResponse); - wrapper = mount(BoardsSelector, { propsData: { throttleDuration, @@ -95,6 +87,10 @@ describe('BoardsSelector', () => { }, mocks: { $apollo }, attachTo: document.body, + provide: { + fullPath: '', + recentBoardsEndpoint: `${TEST_HOST}/recent`, + }, }); wrapper.vm.$apollo.addSmartQuery = jest.fn((_, options) => { @@ -103,6 +99,8 @@ describe('BoardsSelector', () => { }); }); + mock.onGet(`${TEST_HOST}/recent`).replyOnce(200, recentBoards); + // Emits gl-dropdown show event to simulate the dropdown is opened at initialization time findDropdown().vm.$emit('show'); }); @@ -110,6 +108,7 @@ describe('BoardsSelector', () => { afterEach(() => { wrapper.destroy(); wrapper = null; + mock.restore(); }); describe('loading', () => { @@ -133,7 +132,8 @@ describe('BoardsSelector', () => { return Promise.all([allBoardsResponse, recentBoardsResponse]).then(() => nextTick()); }); - it('hides loading spinner', () => { + it('hides loading spinner', async () => { + await wrapper.vm.$nextTick(); expect(getLoadingIcon().exists()).toBe(false); }); |