fix: update tests & snapshots for aria-disabled

Author: yordan-st

packages/pluggableWidgets/switch-web/src/__tests__/Switch.spec.tsx

@@ -99,7 +99,7 @@ describe("Switch", () => {
             const { container } = renderSwitch(props);
             const wrapper = container.querySelector(".widget-switch-btn-wrapper");
             expect(wrapper?.classList.contains("disabled")).toBe(false);
-            expect(wrapper?.getAttribute("aria-readonly")).toBe("false");
+            expect(wrapper?.getAttribute("aria-disabled")).toBe("false");
         });
 
         it("invokes action on click", () => {
@@ -173,7 +173,7 @@ describe("Switch", () => {
             const { container } = renderSwitch(props);
             const wrapper = container.querySelector(".widget-switch-btn-wrapper");
             expect(wrapper?.classList.contains("disabled")).toBe(true);
-            expect(wrapper?.getAttribute("aria-readonly")).toBe("true");
+            expect(wrapper?.getAttribute("aria-disabled")).toBe("true");
         });
 
         it("shouldn't invoke action", () => {

packages/pluggableWidgets/switch-web/src/__tests__/__snapshots__/Switch.spec.tsx.snap

@@ -16,8 +16,8 @@ exports[`Switch with editable value renders the structure correctly 1`] = `
     />
     <div
       aria-checked="false"
+      aria-disabled="false"
       aria-labelledby="com.mendix.widgets.custom.switch1-label"
-      aria-readonly="false"
       class="widget-switch-btn-wrapper widget-switch-btn-wrapper-default un-checked"
       role="switch"
       tabindex="0"
@@ -47,8 +47,8 @@ exports[`Switch with readonly value renders the structure correctly 1`] = `
     />
     <div
       aria-checked="false"
+      aria-disabled="true"
       aria-labelledby="com.mendix.widgets.custom.switch1-label"
-      aria-readonly="true"
       class="widget-switch-btn-wrapper widget-switch-btn-wrapper-default disabled un-checked"
       role="switch"
       tabindex="0"

packages/pluggableWidgets/switch-web/src/components/Switch.tsx

@@ -38,7 +38,7 @@ export default function Switch(props: SwitchProps): ReactElement {
                 role="switch"
                 aria-checked={props.isChecked}
                 aria-labelledby={`${props.id}-label`}
-                aria-readonly={!props.editable}
+                aria-disabled={!props.editable}
             >
                 <div
                     className={classNames("widget-switch-btn", {

packages/pluggableWidgets/switch-web/src/components/__tests__/Switch.spec.tsx

@@ -21,7 +21,7 @@ describe("Switch", () => {
         renderSwitch();
         expect(screen.getByRole("switch")).toBeInTheDocument();
         expect(screen.getByRole("switch")).toHaveAttribute("aria-checked", "false");
-        expect(screen.getByRole("switch")).toHaveAttribute("aria-readonly", "false");
+        expect(screen.getByRole("switch")).toHaveAttribute("aria-disabled", "false");
     });
 
     it("shows checked state", () => {
@@ -32,7 +32,7 @@ describe("Switch", () => {
     it("shows disabled state", () => {
         renderSwitch({ editable: false });
         expect(screen.getByRole("switch")).toHaveClass("disabled");
-        expect(screen.getByRole("switch")).toHaveAttribute("aria-readonly", "true");
+        expect(screen.getByRole("switch")).toHaveAttribute("aria-disabled", "true");
     });
 
     it("calls onClick when clicked", async () => {