storj/web/satellite/tests/unit/referralStats/referralStats.spec.ts

109 lines
3.3 KiB
TypeScript

// Copyright (C) 2019 Storj Labs, Inc.
// See LICENSE for copying information.
import { createLocalVue, mount } from '@vue/test-utils';
import Vuex from 'vuex';
import ReferralStats from '@/components/referral/ReferralStats.vue';
import { CreditUsage } from '@/types/credits';
import { User } from '@/types/users';
import { makeCreditsModule } from '@/store/modules/credits';
import { makeUsersModule, USER_ACTIONS } from '@/store/modules/users';
import { UsersApiMock } from '../mock/api/users';
import { CreditsApiMock } from '../mock/api/credits';
const {
GET,
} = USER_ACTIONS;
const localVue = createLocalVue();
localVue.use(Vuex);
const mockUser = new User('1', 'full name', 'short name');
const mockCredits = new CreditUsage(1, 2, 3);
const creditsApi = new CreditsApiMock();
creditsApi.setMockCredits(mockCredits);
const usersApi = new UsersApiMock();
usersApi.setMockUser(mockUser);
const usersModule = makeUsersModule(usersApi);
const creditsModule = makeCreditsModule(creditsApi);
const store = new Vuex.Store({ modules: { usersModule, creditsModule } });
store.dispatch(GET);
describe('ReferralStats', () => {
it('fetch method populate store', async () => {
const wrapper = mount(ReferralStats, {
store,
localVue,
});
await wrapper.vm.fetch();
const storeState = (store.state as any).creditsModule;
expect(storeState.referred).toBe(mockCredits.referred);
expect(storeState.usedCredits).toBe(mockCredits.usedCredits);
expect(storeState.availableCredits).toBe(mockCredits.availableCredits);
});
it('snapshot not changed', () => {
const wrapper = mount(ReferralStats, {
store,
localVue,
});
expect(wrapper).toMatchSnapshot();
});
it('title renders correctly', () => {
const wrapper = mount(ReferralStats, {
store,
localVue,
});
const title = wrapper.find('.referral-stats__title');
expect(title.text()).toBe(`${mockUser.fullName}, ${wrapper.vm.$data.TITLE_SUFFIX}`);
});
it('credits type title renders correctly', () => {
const wrapper = mount(ReferralStats, {
store,
localVue,
});
const titles = wrapper.findAll('.referral-stats__card-title');
expect(titles.at(0).text()).toBe(wrapper.vm.$data.stats[0].title);
expect(titles.at(1).text()).toBe(wrapper.vm.$data.stats[1].title);
expect(titles.at(2).text()).toBe(wrapper.vm.$data.stats[2].title);
});
it('credits type description renders correctly', () => {
const wrapper = mount(ReferralStats, {
store,
localVue,
});
const descriptions = wrapper.findAll('.referral-stats__card-description');
expect(descriptions.at(0).text()).toBe(wrapper.vm.$data.stats[0].description);
expect(descriptions.at(1).text()).toBe(wrapper.vm.$data.stats[1].description);
expect(descriptions.at(2).text()).toBe(wrapper.vm.$data.stats[2].description);
});
it('credits type symbol with value renders correctly', () => {
const wrapper = mount(ReferralStats, {
store,
localVue,
});
const descriptions = wrapper.findAll('.referral-stats__card-number');
// TODO: write assertions when 'stat.symbol + usage[key]' will be fixed
});
});