52 lines
1.4 KiB
TypeScript
52 lines
1.4 KiB
TypeScript
import { afterEach, describe, expect, it } from 'vitest';
|
|
import { cleanup, fireEvent, render, screen } from '@testing-library/react';
|
|
import Pricing from '../app/_components/Pricing';
|
|
|
|
afterEach(() => {
|
|
cleanup();
|
|
window.history.pushState({}, '', '/');
|
|
});
|
|
|
|
describe('Pricing', () => {
|
|
it('uses the canonical GET checkout URL for Team checkout', () => {
|
|
render(<Pricing />);
|
|
|
|
const monthlyCta = screen.getByRole('link', {
|
|
name: 'landing.pricing.tiers.teams.cta',
|
|
});
|
|
expect(monthlyCta).toHaveAttribute(
|
|
'href',
|
|
'/api/stripe/checkout?tier=teams&billing=monthly',
|
|
);
|
|
|
|
fireEvent.click(
|
|
screen.getByRole('button', { name: /landing\.pricing\.toggle\.annual/ }),
|
|
);
|
|
|
|
const annualCta = screen.getByRole('link', {
|
|
name: 'landing.pricing.tiers.teams.cta',
|
|
});
|
|
expect(annualCta).toHaveAttribute(
|
|
'href',
|
|
'/api/stripe/checkout?tier=teams&billing=annual',
|
|
);
|
|
});
|
|
|
|
it('shows a retry path after a cancelled checkout', async () => {
|
|
window.history.pushState({}, '', '/?checkout=cancelled#pricing');
|
|
|
|
render(<Pricing />);
|
|
|
|
const notice = await screen.findByRole('status');
|
|
expect(notice).toHaveTextContent('landing.pricing.notices.cancelled');
|
|
expect(
|
|
screen.getByRole('link', {
|
|
name: 'landing.pricing.notices.retry',
|
|
}),
|
|
).toHaveAttribute(
|
|
'href',
|
|
'/api/stripe/checkout?tier=teams&billing=monthly',
|
|
);
|
|
});
|
|
});
|