9ace375ee0
This change switches the backend logic to use the new DB column on the users table to restrict project creation. Furthermore it back fills the existing limits from registration tokens to the new column to ensure no users are reset to the new default. UI is updated to reflect ability to create several projects Change-Id: Ie29157430ae6b065411ca4c4557c9f1be69cdc4f
88 lines
3.2 KiB
TypeScript
88 lines
3.2 KiB
TypeScript
// Copyright (C) 2020 Storj Labs, Inc.
|
|
// See LICENSE for copying information.
|
|
|
|
import Vuex from 'vuex';
|
|
|
|
import NewProjectArea from '@/components/header/NewProjectArea.vue';
|
|
|
|
import { router } from '@/router';
|
|
import { appStateModule } from '@/store/modules/appState';
|
|
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 { APP_STATE_MUTATIONS } from '@/store/mutationConstants';
|
|
import {
|
|
AccountBalance,
|
|
CreditCard,
|
|
PaymentsHistoryItem,
|
|
PaymentsHistoryItemStatus,
|
|
PaymentsHistoryItemType,
|
|
} 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.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, appStateModule }});
|
|
|
|
describe('NewProjectArea', () => {
|
|
it('renders correctly without projects and without payment methods', () => {
|
|
const wrapper = mount(NewProjectArea, {
|
|
store,
|
|
localVue,
|
|
router,
|
|
});
|
|
|
|
expect(wrapper).toMatchSnapshot();
|
|
expect(wrapper.findAll('.new-project-button-container').length).toBe(0); // user is unable to create project.
|
|
});
|
|
|
|
it('renders correctly without projects and with credit card', async () => {
|
|
const creditCard = new CreditCard('id', 1, 2000, 'test', '0000', true);
|
|
|
|
await store.commit(PAYMENTS_MUTATIONS.SET_CREDIT_CARDS, [creditCard]);
|
|
|
|
const wrapper = mount(NewProjectArea, {
|
|
store,
|
|
localVue,
|
|
router,
|
|
});
|
|
|
|
expect(wrapper).toMatchSnapshot();
|
|
expect(wrapper.findAll('.new-project-button-container').length).toBe(1);
|
|
|
|
await wrapper.find('.new-project-button-container').trigger('click');
|
|
|
|
expect(wrapper).toMatchSnapshot();
|
|
});
|
|
|
|
it('renders correctly without projects and with completed 50$ transaction', () => {
|
|
const paymentsTransactionItem = new PaymentsHistoryItem('itemId', 'test', 50, 50,
|
|
PaymentsHistoryItemStatus.Completed, 'test', new Date(), new Date(), PaymentsHistoryItemType.Transaction);
|
|
store.commit(PAYMENTS_MUTATIONS.CLEAR);
|
|
store.commit(PAYMENTS_MUTATIONS.SET_PAYMENTS_HISTORY, [paymentsTransactionItem]);
|
|
store.commit(PAYMENTS_MUTATIONS.SET_BALANCE, new AccountBalance(0, 5000));
|
|
|
|
const wrapper = mount(NewProjectArea, {
|
|
store,
|
|
localVue,
|
|
router,
|
|
});
|
|
|
|
expect(wrapper.findAll('.new-project-button-container').length).toBe(1);
|
|
});
|
|
});
|