MUI update - querySelector change for role

IPG-Automotive-UK · Nov 1, 2023 · 0a74080 · 0a74080
1 parent 71bb1ba
commit 0a74080
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 40 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -31,7 +31,7 @@
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
     "@mui/icons-material": "^5.14.16",
-    "@mui/material": "^5.14.11",
+    "@mui/material": "^5.14.16",
     "@mui/styles": "^5.14.16",
     "@mui/x-data-grid": "^6.17.0",
     "@playwright/test": "^1.39.0",

diff --git a/src/RegistrationForm/RegistrationForm.test.js b/src/RegistrationForm/RegistrationForm.test.js
@@ -42,7 +42,7 @@ describe("RegistrationForm", () => {
 
     // get the button that opens the dropdown, which is a sibling of the input
     const selectButton =
-      elements.inputs.team.parentNode.querySelector("[role=button]");
+      elements.inputs.team.parentNode.querySelector("[role=combobox]");
 
     // open the select dropdown
     await user.click(selectButton);

diff --git a/src/Select/Select.test.js b/src/Select/Select.test.js
@@ -1,4 +1,5 @@
 import { render, screen } from "@testing-library/react";
+
 import React from "react";
 import Select from "./";
 import userEvent from "@testing-library/user-event";
@@ -42,7 +43,7 @@ describe("Select", () => {
     const value = options[3];
 
     // get the button that opens the dropdown, which is a sibling of the input
-    const selectButton = container.parentNode.querySelector("[role=button]");
+    const selectButton = container.parentNode.querySelector("[role=combobox]");
 
     // open the select dropdown
     await user.click(selectButton);