updating query by dialog to note

Author: sopranopillow

packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.test.tsx

@@ -4,20 +4,20 @@ import { infoButtonClassNames } from './useInfoButtonStyles';
 import type { RenderResult } from '@testing-library/react';
 
 // testing-library's queryByRole function doesn't look inside portals
-function queryByRoleDialog(result: RenderResult) {
-  const dialogs = result.baseElement.querySelectorAll('[role="dialog"]');
-  if (!dialogs?.length) {
+function queryByRoleNote(result: RenderResult) {
+  const notes = result.baseElement.querySelectorAll('[role="note"]');
+  if (!notes?.length) {
     return null;
   } else {
-    expect(dialogs.length).toBe(1);
-    return dialogs.item(0) as HTMLElement;
+    expect(notes.length).toBe(1);
+    return notes.item(0) as HTMLElement;
   }
 }
 
 const getPopoverSurfaceElement = (result: RenderResult) => {
   // button needs to be clicked otherwise content won't be rendered.
   result.getByRole('button').click();
-  const dialog = queryByRoleDialog(result);
+  const dialog = queryByRoleNote(result);
   expect(dialog).not.toBeNull();
   return dialog!;
 };