mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2024-12-23 01:20:24 +03:00
Code Issues Projects Releases Packages Wiki Activity

Migrated ShlinkLogo test to react testing library

Browse source
This commit is contained in:
Alejandro Celaya 2022-05-06 21:24:16 +02:00
parent 3846ca293c
commit 43302ef5a8
1 changed files with 10 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
test/common/img/ShlinkLogo.test.tsx
View file

@ -1,25 +1,17 @@
import { shallow, ShallowWrapper } from 'enzyme';
import { render } from '@testing-library/react';
import { ShlinkLogo, ShlinkLogoProps } from '../../../src/common/img/ShlinkLogo';
import { MAIN_COLOR } from '../../../src/utils/theme';
describe('<ShlinkLogo />', () => {
let wrapper: ShallowWrapper;
const createWrapper = (props: ShlinkLogoProps) => {
wrapper = shallow(<ShlinkLogo {...props} />);
return wrapper;
};
afterEach(() => wrapper?.unmount());
const setUp = (props: ShlinkLogoProps) => render(<ShlinkLogo {...props} />);
it.each([
[undefined, MAIN_COLOR],
['red', 'red'],
['white', 'white'],
])('renders expected color', (color, expectedColor) => {
const wrapper = createWrapper({ color });
expect(wrapper.find('g').prop('fill')).toEqual(expectedColor);
const { container } = setUp({ color });
expect(container.querySelector('g')).toHaveAttribute('fill', expectedColor);
});
it.each([
@ -27,8 +19,12 @@ describe('<ShlinkLogo />', () => {
['foo', 'foo'],
['bar', 'bar'],
])('renders expected class', (className, expectedClassName) => {
const wrapper = createWrapper({ className });
const { container } = setUp({ className });
expect(wrapper.prop('className')).toEqual(expectedClassName);
if (expectedClassName) {
expect(container.firstChild).toHaveAttribute('class', expectedClassName);
} else {
expect(container.firstChild).not.toHaveAttribute('class');
}
});
});