// Copyright (C) 2019 Storj Labs, Inc. // See LICENSE for copying information. import { createLocalVue, shallowMount } from '@vue/test-utils'; import { RouteConfig, router } from '@/router'; import { NotificatorPlugin } from '@/utils/plugins/notificator'; import { AnalyticsHttpApi } from '@/api/analytics'; import DashboardArea from '@/views/DashboardArea.vue'; const localVue = createLocalVue(); localVue.use(new NotificatorPlugin()); describe('Dashboard', () => { beforeEach(() => { jest.resetAllMocks(); jest.spyOn(AnalyticsHttpApi.prototype, 'errorEventTriggered').mockImplementation(() => Promise.resolve()); }); it('renders correctly when data is loading', () => { const wrapper = shallowMount(DashboardArea, { localVue, router, }); expect(wrapper).toMatchSnapshot(); expect(wrapper.findAll('.loading-overlay.active').length).toBe(1); expect(wrapper.findAll('.dashboard-container__wrap').length).toBe(0); }); it('renders correctly when data is loaded', () => { const wrapper = shallowMount(DashboardArea, { localVue, router, }); expect(wrapper).toMatchSnapshot(); expect(wrapper.findAll('.loading-overlay active').length).toBe(0); expect(wrapper.findAll('.dashboard__wrap').length).toBe(1); }); it('loads routes correctly when authorithed without project with available routes', async () => { const availableWithoutProject = [ RouteConfig.Account.with(RouteConfig.Billing).path, RouteConfig.Account.with(RouteConfig.Settings).path, ]; for (let i = 0; i < availableWithoutProject.length; i++) { const wrapper = await shallowMount(DashboardArea, { localVue, router, }); setTimeout(() => { expect(wrapper.vm.$router.currentRoute.path).toBe(availableWithoutProject[i]); }, 50); } }); it('loads routes correctly when authorithed without project with unavailable routes', async () => { const unavailableWithoutProject = [ RouteConfig.AccessGrants.path, RouteConfig.Team.path, RouteConfig.ProjectDashboard.path, ]; for (let i = 0; i < unavailableWithoutProject.length; i++) { await router.push(unavailableWithoutProject[i]); const wrapper = await shallowMount(DashboardArea, { localVue, router, }); setTimeout(() => { expect(wrapper.vm.$router.currentRoute.path).toBe(RouteConfig.ProjectDashboard.path); }, 50); } }); it('loads routes correctly when not authorithed', () => { const wrapper = shallowMount(DashboardArea, { localVue, router, }); setTimeout(() => { expect(wrapper.vm.$router.currentRoute.path).toBe(RouteConfig.Login.path); }, 50); }); });