Generate Tests from UXDL

1// Unit Test (Vitest + React Testing Library)
2describe('UXDL Address: checkout.states.payment_failed', () => {
3  it('renders payment_failed state with retry action', () => {
4    render(<CheckoutPage state="payment_failed" />);
5    expect(screen.getByText(/card declined/i)).toBeInTheDocument();
6    expect(screen.getByRole('button', { name: /retry payment/i })).toBeInTheDocument();
7  });
8});
9
10// E2E Test (Playwright)
11test('UXDL Path: checkout.actions.retry_payment -> billing', async ({ page }) => {
12  await page.goto('/checkout');
13  await page.click('button:has-text("Retry Payment")');
14  await expect(page).toHaveURL('/billing');
15});