8620532a05
This contains also multiple fixes to make it work. The following is a non-exhaustive list. When @Prop default value is a callback, then it is called instead of set verbatim. This means, when you want a default value to be a callback, then it needs to be `default: () => () => X`. jest does not yet properly support WebWorkers, hence the code introduces an indirection to provide the worker URL. This in turn required removing the global "store" dependency from the tests. As a consequence the new NotificatorPlugin takes store as a dependency. And many of the tests are adjusted to not import store directly. Moved StoreModule definition to avoid initializing the global store. Some of the router code was moved into store. We can later figure out how to structure it better and move it back. bip39 needs explicit fallbacks for some of the dependencies. Fixes to timer mocking. jest supports it natively. Remove sinon dependency. jest provides all the functionality we need. Change-Id: I7af3599390c63ce9f99dbd0b1e0870e9f8ca994d
103 lines
3.9 KiB
TypeScript
103 lines
3.9 KiB
TypeScript
// Copyright (C) 2020 Storj Labs, Inc.
|
|
// See LICENSE for copying information.
|
|
|
|
import Vuex from 'vuex';
|
|
|
|
import EstimatedCostsAndCredits from '@/components/account/billing/estimatedCostsAndCredits/EstimatedCostsAndCredits.vue';
|
|
|
|
import { makePaymentsModule, PAYMENTS_MUTATIONS } from '@/store/modules/payments';
|
|
import { makeProjectsModule, PROJECTS_MUTATIONS } from '@/store/modules/projects';
|
|
import { makeUsersModule, USER_MUTATIONS } from '@/store/modules/users';
|
|
import { ProjectUsageAndCharges } from '@/types/payments';
|
|
import { Project } from '@/types/projects';
|
|
import { User } from '@/types/users';
|
|
import { createLocalVue, mount } from '@vue/test-utils';
|
|
|
|
import { PaymentsMock } from '../../../mock/api/payments';
|
|
import { ProjectsApiMock } from '../../../mock/api/projects';
|
|
import { UsersApiMock } from '../../../mock/api/users';
|
|
|
|
const localVue = createLocalVue();
|
|
localVue.filter('centsToDollars', (cents: number): string => {
|
|
return `USD $${(cents / 100).toFixed(2)}`;
|
|
});
|
|
localVue.use(Vuex);
|
|
|
|
const usersApi = new UsersApiMock();
|
|
const usersModule = makeUsersModule(usersApi);
|
|
const projectsApi = new ProjectsApiMock();
|
|
const projectsModule = makeProjectsModule(projectsApi);
|
|
const paymentsApi = new PaymentsMock();
|
|
const paymentsModule = makePaymentsModule(paymentsApi);
|
|
const store = new Vuex.Store({ modules: { usersModule, projectsModule, paymentsModule }});
|
|
|
|
const now = new Date(2020, 4, 1, 12 /* avoid timezone issues */, 1, 1, 1);
|
|
paymentsModule.state.startDate = now; // TODO: we shouldn't need to do this
|
|
paymentsModule.state.endDate = now;
|
|
|
|
const project = new Project('id', 'projectName', 'projectDescription', 'test', 'testOwnerId', true);
|
|
const project1 = new Project('id1', 'projectName1', 'projectDescription1', 'test', 'testOwnerId1', false);
|
|
const user = new User('testOwnerId');
|
|
const date = new Date(1970, 1, 1);
|
|
const projectCharge = new ProjectUsageAndCharges(date, date, 100, 100, 100, 'id', 100, 100, 100);
|
|
const projectCharge1 = new ProjectUsageAndCharges(date, date, 100, 100, 100, 'id1', 100, 100, 100);
|
|
const {
|
|
SET_PROJECT_USAGE_AND_CHARGES,
|
|
SET_PRICE_SUMMARY,
|
|
} = PAYMENTS_MUTATIONS;
|
|
|
|
describe('EstimatedCostsAndCredits', (): void => {
|
|
beforeEach(() => {
|
|
jest.useFakeTimers("modern");
|
|
jest.setSystemTime(now);
|
|
});
|
|
afterAll(() => {
|
|
jest.useRealTimers();
|
|
});
|
|
|
|
it('renders correctly with project and no project usage and charges', async (): Promise<void> => {
|
|
await store.commit(USER_MUTATIONS.SET_USER, user);
|
|
await store.commit(PROJECTS_MUTATIONS.ADD, project);
|
|
|
|
const wrapper = mount(EstimatedCostsAndCredits, {
|
|
store,
|
|
localVue,
|
|
});
|
|
|
|
await wrapper.setData({ isDataFetching: false });
|
|
|
|
expect(wrapper).toMatchSnapshot();
|
|
});
|
|
|
|
it('renders correctly with project and project usage and charges', async (): Promise<void> => {
|
|
await store.commit(PROJECTS_MUTATIONS.ADD, project);
|
|
await store.commit(SET_PROJECT_USAGE_AND_CHARGES, [projectCharge]);
|
|
await store.commit(SET_PRICE_SUMMARY, [projectCharge]);
|
|
|
|
const wrapper = mount(EstimatedCostsAndCredits, {
|
|
store,
|
|
localVue,
|
|
});
|
|
|
|
await wrapper.setData({ isDataFetching: false });
|
|
|
|
expect(wrapper).toMatchSnapshot();
|
|
});
|
|
|
|
it('renders correctly with 2 projects and project usage and charges', async (): Promise<void> => {
|
|
await store.commit(PROJECTS_MUTATIONS.ADD, project);
|
|
await store.commit(PROJECTS_MUTATIONS.ADD, project1);
|
|
await store.commit(SET_PROJECT_USAGE_AND_CHARGES, [projectCharge, projectCharge1]);
|
|
await store.commit(SET_PRICE_SUMMARY, [projectCharge, projectCharge1]);
|
|
|
|
const wrapper = mount(EstimatedCostsAndCredits, {
|
|
store,
|
|
localVue,
|
|
});
|
|
|
|
await wrapper.setData({ isDataFetching: false });
|
|
|
|
expect(wrapper).toMatchSnapshot();
|
|
});
|
|
});
|