shlink-web-client/test/short-urls/helpers/CreateShortUrlResult.test.tsx

56 lines
2.1 KiB
TypeScript
Raw Normal View History

import { shallow, ShallowWrapper } from 'enzyme';
import CopyToClipboard from 'react-copy-to-clipboard';
2018-11-01 11:30:05 +03:00
import { Tooltip } from 'reactstrap';
import { Mock } from 'ts-mockery';
2019-01-08 23:19:38 +03:00
import createCreateShortUrlResult from '../../../src/short-urls/helpers/CreateShortUrlResult';
import { ShortUrl } from '../../../src/short-urls/data';
import { StateFlagTimeout } from '../../../src/utils/helpers/hooks';
2018-11-01 11:30:05 +03:00
describe('<CreateShortUrlResult />', () => {
let wrapper: ShallowWrapper;
const copyToClipboard = jest.fn();
const useStateFlagTimeout = jest.fn(() => [ false, copyToClipboard ]) as StateFlagTimeout;
const CreateShortUrlResult = createCreateShortUrlResult(useStateFlagTimeout);
const createWrapper = (result: ShortUrl | null = null, error = false) => {
wrapper = shallow(
2020-11-14 00:44:26 +03:00
<CreateShortUrlResult resetCreateShortUrl={() => {}} result={result} error={error} saving={false} />,
);
2018-11-01 11:30:05 +03:00
return wrapper;
};
afterEach(jest.clearAllMocks);
afterEach(() => wrapper?.unmount());
2018-11-01 11:30:05 +03:00
it('renders an error when error is true', () => {
const wrapper = createWrapper(Mock.all<ShortUrl>(), true);
2018-11-01 11:30:05 +03:00
const errorCard = wrapper.find('.bg-danger');
expect(errorCard).toHaveLength(1);
expect(errorCard.html()).toContain('An error occurred while creating the URL :(');
});
it('renders nothing when no result is provided', () => {
const wrapper = createWrapper();
expect(wrapper.html()).toBeNull();
});
it('renders a result message when result is provided', () => {
const wrapper = createWrapper(Mock.of<ShortUrl>({ shortUrl: 'https://doma.in/abc123' }));
2018-11-01 11:30:05 +03:00
expect(wrapper.html()).toContain('<b>Great!</b> The short URL is <b>https://doma.in/abc123</b>');
expect(wrapper.find(CopyToClipboard)).toHaveLength(1);
expect(wrapper.find(Tooltip)).toHaveLength(1);
});
2019-01-08 23:19:38 +03:00
it('Invokes tooltip timeout when copy to clipboard button is clicked', () => {
const wrapper = createWrapper(Mock.of<ShortUrl>({ shortUrl: 'https://doma.in/abc123' }));
2018-11-01 11:30:05 +03:00
const copyBtn = wrapper.find(CopyToClipboard);
expect(copyToClipboard).not.toHaveBeenCalled();
2018-11-01 11:30:05 +03:00
copyBtn.simulate('copy');
expect(copyToClipboard).toHaveBeenCalledTimes(1);
2018-11-01 11:30:05 +03:00
});
});