storj/web/satellite/tests/unit/store/projects.spec.ts
Yehor Butko 8fb70aed11
Satellite frontend refactoring (#2537)
Satellite frontend refactoring
2019-07-18 16:39:39 +03:00

377 lines
11 KiB
TypeScript

// Copyright (C) 2019 Storj Labs, Inc.
// See LICENSE for copying information.
import { projectsModule } from '@/store/modules/projects';
import * as api from '@/api/projects';
import { createProjectRequest, deleteProjectRequest, fetchProjectsRequest, updateProjectRequest } from '@/api/projects';
import { PROJECTS_MUTATIONS } from '@/store/mutationConstants';
import { createLocalVue } from '@vue/test-utils';
import Vuex from 'vuex';
import { RequestResponse } from '@/types/response';
import { Project } from '@/types/projects';
const mutations = projectsModule.mutations;
describe('mutations', () => {
beforeEach(() => {
createLocalVue().use(Vuex);
});
it('create project', () => {
const state = {
projects: [],
};
const project = {
name: 'testName',
};
const store = new Vuex.Store({state, mutations});
store.commit(PROJECTS_MUTATIONS.CREATE, project);
expect(state.projects.length).toBe(1);
const mutatedProject: Project = state.projects[0];
expect(mutatedProject.name).toBe('testName');
});
it('fetch project', () => {
const state = {
projects: []
};
const store = new Vuex.Store({state, mutations});
const projectsToPush = [{id: '1'}, {id: '2'}];
store.commit(PROJECTS_MUTATIONS.FETCH, projectsToPush);
expect(state.projects.length).toBe(2);
});
it('success select project', () => {
const state = {
projects: [{id: '1'}, {id: 'testId'}, {id: '2'}, ],
selectedProject: {
id: ''
}
};
const store = new Vuex.Store({state, mutations});
const projectId = 'testId';
store.commit(PROJECTS_MUTATIONS.SELECT, projectId);
expect(state.selectedProject.id).toBe('testId');
});
it('error select project', () => {
const state = {
projects: [{id: '1'}, {id: 'testId'}, {id: '2'}, ],
selectedProject: {
id: 'old'
}
};
const store = new Vuex.Store({state, mutations});
const projectId = '3';
store.commit(PROJECTS_MUTATIONS.SELECT, projectId);
expect(state.selectedProject.id).toBe('old');
});
it('error update project not exist', () => {
const state = {
projects: [{id: '1'}, {id: 'testId'}, {id: '2'}, ],
selectedProject: {
id: 'old'
}
};
const store = new Vuex.Store({state, mutations});
const projectId = {id: '3'};
store.commit(PROJECTS_MUTATIONS.UPDATE, projectId);
expect(state.selectedProject.id).toBe('old');
});
it('error update project not selected', () => {
const state = {
projects: [{id: '1'}, {id: 'testId'}, {id: '2'}, ],
selectedProject: {
id: 'old',
description: 'oldD'
}
};
const store = new Vuex.Store({state, mutations});
const project = {id: '2', description: 'newD'};
store.commit(PROJECTS_MUTATIONS.UPDATE, project);
expect(state.selectedProject.id).toBe('old');
expect(state.selectedProject.description).toBe('oldD');
});
it('success update project', () => {
const state = {
projects: [{id: '1'}, {id: 'testId'}, {id: '2'}],
selectedProject: {
id: '2',
description: 'oldD'
}
};
const store = new Vuex.Store({state, mutations});
const project = {id: '2', description: 'newD'};
store.commit(PROJECTS_MUTATIONS.UPDATE, project);
expect(state.selectedProject.id).toBe('2');
expect(state.selectedProject.description).toBe('newD');
});
it('error delete project', () => {
const state = {
selectedProject: {
id: '1',
}
};
const store = new Vuex.Store({state, mutations});
const projectId = '2';
store.commit(PROJECTS_MUTATIONS.DELETE, projectId);
expect(state.selectedProject.id).toBe('1');
});
it('success delete project', () => {
const state = {
selectedProject: {
id: '2',
}
};
const store = new Vuex.Store({state, mutations});
const projectId = '2';
store.commit(PROJECTS_MUTATIONS.DELETE, projectId);
expect(state.selectedProject.id).toBe('');
});
});
describe('actions', () => {
beforeEach(() => {
jest.resetAllMocks();
});
it('success fetch project', async () => {
jest.spyOn(api, 'fetchProjectsRequest').mockReturnValue(
Promise.resolve(<RequestResponse<Project[]>>{isSuccess: true, data: [{id: '1'}, {id: '2'}]})
);
const commit = jest.fn();
const dispatchResponse = await projectsModule.actions.fetchProjects({commit});
expect(dispatchResponse.isSuccess).toBeTruthy();
expect(commit).toHaveBeenCalledWith(PROJECTS_MUTATIONS.FETCH, [{id: '1'}, {id: '2'}]);
});
it('error fetch project', async () => {
jest.spyOn(api, 'fetchProjectsRequest').mockReturnValue(
Promise.resolve(<RequestResponse<Project[]>>{isSuccess: false})
);
const commit = jest.fn();
const dispatchResponse = await projectsModule.actions.fetchProjects({commit});
expect(dispatchResponse.isSuccess).toBeFalsy();
expect(commit).toHaveBeenCalledTimes(0);
});
it('success create project', async () => {
jest.spyOn(api, 'createProjectRequest').mockReturnValue(
Promise.resolve(<RequestResponse<Project>>{isSuccess: true, data: {id: '1'}})
);
const commit = jest.fn();
const project: Project = {
name: '',
id: '',
description: '',
isSelected: false,
createdAt: ''
};
const dispatchResponse = await projectsModule.actions.createProject({commit}, project);
expect(dispatchResponse.isSuccess).toBeTruthy();
expect(commit).toHaveBeenCalledWith(PROJECTS_MUTATIONS.CREATE, {id: '1'});
});
it('error create project', async () => {
jest.spyOn(api, 'createProjectRequest').mockReturnValue(
Promise.resolve(<RequestResponse<Project>>{isSuccess: false})
);
const commit = jest.fn();
const project: Project = {
name: '',
id: '',
description: '',
isSelected: false,
createdAt: ''
};
const dispatchResponse = await projectsModule.actions.createProject({commit}, project);
expect(dispatchResponse.isSuccess).toBeFalsy();
expect(commit).toHaveBeenCalledTimes(0);
});
it('success select project', () => {
const commit = jest.fn();
projectsModule.actions.selectProject({commit}, 'id');
expect(commit).toHaveBeenCalledWith(PROJECTS_MUTATIONS.SELECT, 'id');
});
it('success update project description', async () => {
jest.spyOn(api, 'updateProjectRequest').mockReturnValue(Promise.resolve(<RequestResponse<null>>{isSuccess: true}));
const commit = jest.fn();
const project: Project = {
name: '',
id: 'id',
description: 'desc',
isSelected: false,
createdAt: ''
};
const dispatchResponse = await projectsModule.actions.updateProject({commit}, project);
expect(dispatchResponse.isSuccess).toBeTruthy();
expect(commit).toBeCalledWith(PROJECTS_MUTATIONS.UPDATE, project);
});
it('error update project description', async () => {
jest.spyOn(api, 'updateProjectRequest').mockReturnValue(Promise.resolve(<RequestResponse<null>>{isSuccess: false}));
const commit = jest.fn();
const project: Project = {
name: '',
id: '',
description: '',
isSelected: false,
createdAt: ''
};
const dispatchResponse = await projectsModule.actions.updateProject({commit}, project);
expect(dispatchResponse.isSuccess).toBeFalsy();
expect(commit).toHaveBeenCalledTimes(0);
});
it('success delete project', async () => {
jest.spyOn(api, 'deleteProjectRequest').mockReturnValue(Promise.resolve(<RequestResponse<null>>{isSuccess: true}));
const commit = jest.fn();
const project = 'id';
const dispatchResponse = await projectsModule.actions.deleteProject({commit}, project);
expect(dispatchResponse.isSuccess).toBeTruthy();
expect(commit).toHaveBeenCalledWith(PROJECTS_MUTATIONS.DELETE, project);
});
it('error delete project', async () => {
jest.spyOn(api, 'deleteProjectRequest').mockReturnValue(Promise.resolve(<RequestResponse<null>>{isSuccess: false}));
const commit = jest.fn();
const dispatchResponse = await projectsModule.actions.deleteProject({commit}, 'id');
expect(dispatchResponse.isSuccess).toBeFalsy();
expect(commit).toHaveBeenCalledTimes(0);
});
});
describe('getters', () => {
it('getter projects', () => {
const state = {
projects: [
{
name: '1',
id: '1',
companyName: '1',
description: '1',
createdAt: '1',
}],
selectedProject: {
id: '1'
}
};
const projectsGetterArray = projectsModule.getters.projects(state);
expect(projectsGetterArray.length).toBe(1);
const firstProject = projectsGetterArray[0];
expect(firstProject.name).toBe('1');
expect(firstProject.id).toBe('1');
expect(firstProject.description).toBe('1');
expect(firstProject.createdAt).toBe('1');
});
it('getter projects', () => {
const state = {
projects: [{
name: '1',
id: '1',
companyName: '1',
description: '1',
isTermsAccepted: true,
createdAt: '1',
}],
selectedProject: {
id: '2'
}
};
const projectsGetterArray = projectsModule.getters.projects(state);
expect(projectsGetterArray.length).toBe(1);
const firstProject = projectsGetterArray[0];
expect(firstProject.name).toBe('1');
expect(firstProject.id).toBe('1');
expect(firstProject.description).toBe('1');
expect(firstProject.createdAt).toBe('1');
});
it('getters selected project', () => {
const state = {
selectedProject: {
name: '1',
id: '1',
description: '1',
isTermsAccepted: true,
createdAt: '1',
}
};
const selectedProjectGetterObject = projectsModule.getters.selectedProject(state);
expect(selectedProjectGetterObject.name).toBe('1');
expect(selectedProjectGetterObject.id).toBe('1');
expect(selectedProjectGetterObject.description).toBe('1');
expect(selectedProjectGetterObject.createdAt).toBe('1');
});
});