70 lines
1.9 KiB
TypeScript
70 lines
1.9 KiB
TypeScript
import React from 'react';
|
|
import { describe, expect, it, vi, beforeEach } from 'vitest';
|
|
import { act, render, screen, waitFor } from '@testing-library/react';
|
|
import '@testing-library/jest-dom';
|
|
import type { TFunction } from 'i18next';
|
|
import { PaddleCheckout } from '../pages/WelcomeOrderSummaryPage';
|
|
|
|
const { createPaddleCheckoutMock } = vi.hoisted(() => ({
|
|
createPaddleCheckoutMock: vi.fn(),
|
|
}));
|
|
|
|
vi.mock('../../api', () => ({
|
|
assignFreeTenantPackage: vi.fn(),
|
|
createTenantPaddleCheckout: createPaddleCheckoutMock,
|
|
}));
|
|
|
|
describe('PaddleCheckout', () => {
|
|
beforeEach(() => {
|
|
createPaddleCheckoutMock.mockReset();
|
|
});
|
|
|
|
it('opens Paddle checkout when created successfully', async () => {
|
|
createPaddleCheckoutMock.mockResolvedValue({ checkout_url: 'https://paddle.example/checkout' });
|
|
const onSuccess = vi.fn();
|
|
const openSpy = vi.spyOn(window, 'open').mockImplementation(() => null);
|
|
const tMock = ((key: string) => key) as unknown as TFunction;
|
|
|
|
render(
|
|
<PaddleCheckout
|
|
packageId={99}
|
|
onSuccess={onSuccess}
|
|
t={tMock}
|
|
/>
|
|
);
|
|
|
|
await act(async () => {
|
|
screen.getByRole('button').click();
|
|
});
|
|
|
|
await waitFor(() => {
|
|
expect(createPaddleCheckoutMock).toHaveBeenCalledWith(99);
|
|
expect(openSpy).toHaveBeenCalledWith('https://paddle.example/checkout', '_blank', 'noopener');
|
|
expect(onSuccess).toHaveBeenCalled();
|
|
});
|
|
|
|
openSpy.mockRestore();
|
|
});
|
|
|
|
it('shows an error message on failure', async () => {
|
|
createPaddleCheckoutMock.mockRejectedValue(new Error('boom'));
|
|
const tMock = ((key: string) => key) as unknown as TFunction;
|
|
|
|
render(
|
|
<PaddleCheckout
|
|
packageId={99}
|
|
onSuccess={vi.fn()}
|
|
t={tMock}
|
|
/>
|
|
);
|
|
|
|
await act(async () => {
|
|
screen.getByRole('button').click();
|
|
});
|
|
|
|
await waitFor(() => {
|
|
expect(screen.getByRole('alert')).toHaveTextContent('boom');
|
|
});
|
|
});
|
|
});
|