Дмитрий
124 lines
4.6 KiB
TypeScript
124 lines
4.6 KiB
TypeScript
import { describe, it, expect, vi, beforeEach } from 'vitest';
|
|
import { mount, flushPromises } from '@vue/test-utils';
|
|
import { createVuetify } from 'vuetify';
|
|
import BillingView from '../../resources/js/views/BillingView.vue';
|
|
import * as billingApi from '../../resources/js/api/billing';
|
|
import type { Wallet } from '../../resources/js/api/billing';
|
|
|
|
vi.mock('../../resources/js/api/billing');
|
|
|
|
const vuetify = createVuetify();
|
|
|
|
function makeWallet(): Wallet {
|
|
return {
|
|
balance_rub: '14250.00',
|
|
balance_leads: 285,
|
|
runway_days: 142,
|
|
tariff: {
|
|
code: 'pro',
|
|
name: 'Про',
|
|
price_monthly: '990.00',
|
|
billing_model: 'hybrid',
|
|
features: ['webhook', 'kanban', 'api'],
|
|
},
|
|
};
|
|
}
|
|
|
|
describe('BillingView.vue', () => {
|
|
beforeEach(() => {
|
|
vi.mocked(billingApi.getWallet).mockResolvedValue(makeWallet());
|
|
});
|
|
|
|
const factory = () =>
|
|
mount(BillingView, {
|
|
global: {
|
|
plugins: [vuetify],
|
|
stubs: { TransactionsTable: true, InvoicesTable: true, ChargesTab: true, TopupDialog: true },
|
|
},
|
|
});
|
|
|
|
it('монтируется с заголовком «Биллинг и тарифы»', async () => {
|
|
const wrapper = factory();
|
|
await flushPromises();
|
|
expect(wrapper.find('h1').text()).toBe('Биллинг и тарифы');
|
|
});
|
|
|
|
it('загружает кошелёк и показывает баланс в шапке', async () => {
|
|
const wrapper = factory();
|
|
await flushPromises();
|
|
expect(billingApi.getWallet).toHaveBeenCalled();
|
|
const text = wrapper.text();
|
|
expect(text).toMatch(/14\s+250\s*₽/);
|
|
expect(text).toContain('285');
|
|
});
|
|
|
|
it('показывает тариф из API в BalanceCard', async () => {
|
|
const wrapper = factory();
|
|
await flushPromises();
|
|
const text = wrapper.text();
|
|
expect(text).toContain('Про');
|
|
expect(text).toContain('Канбан');
|
|
expect(text).toContain('Webhook');
|
|
});
|
|
|
|
it('показывает «Тариф не выбран» при tariff=null', async () => {
|
|
vi.mocked(billingApi.getWallet).mockResolvedValue({
|
|
balance_rub: '0.00',
|
|
balance_leads: 0,
|
|
runway_days: null,
|
|
tariff: null,
|
|
});
|
|
const wrapper = factory();
|
|
await flushPromises();
|
|
expect(wrapper.text()).toContain('Тариф не выбран');
|
|
});
|
|
|
|
it('показывает error-alert при сбое загрузки кошелька', async () => {
|
|
vi.mocked(billingApi.getWallet).mockRejectedValue(new Error('network'));
|
|
const wrapper = factory();
|
|
await flushPromises();
|
|
expect(wrapper.text()).toContain('Не удалось загрузить');
|
|
});
|
|
|
|
it('кнопка «Повторить» перезагружает кошелёк после ошибки', async () => {
|
|
vi.mocked(billingApi.getWallet).mockReset();
|
|
vi.mocked(billingApi.getWallet)
|
|
.mockRejectedValueOnce(new Error('network'))
|
|
.mockResolvedValueOnce(makeWallet());
|
|
const wrapper = factory();
|
|
await flushPromises();
|
|
expect(wrapper.text()).toContain('Не удалось загрузить');
|
|
|
|
const retry = wrapper.findAll('button').find((b) => b.text().includes('Повторить'));
|
|
expect(retry).toBeDefined();
|
|
await retry!.trigger('click');
|
|
await flushPromises();
|
|
|
|
expect(billingApi.getWallet).toHaveBeenCalledTimes(2);
|
|
expect(wrapper.text()).toMatch(/14\s+250\s*₽/);
|
|
});
|
|
|
|
it('содержит табы Обзор / Списания', async () => {
|
|
const wrapper = factory();
|
|
await flushPromises();
|
|
const text = wrapper.text();
|
|
expect(text).toContain('Обзор');
|
|
expect(text).toContain('Списания');
|
|
});
|
|
|
|
it('кнопка «Пополнить баланс» открывает TopupDialog', async () => {
|
|
const wrapper = factory();
|
|
await flushPromises();
|
|
const btn = wrapper.findAll('button').find((b) => b.text().includes('Пополнить баланс'));
|
|
expect(btn).toBeDefined();
|
|
await btn!.trigger('click');
|
|
expect((wrapper.vm as unknown as { topupOpen: boolean }).topupOpen).toBe(true);
|
|
});
|
|
|
|
it('не показывает pending-баннер (E4 — mock убран)', async () => {
|
|
const wrapper = factory();
|
|
await flushPromises();
|
|
expect(wrapper.text()).not.toContain('в обработке');
|
|
});
|
|
});
|