diff --git a/src/app/App.tsx b/src/app/App.tsx index ebf5f964..718124db 100644 --- a/src/app/App.tsx +++ b/src/app/App.tsx @@ -66,6 +66,7 @@ const App: FCWithDeps = (
= ({ isOpen, onClose, for Restart it to enjoy the new features. diff --git a/test/app/App.test.tsx b/test/app/App.test.tsx index 19d692e2..bb1a49cf 100644 --- a/test/app/App.test.tsx +++ b/test/app/App.test.tsx @@ -54,13 +54,17 @@ describe('', () => { }); it.each([ - ['/foo', 'shlink-wrapper'], - ['/bar', 'shlink-wrapper'], - ['/', 'shlink-wrapper d-flex align-items-center pt-3'], - ])('renders expected classes on shlink-wrapper based on current pathname', async (pathname, expectedClasses) => { - const { container } = await setUp(pathname); - const shlinkWrapper = container.querySelector('.shlink-wrapper'); + ['/foo', false], + ['/bar', false], + ['/', true], + ])('renders expected classes on shlink-wrapper based on current pathname', async (pathname, isFlex) => { + await setUp(pathname); + const shlinkWrapper = screen.getByTestId('shlink-wrapper'); - expect(shlinkWrapper).toHaveAttribute('class', expectedClasses); + if (isFlex) { + expect(shlinkWrapper).toHaveClass('tw:flex'); + } else { + expect(shlinkWrapper).not.toHaveClass('tw:flex'); + } }); });