storj/web/satellite/tests/unit/apiKeys/ApiKeysArea.spec.ts

242 lines
7.3 KiB
TypeScript
Raw Normal View History

// Copyright (C) 2019 Storj Labs, Inc.
// See LICENSE for copying information.
import Vuex from 'vuex';
2019-09-09 11:33:39 +01:00
import ApiKeysArea from '@/components/apiKeys/ApiKeysArea.vue';
2019-09-09 11:33:39 +01:00
import { PaymentsHttpApi } from '@/api/payments';
import { API_KEYS_MUTATIONS, makeApiKeysModule } from '@/store/modules/apiKeys';
import { makeNotificationsModule } from '@/store/modules/notifications';
import { makePaymentsModule } from '@/store/modules/payments';
import { makeProjectsModule } from '@/store/modules/projects';
import { ApiKey, ApiKeyOrderBy, ApiKeysPage } from '@/types/apiKeys';
import { SortDirection } from '@/types/common';
import { Project } from '@/types/projects';
import { NotificatorPlugin } from '@/utils/plugins/notificator';
import { SegmentioPlugin } from '@/utils/plugins/segment';
import { createLocalVue, mount, shallowMount } from '@vue/test-utils';
import { ApiKeysMock } from '../mock/api/apiKeys';
import { ProjectsApiMock } from '../mock/api/projects';
const localVue = createLocalVue();
const segmentioPlugin = new SegmentioPlugin();
const notificationPlugin = new NotificatorPlugin();
localVue.use(Vuex);
localVue.use(segmentioPlugin);
localVue.use(notificationPlugin);
const apiKeysApi = new ApiKeysMock();
const apiKeysModule = makeApiKeysModule(apiKeysApi);
const projectsApi = new ProjectsApiMock();
const projectsModule = makeProjectsModule(projectsApi);
const paymentsApi = new PaymentsHttpApi();
const paymentsModule = makePaymentsModule(paymentsApi);
const notificationsModule = makeNotificationsModule();
const { CLEAR, SET_PAGE } = API_KEYS_MUTATIONS;
const store = new Vuex.Store({ modules: { projectsModule, apiKeysModule, paymentsModule, notificationsModule }});
describe('ApiKeysArea', (): void => {
const project = new Project('id', 'projectName', 'projectDescription', 'test', 'testOwnerId', true);
projectsApi.setMockProjects([project]);
const date = new Date(0);
const apiKey = new ApiKey('testId', 'test', date, 'test');
const apiKey1 = new ApiKey('testId1', 'test1', date, 'test1');
const testApiKeysPage = new ApiKeysPage([apiKey], '', ApiKeyOrderBy.NAME, SortDirection.ASCENDING, 6, 1, 1, 2);
apiKeysApi.setMockApiKeysPage(testApiKeysPage);
it('renders correctly', (): void => {
const wrapper = shallowMount(ApiKeysArea, {
store,
localVue,
});
expect(wrapper).toMatchSnapshot();
});
it('function apiKeyList works correctly', (): void => {
store.commit(SET_PAGE, testApiKeysPage);
const wrapper = shallowMount(ApiKeysArea, {
store,
localVue,
});
expect(wrapper.vm.apiKeyList).toEqual([apiKey]);
});
it('action on toggleSelection works correctly', async (): Promise<void> => {
const wrapper = shallowMount(ApiKeysArea, {
store,
localVue,
});
await wrapper.vm.toggleSelection(apiKey);
expect(store.getters.selectedApiKeys.length).toBe(1);
});
it('action on onClearSelection works correctly', async (): Promise<void> => {
const wrapper = shallowMount(ApiKeysArea, {
store,
localVue,
});
await wrapper.vm.onClearSelection();
expect(wrapper.vm.$data.isDeleteClicked).toBe(false);
});
it('function onCreateApiKeyClick works correctly', async (): Promise<void> => {
const wrapper = shallowMount(ApiKeysArea, {
store,
localVue,
});
await wrapper.vm.onCreateApiKeyClick();
expect(wrapper.vm.$data.isNewApiKeyPopupShown).toBe(true);
});
it('function onDeleteClick works correctly', async (): Promise<void> => {
const wrapper = mount(ApiKeysArea, {
store,
localVue,
});
await wrapper.vm.toggleSelection(apiKey);
await wrapper.find('.deletion').trigger('click');
expect(wrapper.vm.$data.isDeleteClicked).toBe(true);
setTimeout(async () => {
await wrapper.find('.deletion').trigger('click');
expect(wrapper.vm.$data.isDeleteClicked).toBe(false);
}, 1000);
await wrapper.vm.onClearSelection();
});
it('function apiKeyCountTitle works correctly', (): void => {
const wrapper = shallowMount(ApiKeysArea, {
store,
localVue,
});
expect(wrapper.vm.apiKeyCountTitle).toMatch('api key');
});
it('function isEmpty works correctly', (): void => {
store.commit(SET_PAGE, testApiKeysPage);
const wrapper = shallowMount(ApiKeysArea, {
store,
localVue,
});
expect(wrapper.vm.isEmpty).toBe(false);
});
it('function selectedAPIKeysCount works correctly', (): void => {
const wrapper = shallowMount(ApiKeysArea, {
store,
localVue,
});
expect(wrapper.vm.selectedAPIKeysCount).toBe(0);
});
it('function headerState works correctly', (): void => {
const wrapper = shallowMount(ApiKeysArea, {
store,
localVue,
});
expect(wrapper.vm.headerState).toBe(0);
});
it('function apiKeyCountTitle with 2 keys works correctly', (): void => {
const testPage = new ApiKeysPage();
testPage.apiKeys = [apiKey, apiKey1];
testPage.totalCount = 1;
testPage.pageCount = 1;
apiKeysApi.setMockApiKeysPage(testPage);
const wrapper = shallowMount(ApiKeysArea, {
store,
localVue,
});
expect(wrapper.vm.apiKeyCountTitle).toMatch('api keys');
});
it('function closeNewApiKeyPopup works correctly', async (): Promise<void> => {
const wrapper = shallowMount(ApiKeysArea, {
store,
localVue,
});
await wrapper.vm.closeNewApiKeyPopup();
expect(wrapper.vm.$data.isNewApiKeyPopupShown).toBe(false);
});
it('function showCopyApiKeyPopup works correctly', async (): Promise<void> => {
const wrapper = shallowMount(ApiKeysArea, {
store,
localVue,
});
2019-09-09 11:33:39 +01:00
const testSecret = 'testSecret';
await wrapper.vm.showCopyApiKeyPopup(testSecret);
expect(wrapper.vm.$data.isCopyApiKeyPopupShown).toBe(true);
expect(wrapper.vm.$data.apiKeySecret).toMatch('testSecret');
});
it('function closeCopyNewApiKeyPopup works correctly', async (): Promise<void> => {
const wrapper = shallowMount(ApiKeysArea, {
store,
localVue,
});
await wrapper.vm.closeCopyNewApiKeyPopup();
expect(wrapper.vm.$data.isCopyApiKeyPopupShown).toBe(false);
});
it('renders empty screen with add key prompt', (): void => {
store.commit(CLEAR);
const wrapper = mount(ApiKeysArea, {
store,
localVue,
});
expect(wrapper).toMatchSnapshot();
});
it('renders empty search state correctly', (): void => {
const testPage = new ApiKeysPage();
testPage.apiKeys = [];
testPage.totalCount = 0;
testPage.pageCount = 0;
testPage.search = 'testSearch';
apiKeysApi.setMockApiKeysPage(testPage);
store.commit(SET_PAGE, testPage);
const wrapper = shallowMount(ApiKeysArea, {
store,
localVue,
});
expect(wrapper).toMatchSnapshot();
});
});