87 lines
2.2 KiB
JavaScript
87 lines
2.2 KiB
JavaScript
import { shallowMount } from '@vue/test-utils';
|
|
import Vue, { nextTick } from 'vue';
|
|
import VueApollo from 'vue-apollo';
|
|
import Vuex from 'vuex';
|
|
|
|
import createMockApollo from 'helpers/mock_apollo_helper';
|
|
import BoardApp from '~/boards/components/board_app.vue';
|
|
import activeBoardItemQuery from 'ee_else_ce/boards/graphql/client/active_board_item.query.graphql';
|
|
import { rawIssue } from '../mock_data';
|
|
|
|
describe('BoardApp', () => {
|
|
let wrapper;
|
|
let store;
|
|
const mockApollo = createMockApollo();
|
|
|
|
Vue.use(Vuex);
|
|
Vue.use(VueApollo);
|
|
|
|
const createStore = ({ mockGetters = {} } = {}) => {
|
|
store = new Vuex.Store({
|
|
state: {},
|
|
actions: {
|
|
performSearch: jest.fn(),
|
|
},
|
|
getters: {
|
|
isSidebarOpen: () => true,
|
|
...mockGetters,
|
|
},
|
|
});
|
|
};
|
|
|
|
const createComponent = ({ isApolloBoard = false, issue = rawIssue } = {}) => {
|
|
mockApollo.clients.defaultClient.cache.writeQuery({
|
|
query: activeBoardItemQuery,
|
|
data: {
|
|
activeBoardItem: issue,
|
|
},
|
|
});
|
|
|
|
wrapper = shallowMount(BoardApp, {
|
|
apolloProvider: mockApollo,
|
|
store,
|
|
provide: {
|
|
initialBoardId: 'gid://gitlab/Board/1',
|
|
initialFilterParams: {},
|
|
isIssueBoard: true,
|
|
isApolloBoard,
|
|
},
|
|
});
|
|
};
|
|
|
|
afterEach(() => {
|
|
store = null;
|
|
});
|
|
|
|
it("should have 'is-compact' class when sidebar is open", () => {
|
|
createStore();
|
|
createComponent();
|
|
|
|
expect(wrapper.classes()).toContain('is-compact');
|
|
});
|
|
|
|
it("should not have 'is-compact' class when sidebar is closed", () => {
|
|
createStore({ mockGetters: { isSidebarOpen: () => false } });
|
|
createComponent();
|
|
|
|
expect(wrapper.classes()).not.toContain('is-compact');
|
|
});
|
|
|
|
describe('Apollo boards', () => {
|
|
beforeEach(async () => {
|
|
createComponent({ isApolloBoard: true });
|
|
await nextTick();
|
|
});
|
|
|
|
it('should have is-compact class when a card is selected', () => {
|
|
expect(wrapper.classes()).toContain('is-compact');
|
|
});
|
|
|
|
it('should not have is-compact class when no card is selected', async () => {
|
|
createComponent({ isApolloBoard: true, issue: {} });
|
|
await nextTick();
|
|
|
|
expect(wrapper.classes()).not.toContain('is-compact');
|
|
});
|
|
});
|
|
});
|