diff --git a/src/components/Navbar/Navbar.spec.tsx b/src/components/Navbar/Navbar.spec.tsx index b457828e3ad1b908fe88acef7ac8fafdaa7a9e69..d4d426391e22f6d6d75e9790458e9434831546e5 100644 --- a/src/components/Navbar/Navbar.spec.tsx +++ b/src/components/Navbar/Navbar.spec.tsx @@ -1,5 +1,5 @@ +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) }) })