Fix tests

Author: florianduros

src/components/views/elements/AccessibleButton.tsx

@@ -191,7 +191,6 @@ const AccessibleButton = forwardRef(function <T extends keyof JSX.IntrinsicEleme
         [`mx_AccessibleButton_kind_${kind}`]: kind,
         mx_AccessibleButton_disabled: disabled,
     });
-
     // React.createElement expects InputHTMLAttributes
     const button = React.createElement(element, newProps, children);
 

test/components/views/right_panel/UserInfo-test.tsx

@@ -442,10 +442,10 @@ describe("<UserInfo />", () => {
                 });
 
                 // there should now be a button with the non-dehydrated device ID
-                expect(screen.getByRole("button", { description: "d1" })).toBeInTheDocument();
+                expect(screen.getByRole("button", { name: "my device" })).toBeInTheDocument();
 
                 // but not for the dehydrated device ID
-                expect(screen.queryByRole("button", { description: "d2" })).not.toBeInTheDocument();
+                expect(screen.queryByRole("button", { name: "dehydrated device" })).not.toBeInTheDocument();
 
                 // there should be a line saying that the user has "Offline device" enabled
                 expect(screen.getByText("Offline device enabled")).toBeInTheDocument();
@@ -528,7 +528,7 @@ describe("<UserInfo />", () => {
 
                 // the dehydrated device should be shown as an unverified device, which means
                 // there should now be a button with the device id ...
-                const deviceButton = screen.getByRole("button", { description: "d2" });
+                const deviceButton = screen.getByRole("button", { name: "dehydrated device Not trusted" });
 
                 // ... which should contain the device name
                 expect(within(deviceButton).getByText("dehydrated device")).toBeInTheDocument();
@@ -571,12 +571,12 @@ describe("<UserInfo />", () => {
 
                 // the dehydrated devices should be shown as an unverified device, which means
                 // there should now be a button with the first dehydrated device id ...
-                const device1Button = screen.getByRole("button", { description: "d1" });
+                const device1Button = screen.getByRole("button", { name: "dehydrated device 1" });
 
                 // ... which should contain the device name
                 expect(within(device1Button).getByText("dehydrated device 1")).toBeInTheDocument();
                 // and a button with the second dehydrated device id ...
-                const device2Button = screen.getByRole("button", { description: "d2" });
+                const device2Button = screen.getByRole("button", { name: "dehydrated device 2" });
 
                 // ... which should contain the device name
                 expect(within(device2Button).getByText("dehydrated device 2")).toBeInTheDocument();

test/components/views/spaces/__snapshots__/SpacePanel-test.tsx.snap

@@ -14,9 +14,9 @@ exports[`<SpacePanel /> should show all activated MetaSpaces in the correct orde
         aria-haspopup="true"
         aria-label="User menu"
         class="mx_AccessibleButton mx_UserMenu_contextMenuButton"
+        data-state="closed"
         role="button"
         tabindex="0"
-        title="User menu"
       >
         <div
           class="mx_UserMenu_userAvatar"
@@ -34,8 +34,8 @@ exports[`<SpacePanel /> should show all activated MetaSpaces in the correct orde
         </div>
       </div>
       <div
-        aria-label="Expand"
         class="mx_AccessibleButton mx_SpacePanel_toggleCollapse"
+        data-state="closed"
         role="button"
         tabindex="0"
       />