first commit

services/web/test/frontend/features/subscription/components/canceled-subscription/canceled-subscription.test.tsx

@@ -0,0 +1,24 @@
+import { expect } from 'chai'
+import { render, screen, within } from '@testing-library/react'
+import CanceledSubscription from '../../../../../../frontend/js/features/subscription/components/canceled-subscription/canceled'
+
+describe('canceled subscription page', function () {
+  it('renders the invoices link', function () {
+    render(<CanceledSubscription />)
+
+    screen.getByRole('heading', { name: /subscription canceled/i })
+    const alert = screen.getByRole('alert')
+    within(alert).getByText(/to modify your subscription go to/i)
+    const manageSubscriptionLink = within(alert).getByRole('link', {
+      name: /manage subscription/i,
+    })
+    expect(manageSubscriptionLink.getAttribute('href')).to.equal(
+      '/user/subscription'
+    )
+
+    const backToYourProjectsLink = screen.getByRole('link', {
+      name: /back to your projects/i,
+    })
+    expect(backToYourProjectsLink.getAttribute('href')).to.equal('/project')
+  })
+})