test: add test to valid onBlur has been called

okta · Dec 1, 2023 · 187e42e · 187e42e
1 parent 18ba778
commit 187e42e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/Checkbox/Checkbox.stories.tsx b/packages/odyssey-storybook/src/components/odyssey-mui/Checkbox/Checkbox.stories.tsx
@@ -155,14 +155,16 @@ export default storybookMeta;
 const checkTheBox =
   ({ canvasElement, step }: PlaywrightProps<CheckboxProps>) =>
   async (actionName: string) => {
-    await step("check the box", async () => {
+    await step("check the box", async ({ args }) => {
       const canvas = within(canvasElement);
       const checkBox = canvas.getByRole("checkbox") as HTMLInputElement;
       if (checkBox) {
         userEvent.click(checkBox);
       }
       userEvent.tab();
       expect(checkBox).toBeChecked();
+      userEvent.click(canvasElement);
+      expect(args.onBlur).toHaveBeenCalled();
       axeRun(actionName);
     });
   };

diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/Radio/Radio.stories.tsx b/packages/odyssey-storybook/src/components/odyssey-mui/Radio/Radio.stories.tsx
@@ -100,13 +100,15 @@ export default storybookMeta;
 
 export const Default: StoryObj<typeof Radio> = {
   play: async ({ canvasElement, step }) => {
-    await step("select the radio button", async () => {
+    await step("select the radio button", async ({ args }) => {
       const canvas = within(canvasElement);
       const radio = canvas.getByRole("radio") as HTMLInputElement;
       if (radio) {
         userEvent.click(radio);
       }
       expect(radio).toBeChecked();
+      userEvent.click(canvasElement);
+      expect(args.onBlur).toHaveBeenCalled();
       axeRun("Radio Default");
     });
   },