Added test for canceling member subscription on hidden tier

refs https://github.com/TryGhost/Team/issues/1119
refs ba592e891e

Canceling a member on a subscription which is not in list of portal products was throwing an error earlier, this test -

- covers cancel subscription flow for a member on hidden product subscription
- validates fix for above issue by checking confirmation screen correctly shows for cancellation

ghost/portal/src/components/pages/AccountPlanPage.test.js

@@ -1,10 +1,16 @@
 import React from 'react';
+import {generateAccountPlanFixture} from '../../utils/fixtures';
 import {render, fireEvent} from '../../utils/test-utils';
 import AccountPlanPage from './AccountPlanPage';
 
 const setup = (overrides) => {
     const {mockOnActionFn, context, ...utils} = render(
-        <AccountPlanPage />
+        <AccountPlanPage />,
+        {
+            overrideContext: {
+                ...overrides
+            }
+        }
     );
     const monthlyCheckboxEl = utils.getByLabelText('Monthly');
     const yearlyCheckboxEl = utils.getByLabelText('Yearly');
@@ -19,6 +25,23 @@ const setup = (overrides) => {
     };
 };
 
+const customSetup = (overrides) => {
+    const {mockOnActionFn, context, ...utils} = render(
+        <AccountPlanPage />,
+        {
+            overrideContext: {
+                ...overrides
+            }
+        }
+    );
+
+    return {
+        mockOnActionFn,
+        context,
+        ...utils
+    };
+};
+
 describe('Account Plan Page', () => {
     test('renders', () => {
         const {monthlyCheckboxEl, yearlyCheckboxEl, continueBtn} = setup();
@@ -39,4 +62,14 @@ describe('Account Plan Page', () => {
         fireEvent.click(continueBtn);
         expect(mockOnActionFn).toHaveBeenCalledWith('checkoutPlan', {plan: '6085adc776909b1a2382369a'});
     });
+
+    test('can cancel subscription for member on hidden tier', async () => {
+        const overrides = generateAccountPlanFixture();
+        const {queryByRole} = customSetup(overrides);
+        const cancelButton = queryByRole('button', {name: 'Cancel subscription'});
+        expect(cancelButton).toBeInTheDocument();
+        fireEvent.click(cancelButton);
+        const confirmCancelButton = queryByRole('button', {name: 'Confirm cancellation'});
+        expect(confirmCancelButton).toBeInTheDocument();
+    });
 });

ghost/portal/src/utils/fixtures.js

@@ -338,3 +338,14 @@ export const testSite = {
     allow_self_signup: true,
     portal_plans: ['free', 'monthly', 'yearly']
 };
+
+export function generateAccountPlanFixture() {
+    return {
+        site: {
+            ...testSite,
+            products: products,
+            portal_products: ['product_2']
+        },
+        member: member.paid
+    };
+}