Fix useTheme tests

Author: djhi

packages/ra-ui-materialui/src/layout/ThemeTestWrapper.tsx

@@ -22,8 +22,8 @@ export const ThemeTestWrapper = ({
             mode === 'dark' && query === '(prefers-color-scheme: dark)'
                 ? true
                 : false,
-        addListener: () => {},
-        removeListener: () => {},
+        addEventListener: () => {},
+        removeEventListener: () => {},
     });
 
     return (

packages/ra-ui-materialui/src/theme/useTheme.spec.tsx

@@ -35,15 +35,15 @@ describe('useTheme', () => {
         expect(screen.queryByText('light')).not.toBeNull();
     });
 
-    it('should return the light theme when no dark theme is provided even though user prefers dark mode', () => {
+    it('should return the light theme when no dark theme is provided even though user prefers dark mode', async () => {
         render(
             <ThemeTestWrapper mode="dark">
                 <CoreAdminContext authProvider={authProvider}>
                     <Foo />
                 </CoreAdminContext>
             </ThemeTestWrapper>
         );
-        expect(screen.queryByText('light')).not.toBeNull();
+        await screen.findByText('light');
     });
 
     it('should return the light theme when no dark theme is provided even though the stored theme is dark', () => {
@@ -59,8 +59,8 @@ describe('useTheme', () => {
     it('should return the user preferred theme by default', async () => {
         const ssrMatchMedia = query => ({
             matches: query === '(prefers-color-scheme: dark)' ? true : false,
-            addListener: () => {},
-            removeListener: () => {},
+            addEventListener: () => {},
+            removeEventListener: () => {},
         });
 
         render(