add stories

Author: TheSonOfThomp

templates/delete-wizard/src/DeleteWizard.stories.tsx

@@ -2,6 +2,7 @@
 import React from 'react';
 import { faker } from '@faker-js/faker';
 import { StoryObj } from '@storybook/react';
+import { userEvent, within } from '@storybook/test';
 
 import { css } from '@leafygreen-ui/emotion';
 import BeakerIcon from '@leafygreen-ui/icon/Beaker';
@@ -33,6 +34,9 @@ export const LiveExample: StoryObj<typeof DeleteWizard> = {
     controls: {
       exclude: ['children', 'onStepChange'],
     },
+    chromatic: {
+      disableSnapshot: true,
+    },
   },
   args: {
     activeStep: undefined,
@@ -111,3 +115,30 @@ export const LiveExample: StoryObj<typeof DeleteWizard> = {
     );
   },
 };
+
+export const Step1: StoryObj<typeof DeleteWizard> = {
+  args: {
+    activeStep: 0,
+  },
+  render: LiveExample.render,
+};
+
+export const Step2Default: StoryObj<typeof DeleteWizard> = {
+  args: {
+    activeStep: 1,
+  },
+  render: LiveExample.render,
+};
+
+export const Step2Acknowledged: StoryObj<typeof DeleteWizard> = {
+  args: {
+    activeStep: 1,
+  },
+  play: ({ canvasElement }) => {
+    const checkbox = within(canvasElement).getByTestId(
+      'acknowledgement-checkbox',
+    );
+    userEvent.click(checkbox);
+  },
+  render: LiveExample.render,
+};