diff --git a/test/common/ShlinkVersionsContainer.test.tsx b/test/common/ShlinkVersionsContainer.test.tsx
index f4e67731..d264051d 100644
--- a/test/common/ShlinkVersionsContainer.test.tsx
+++ b/test/common/ShlinkVersionsContainer.test.tsx
@@ -1,26 +1,19 @@
-import { shallow, ShallowWrapper } from 'enzyme';
+import { render } from '@testing-library/react';
import { Mock } from 'ts-mockery';
import ShlinkVersionsContainer from '../../src/common/ShlinkVersionsContainer';
import { SelectedServer } from '../../src/servers/data';
import { Sidebar } from '../../src/common/reducers/sidebar';
describe('', () => {
- let wrapper: ShallowWrapper;
-
- const createWrapper = (sidebar: Sidebar) => {
- wrapper = shallow(()} sidebar={sidebar} />);
-
- return wrapper;
- };
-
- afterEach(() => wrapper?.unmount());
+ const setUp = (sidebar: Sidebar) => render(
+ ()} sidebar={sidebar} />,
+ );
it.each([
[{ sidebarPresent: false }, 'text-center'],
[{ sidebarPresent: true }, 'text-center shlink-versions-container--with-sidebar'],
])('renders proper col classes based on sidebar status', (sidebar, expectedClasses) => {
- const wrapper = createWrapper(sidebar);
-
- expect(wrapper.find('div').prop('className')).toEqual(`${expectedClasses}`);
+ const { container } = setUp(sidebar);
+ expect(container.firstChild).toHaveAttribute('class', `${expectedClasses}`);
});
});