test: Migrate last enzyme tests

src/modules/drive/Toolbar/delete/DeleteItem.spec.jsx

@@ -1,4 +1,4 @@
-import { mount } from 'enzyme'
+import { render, fireEvent } from '@testing-library/react'
 import React from 'react'
 
 import DeleteItem from './DeleteItem'
@@ -20,7 +20,7 @@ describe('DeleteItem', () => {
 
     jest.spyOn(store, 'dispatch')
     const onLeave = jest.fn()
-    const root = mount(
+    const container = render(
       <AppLike client={client} store={store}>
         <DeleteItem
           isSharedWithMe={false}
@@ -29,13 +29,13 @@ describe('DeleteItem', () => {
         />
       </AppLike>
     )
-    return { root, store, displayedFolder }
+    return { container, store, displayedFolder }
   }
 
-  it('should show a modal', () => {
-    const { root, store, displayedFolder } = setup()
-    const menuItem = root.find('ActionMenuItem')
-    menuItem.simulate('click')
+  it('should show a modal', async () => {
+    const { container, store, displayedFolder } = setup()
+    const confirmButton = container.getByText('Remove')
+    fireEvent.click(confirmButton)
     expect(store.dispatch).toHaveBeenCalledWith(
       expect.objectContaining({
         type: 'SHOW_MODAL',

src/modules/drive/Toolbar/delete/delete.spec.jsx

@@ -1,8 +1,7 @@
-import { mount } from 'enzyme'
+import { render, fireEvent, waitFor } from '@testing-library/react'
 import React from 'react'
 
 import { EnhancedDeleteConfirm } from './delete'
-import DeleteConfirm from '../../DeleteConfirm'
 import AppLike from 'test/components/AppLike'
 import { setupStoreAndClient } from 'test/setup'
 
@@ -26,7 +25,7 @@ describe('EnhancedDeleteConfirm', () => {
       getRecipients: () => [],
       getSharingLink: () => null
     }
-    const root = mount(
+    const container = render(
       <AppLike
         client={client}
         store={store}
@@ -35,13 +34,15 @@ describe('EnhancedDeleteConfirm', () => {
         <EnhancedDeleteConfirm folder={folder} onClose={() => null} />
       </AppLike>
     )
-    return { root, folder, client }
+    return { container, folder, client }
   }
 
   it('should trashFiles on confirmation', async () => {
-    const { root } = setup()
-    const confirmProps = root.find(DeleteConfirm).props()
-    await confirmProps.afterConfirmation()
-    expect(mockNavigate).toHaveBeenCalledWith('/folder/parent-folder-id')
+    const { container } = setup()
+    const confirmButton = container.getByText('Remove')
+    fireEvent.click(confirmButton)
+    await waitFor(() =>
+      expect(mockNavigate).toHaveBeenCalledWith('/folder/parent-folder-id')
+    )
   })
 })

src/modules/filelist/AddFolder.spec.jsx

@@ -1,10 +1,7 @@
-import { mount } from 'enzyme'
+import { render, fireEvent } from '@testing-library/react'
 import React from 'react'
 
-import { WebVaultClient } from 'cozy-keys-lib'
-
-import AddFolder, { AddFolder as DumbAddFolder } from './AddFolder'
-import { createFolder } from 'modules/navigation/duck/actions'
+import { AddFolder } from './AddFolder'
 import AppLike from 'test/components/AppLike'
 import { setupStoreAndClient } from 'test/setup'
 
@@ -19,34 +16,31 @@ jest.mock('cozy-keys-lib', () => ({
   WebVaultClient: jest.fn().mockReturnValue({})
 }))
 
-const CURRENT_FOLDER_ID = 'id'
-
 describe('AddFolder', () => {
   const setup = () => {
     const { client, store } = setupStoreAndClient({})
-    const vaultClient = new WebVaultClient('http://alice.cozy.cloud')
-    jest.spyOn(client, 'create').mockResolvedValue({})
-    const root = mount(
+
+    const onSubmit = jest.fn()
+
+    const container = render(
       <AppLike client={client} store={store}>
-        <AddFolder
-          vaultClient={vaultClient}
-          currentFolderId={CURRENT_FOLDER_ID}
-        />
+        <AddFolder visible onSubmit={onSubmit} />
       </AppLike>
     )
-    const component = root.find(DumbAddFolder)
-    return { root, client, component, vaultClient }
+    return { container, onSubmit }
   }
 
-  it('should dispatch a createFolder action on submit', () => {
-    const { component, client, vaultClient } = setup()
-    expect(component.props().onSubmit('Mes photos de chat'))
-    expect(createFolder).toHaveBeenCalledWith(
-      client,
-      vaultClient,
+  it('should call onSubmit with folder name', async () => {
+    const { container, onSubmit } = setup()
+
+    const input = await container.findByRole('textbox')
+    fireEvent.change(input, { target: { value: 'Mes photos de chat' } })
+    input.blur()
+
+    expect(onSubmit).toHaveBeenCalledWith(
       'Mes photos de chat',
-      CURRENT_FOLDER_ID,
-      { isEncryptedFolder: false }
+      expect.anything(),
+      expect.anything()
     )
   })
 })

src/modules/upload/Dropzone.spec.jsx

@@ -1,10 +1,8 @@
 import { render } from '@testing-library/react'
-import { mount } from 'enzyme'
 import React from 'react'
 
-import Dropzone, { Dropzone as DumbDropzone } from './Dropzone'
-import AppLike from 'test/components/AppLike'
-import { setupFolderContent, mockCozyClientRequestQuery } from 'test/setup'
+import { Dropzone as DumbDropzone } from './Dropzone'
+import { mockCozyClientRequestQuery } from 'test/setup'
 
 jest.mock('react-dropzone', () => {
   const Component = ({
@@ -45,30 +43,6 @@ jest.mock('cozy-keys-lib', () => ({
 mockCozyClientRequestQuery()
 
 describe('Dropzone', () => {
-  it('should match snapshot', async () => {
-    // Given
-    jest.spyOn(console, 'error').mockImplementation()
-
-    const displayedFolder = {
-      id: 'directory-foobar0'
-    }
-    const { store, client } = await setupFolderContent({
-      folderId: 'directory-foobar0'
-    })
-
-    store.dispatch = jest.fn()
-
-    // When
-    const root = mount(
-      <AppLike client={client} store={store}>
-        <Dropzone displayedFolder={displayedFolder} />
-      </AppLike>
-    )
-
-    // Then
-    expect(root).toMatchSnapshot()
-  })
-
   it('should dispatch the uploadFiles action', () => {
     // Given
     const uploadFilesMock = jest.fn()