moving

apps/www/__tests__/Pricing.test.tsx

@@ -0,0 +1,51 @@
+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',
+    );
+  });
+});