diff --git a/test/short-urls/helpers/CreateShortUrlResult.test.js b/test/short-urls/helpers/CreateShortUrlResult.test.js new file mode 100644 index 00000000..b4ff4b50 --- /dev/null +++ b/test/short-urls/helpers/CreateShortUrlResult.test.js @@ -0,0 +1,48 @@ +import React from 'react'; +import { shallow } from 'enzyme'; +import { identity } from 'ramda'; +import { CopyToClipboard } from 'react-copy-to-clipboard'; +import { Tooltip } from 'reactstrap'; +import CreateShortUrlResult from '../../../src/short-urls/helpers/CreateShortUrlResult'; + +describe('', () => { + let wrapper; + const createWrapper = (result, error = false) => { + wrapper = shallow(); + + return wrapper; + }; + + afterEach(() => wrapper && wrapper.unmount()); + + it('renders an error when error is true', () => { + const wrapper = createWrapper({}, true); + 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({ shortUrl: 'https://doma.in/abc123' }); + + expect(wrapper.html()).toContain('Great! The short URL is https://doma.in/abc123'); + expect(wrapper.find(CopyToClipboard)).toHaveLength(1); + expect(wrapper.find(Tooltip)).toHaveLength(1); + }); + + it('Shows tooltip when copy to clipboard button is clicked', () => { + const wrapper = createWrapper({ shortUrl: 'https://doma.in/abc123' }); + const copyBtn = wrapper.find(CopyToClipboard); + + expect(wrapper.state('showCopyTooltip')).toEqual(false); + copyBtn.simulate('copy'); + expect(wrapper.state('showCopyTooltip')).toEqual(true); + }); +});