Merge pull request #20424 from mozilla/fix-page-delete-account-story

fix(storybook): fix page delete account storybook

Author: vpomerleau

packages/fxa-settings/src/components/Settings/PageDeleteAccount/index.stories.tsx

@@ -8,17 +8,40 @@ import { LocationProvider } from '@reach/router';
 import { Meta } from '@storybook/react';
 import { withLocalization } from 'fxa-react/lib/storybooks';
 import SettingsLayout from '../SettingsLayout';
+import { Account, AppContext } from '../../../models';
+import { mockAppContext, MOCK_ACCOUNT } from '../../../models/mocks';
 
 export default {
   title: 'Pages/Settings/DeleteAccount',
   component: PageDeleteAccount,
   decorators: [withLocalization],
 } as Meta;
 
-export const Default = () => (
-  <LocationProvider>
-    <SettingsLayout>
-      <PageDeleteAccount />
-    </SettingsLayout>
-  </LocationProvider>
-);
+const accountWithPassword = {
+  ...MOCK_ACCOUNT,
+  hasPassword: true,
+  destroy: () => Promise.resolve(),
+} as unknown as Account;
+
+const accountWithoutPassword = {
+  ...MOCK_ACCOUNT,
+  hasPassword: false,
+  destroy: () => Promise.resolve(),
+} as unknown as Account;
+
+const storyWithContext = (account: Account) => {
+  const story = () => (
+    <LocationProvider>
+      <AppContext.Provider value={mockAppContext({ account })}>
+        <SettingsLayout>
+          <PageDeleteAccount />
+        </SettingsLayout>
+      </AppContext.Provider>
+    </LocationProvider>
+  );
+  return story;
+};
+
+export const Default = storyWithContext(accountWithPassword);
+
+export const WithoutPassword = storyWithContext(accountWithoutPassword);