test: add test using selector for readOnly

okta · Aug 22, 2024 · 58ff20c · 58ff20c
1 parent 975cf0e
commit 58ff20c
Showing 1 changed file with 12 additions and 1 deletion.
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
@@ -18,7 +18,7 @@ import {
 import { Meta, StoryObj } from "@storybook/react";
 import { userEvent, within } from "@storybook/testing-library";
 import { expect } from "@storybook/jest";
-// import { queryOdysseySelector } from "@okta/odyssey-react-mui/test-selectors";
+import { queryOdysseySelector } from "@okta/odyssey-react-mui/test-selectors";
 
 import { fieldComponentPropsMetaData } from "../../../fieldComponentPropsMetaData";
 import { MuiThemeDecorator } from "../../../../.storybook/components";
@@ -268,6 +268,17 @@ export const ReadOnly: StoryObj<typeof Checkbox> = {
   },
   play: async ({ canvasElement, step }) => {
     await checkTheBox({ canvasElement, step })("ReadOnly Checkbox");
+    await step("has aria read only set", async () => {
+      const element = queryOdysseySelector({
+        canvas: within(canvasElement),
+        componentName: "Checkbox",
+        templateArgs: {
+          label: "Automatically assign Okta Admin Console",
+        },
+      }).element;
+
+      expect(element?.ariaReadOnly).toBeTruthy();
+    });
   },
 };