test: Update to use CozyTheme

cozy · Jan 3, 2024 · 312c1be · 312c1be
1 parent 73571c0
commit 312c1be
Show file tree

Hide file tree

Showing 8 changed files with 270 additions and 246 deletions.
diff --git a/src/components/AddButton/AddButton.spec.jsx b/src/components/AddButton/AddButton.spec.jsx
@@ -4,7 +4,7 @@ import flag from 'cozy-flags'
 import { useQuery } from 'cozy-client'
 
 import AppLike from 'test/AppLike'
-import MuiCozyTheme from 'cozy-ui/transpiled/react/MuiCozyTheme'
+import CozyTheme from 'cozy-ui/transpiled/react/providers/CozyTheme'
 import AddButton from './AddButton'
 
 import { FLAG_FAB_ACTIONS } from './helpers'
@@ -67,9 +67,9 @@ jest.mock('cozy-flags')
 const setup = () => {
   const root = render(
     <AppLike>
-      <MuiCozyTheme>
+      <CozyTheme>
         <AddButton />
-      </MuiCozyTheme>
+      </CozyTheme>
     </AppLike>
   )
   return { root }

diff --git a/src/components/AppTile.spec.jsx b/src/components/AppTile.spec.jsx
@@ -1,6 +1,6 @@
 import AppLike from 'test/AppLike'
 import AppTileWrapper from './AppTile'
-import MuiCozyTheme from 'cozy-ui/transpiled/react/MuiCozyTheme'
+import CozyTheme from 'cozy-ui/transpiled/react/providers/CozyTheme'
 import React from 'react'
 import { act } from 'react-dom/test-utils'
 import { render, waitFor, screen } from '@testing-library/react'
@@ -43,11 +43,11 @@ describe('<AppTile />', () => {
   it('renders loading icon when app is in installing state', () => {
     const { getByText } = render(
       <AppLike>
-        <MuiCozyTheme>
+        <CozyTheme>
           <I18n dictRequire={() => enLocale} lang="en">
             <AppTileWrapper app={mockAppInstalling} lang="en" />
           </I18n>
-        </MuiCozyTheme>
+        </CozyTheme>
       </AppLike>
     )
 
@@ -57,11 +57,11 @@ describe('<AppTile />', () => {
   it('renders loading icon when app is in upgrading state', () => {
     const { getByText } = render(
       <AppLike>
-        <MuiCozyTheme>
+        <CozyTheme>
           <I18n dictRequire={() => enLocale} lang="en">
             <AppTileWrapper app={mockAppUpgrading} lang="en" />
           </I18n>
-        </MuiCozyTheme>
+        </CozyTheme>
       </AppLike>
     )
 
@@ -71,9 +71,9 @@ describe('<AppTile />', () => {
   it('renders AppTile when app is in ready state', async () => {
     const { queryByText } = render(
       <AppLike client={mockClient}>
-        <MuiCozyTheme>
+        <CozyTheme>
           <AppTileWrapper app={mockAppReady} lang="en" />
-        </MuiCozyTheme>
+        </CozyTheme>
       </AppLike>
     )
 
@@ -83,18 +83,18 @@ describe('<AppTile />', () => {
   it('updates app state from installing to ready and fetches app info', async () => {
     const { rerender } = render(
       <AppLike client={mockClient}>
-        <MuiCozyTheme>
+        <CozyTheme>
           <AppTileWrapper app={mockAppInstalling} lang="en" />
-        </MuiCozyTheme>
+        </CozyTheme>
       </AppLike>
     )
 
     await act(async () => {
       rerender(
         <AppLike client={mockClient}>
-          <MuiCozyTheme>
+          <CozyTheme>
             <AppTileWrapper app={mockAppReady} lang="en" />
-          </MuiCozyTheme>
+          </CozyTheme>
         </AppLike>
       )
     })
@@ -108,18 +108,18 @@ describe('<AppTile />', () => {
   it('updates app state from upgrading to ready and fetches app info', async () => {
     const { rerender } = render(
       <AppLike client={mockClient}>
-        <MuiCozyTheme>
+        <CozyTheme>
           <AppTileWrapper app={mockAppUpgrading} lang="en" />
-        </MuiCozyTheme>
+        </CozyTheme>
       </AppLike>
     )
 
     await act(async () => {
       rerender(
         <AppLike client={mockClient}>
-          <MuiCozyTheme>
+          <CozyTheme>
             <AppTileWrapper app={mockAppReady} lang="en" />
-          </MuiCozyTheme>
+          </CozyTheme>
         </AppLike>
       )
     })
@@ -133,18 +133,18 @@ describe('<AppTile />', () => {
   it('does not update app state from installing to ready if app state is not ready', async () => {
     const { rerender } = render(
       <AppLike client={mockClient}>
-        <MuiCozyTheme>
+        <CozyTheme>
           <AppTileWrapper app={mockAppInstalling} lang="en" />
-        </MuiCozyTheme>
+        </CozyTheme>
       </AppLike>
     )
 
     await waitFor(() => {
       rerender(
         <AppLike client={mockClient}>
-          <MuiCozyTheme>
+          <CozyTheme>
             <AppTileWrapper app={mockAppInstalling} lang="en" />
-          </MuiCozyTheme>
+          </CozyTheme>
         </AppLike>
       )
     })

diff --git a/src/components/DefaultRedirectionSnackbar/DefaultRedirectionSnackbar.spec.jsx b/src/components/DefaultRedirectionSnackbar/DefaultRedirectionSnackbar.spec.jsx
@@ -1,7 +1,7 @@
 import React from 'react'
 import { render, fireEvent } from '@testing-library/react'
 
-import MuiCozyTheme from 'cozy-ui/transpiled/react/MuiCozyTheme'
+import CozyTheme from 'cozy-ui/transpiled/react/providers/CozyTheme'
 
 import AppLike from 'test/AppLike'
 import DefaultRedirectionSnackbar from './DefaultRedirectionSnackbar'
@@ -22,9 +22,9 @@ jest.mock('./useIncrementDefaultRedirectionViewCount')
 const setup = () => {
   const root = render(
     <AppLike>
-      <MuiCozyTheme>
+      <CozyTheme>
         <DefaultRedirectionSnackbar />
-      </MuiCozyTheme>
+      </CozyTheme>
     </AppLike>
   )
   return { root }

diff --git a/src/components/KonnectorTile.spec.jsx b/src/components/KonnectorTile.spec.jsx
@@ -4,7 +4,7 @@
 
 import React from 'react'
 import { render } from '@testing-library/react'
-import MuiCozyTheme from 'cozy-ui/transpiled/react/MuiCozyTheme'
+import CozyTheme from 'cozy-ui/transpiled/react/providers/CozyTheme'
 import { createMockClient } from 'cozy-client/dist/mock'
 
 import {
@@ -160,9 +160,9 @@ const setup = mockProps => {
   })
   return render(
     <AppLike client={client} store={client.store}>
-      <MuiCozyTheme>
+      <CozyTheme>
         <KonnectorTile {...mockProps} />
-      </MuiCozyTheme>
+      </CozyTheme>
     </AppLike>
   )
 }

diff --git a/src/components/Services.spec.jsx b/src/components/Services.spec.jsx
@@ -8,7 +8,7 @@ import { useAppsInMaintenance } from 'cozy-client'
 import { createMockClient } from 'cozy-client/dist/mock'
 import { Services } from './Services'
 import AppLike from 'test/AppLike'
-import MuiCozyTheme from 'cozy-ui/transpiled/react/MuiCozyTheme'
+import CozyTheme from 'cozy-ui/transpiled/react/providers/CozyTheme'
 
 jest.mock('cozy-client', () => ({
   ...jest.requireActual('cozy-client'),
@@ -54,12 +54,12 @@ describe('Services component', () => {
     useAppsInMaintenance.mockReturnValue(appsAndKonnectorsInMaintenance)
     const root = render(
       <AppLike client={client} store={client.store}>
-        <MuiCozyTheme>
+        <CozyTheme>
           <Services
             installedKonnectors={installedKonnectors || []}
             suggestedKonnectorsQuery={suggestedKonnectorsQuery || { data: [] }}
           />
-        </MuiCozyTheme>
+        </CozyTheme>
       </AppLike>
     )
     return { root }

diff --git a/src/components/ShortcutLink.spec.jsx b/src/components/ShortcutLink.spec.jsx
@@ -4,7 +4,7 @@ import '@testing-library/jest-dom'
 
 import { ShortcutLink } from './ShortcutLink'
 import { useFetchShortcut } from 'cozy-client'
-import MuiCozyTheme from 'cozy-ui/transpiled/react/MuiCozyTheme'
+import CozyTheme from 'cozy-ui/transpiled/react/providers/CozyTheme'
 
 jest.mock('cozy-client', () => {
   return {
@@ -27,9 +27,9 @@ describe('ShortcutLink', () => {
     const file = { _id: '123', name: 'cozy.io.url', type: 'file' }
 
     render(
-      <MuiCozyTheme>
+      <CozyTheme>
         <ShortcutLink file={file} />
-      </MuiCozyTheme>
+      </CozyTheme>
     )
 
     expect(screen.getByRole('heading', { level: 6 })).toHaveTextContent(
@@ -53,9 +53,9 @@ describe('ShortcutLink', () => {
     const file = { _id: '123', name: 'cozy.io.url', type: 'file' }
 
     render(
-      <MuiCozyTheme>
+      <CozyTheme>
         <ShortcutLink file={file} />
-      </MuiCozyTheme>
+      </CozyTheme>
     )
 
     expect(screen.getByRole('heading', { level: 6 })).toHaveTextContent(

diff --git a/src/components/Shortcuts/ShortcutsView.spec.jsx b/src/components/Shortcuts/ShortcutsView.spec.jsx
@@ -5,18 +5,18 @@ import '@testing-library/jest-dom'
 
 import { ShortcutsView } from './ShortcutsView'
 import AppLike from 'test/AppLike'
-import MuiCozyTheme from 'cozy-ui/transpiled/react/MuiCozyTheme'
+import CozyTheme from 'cozy-ui/transpiled/react/providers/CozyTheme'
 
 describe('Shortcuts', () => {
   it('Should display nothing if nothing was found', () => {
     const { container } = render(
       <AppLike>
-        <MuiCozyTheme>
+        <CozyTheme>
           <ShortcutsView shortcutsDirectories={null} />
-        </MuiCozyTheme>
+        </CozyTheme>
       </AppLike>
     )
-    expect(container).toBeEmptyDOMElement()
+    expect(container).toMatchSnapshot()
   })
 
   it('Should display a shortcut directory with its files', async () => {
@@ -25,13 +25,13 @@ describe('Shortcuts', () => {
 
     const root = render(
       <AppLike>
-        <MuiCozyTheme>
+        <CozyTheme>
           <ShortcutsView
             shortcutsDirectories={[
               { name: listName, shortcuts: [{ name: listItem }] }
             ]}
           />
-        </MuiCozyTheme>
+        </CozyTheme>
       </AppLike>
     )
     expect(root).toMatchSnapshot()
@@ -45,9 +45,9 @@ describe('Shortcuts', () => {
 
     const root = render(
       <AppLike>
-        <MuiCozyTheme>
+        <CozyTheme>
           <ShortcutsView shortcutsDirectories={shortcutsDirectories} />
-        </MuiCozyTheme>
+        </CozyTheme>
       </AppLike>
     )