test(rtl): navbar

src/components/Navbar/Navbar.spec.tsx

+import { render, screen } from '@testing-library/react'
 import Navbar from 'components/Navbar/Navbar'
-import { mount } from 'enzyme'
 import React from 'react'
 import { Provider } from 'react-redux'
 import { BrowserRouter } from 'react-router-dom'
@@ -8,14 +8,14 @@ import { createMockEcolyoStore } from 'tests/__mocks__/store'
 describe('Navbar component', () => {
   it('should be rendered correctly with 5 navlink', () => {
     const store = createMockEcolyoStore()
-    const wrapper = mount(
+    render(
       <Provider store={store}>
         <BrowserRouter>
           <Navbar />
         </BrowserRouter>
       </Provider>
     )
-    expect(wrapper.find('NavLink')).toHaveLength(5)
+    expect(screen.getAllByRole('link').length).toBe(5)
   })
 
   it('should be rendered correctly with notifications', () => {
@@ -27,15 +27,15 @@ describe('Navbar component', () => {
         analysisNotification: true,
       },
     })
-    const wrapper = mount(
+    const { container } = render(
       <Provider store={store}>
         <BrowserRouter>
           <Navbar />
         </BrowserRouter>
       </Provider>
     )
-    expect(wrapper.find('.nb-notif').first().text()).toEqual('1')
-    expect(wrapper.find('.nb-notif').last().text()).toEqual('1')
+    const notifElements = container.getElementsByClassName('nb-notif')
+    expect(notifElements.length).toBe(2)
   })
 
   it('should be rendered correctly without notifications', () => {
@@ -47,13 +47,14 @@ describe('Navbar component', () => {
         analysisNotification: false,
       },
     })
-    const wrapper = mount(
+    const { container } = render(
       <Provider store={store}>
         <BrowserRouter>
           <Navbar />
         </BrowserRouter>
       </Provider>
     )
-    expect(wrapper.find('.nb-notif').exists()).toBeFalsy()
+    const notifElements = container.getElementsByClassName('nb-notif')
+    expect(notifElements.length).toBe(0)
   })
 })