2020-12-12 15:22:11 +03:00
|
|
|
import { FC } from 'react';
|
2020-12-08 19:51:49 +03:00
|
|
|
import { shallow, ShallowWrapper } from 'enzyme';
|
|
|
|
import { Mock } from 'ts-mockery';
|
|
|
|
import { CardText } from 'reactstrap';
|
|
|
|
import { Link } from 'react-router-dom';
|
|
|
|
import { ShortUrlsList as ShortUrlsListState } from '../../src/short-urls/reducers/shortUrlsList';
|
|
|
|
import { Overview as overviewCreator } from '../../src/servers/Overview';
|
|
|
|
import { TagsList } from '../../src/tags/reducers/tagsList';
|
|
|
|
import { VisitsOverview } from '../../src/visits/reducers/visitsOverview';
|
|
|
|
import { MercureInfo } from '../../src/mercure/reducers/mercureInfo';
|
|
|
|
import { ReachableServer } from '../../src/servers/data';
|
|
|
|
import { prettify } from '../../src/utils/helpers/numbers';
|
|
|
|
|
|
|
|
describe('<Overview />', () => {
|
|
|
|
let wrapper: ShallowWrapper;
|
|
|
|
const ShortUrlsTable = () => null;
|
|
|
|
const CreateShortUrl = () => null;
|
2020-12-12 15:22:11 +03:00
|
|
|
const ForServerVersion: FC = ({ children }) => <>{children}</>;
|
2020-12-08 19:51:49 +03:00
|
|
|
const listShortUrls = jest.fn();
|
|
|
|
const listTags = jest.fn();
|
|
|
|
const loadVisitsOverview = jest.fn();
|
2020-12-12 15:22:11 +03:00
|
|
|
const Overview = overviewCreator(ShortUrlsTable, CreateShortUrl, ForServerVersion);
|
2020-12-08 19:51:49 +03:00
|
|
|
const shortUrls = {
|
|
|
|
pagination: { totalItems: 83710 },
|
|
|
|
};
|
|
|
|
const serverId = '123';
|
|
|
|
const createWrapper = (loading = false) => {
|
|
|
|
wrapper = shallow(
|
|
|
|
<Overview
|
|
|
|
listShortUrls={listShortUrls}
|
|
|
|
listTags={listTags}
|
|
|
|
loadVisitsOverview={loadVisitsOverview}
|
|
|
|
shortUrlsList={Mock.of<ShortUrlsListState>({ loading, shortUrls })}
|
|
|
|
tagsList={Mock.of<TagsList>({ loading, tags: [ 'foo', 'bar', 'baz' ] })}
|
2021-02-21 22:55:39 +03:00
|
|
|
visitsOverview={Mock.of<VisitsOverview>({ loading, visitsCount: 3456, orphanVisitsCount: 28 })}
|
2020-12-08 19:51:49 +03:00
|
|
|
selectedServer={Mock.of<ReachableServer>({ id: serverId })}
|
|
|
|
createNewVisits={jest.fn()}
|
|
|
|
loadMercureInfo={jest.fn()}
|
|
|
|
mercureInfo={Mock.all<MercureInfo>()}
|
|
|
|
/>,
|
|
|
|
).dive(); // Dive is needed as this component is wrapped in a HOC
|
|
|
|
|
|
|
|
return wrapper;
|
|
|
|
};
|
|
|
|
|
|
|
|
afterEach(() => wrapper?.unmount());
|
|
|
|
|
2021-03-06 19:25:09 +03:00
|
|
|
it('displays loading messages when still loading', () => {
|
2020-12-08 19:51:49 +03:00
|
|
|
const wrapper = createWrapper(true);
|
|
|
|
const cards = wrapper.find(CardText);
|
|
|
|
|
2021-02-21 22:55:39 +03:00
|
|
|
expect(cards).toHaveLength(4);
|
2020-12-08 19:51:49 +03:00
|
|
|
cards.forEach((card) => expect(card.html()).toContain('Loading...'));
|
|
|
|
});
|
|
|
|
|
2021-03-06 19:25:09 +03:00
|
|
|
it('displays amounts in cards after finishing loading', () => {
|
2020-12-08 19:51:49 +03:00
|
|
|
const wrapper = createWrapper();
|
|
|
|
const cards = wrapper.find(CardText);
|
|
|
|
|
2021-02-21 22:55:39 +03:00
|
|
|
expect(cards).toHaveLength(4);
|
2020-12-08 19:51:49 +03:00
|
|
|
expect(cards.at(0).html()).toContain(prettify(3456));
|
2021-02-21 22:55:39 +03:00
|
|
|
expect(cards.at(1).html()).toContain(prettify(28));
|
|
|
|
expect(cards.at(2).html()).toContain(prettify(83710));
|
|
|
|
expect(cards.at(3).html()).toContain(prettify(3));
|
2020-12-08 19:51:49 +03:00
|
|
|
});
|
|
|
|
|
2021-03-06 19:25:09 +03:00
|
|
|
it('displays warning in first card for old shlink versions', () => {
|
2020-12-12 15:22:11 +03:00
|
|
|
const wrapper = createWrapper();
|
|
|
|
const firstCard = wrapper.find(CardText).first();
|
|
|
|
|
|
|
|
expect(firstCard.html()).toContain('Shlink 2.2 is needed');
|
|
|
|
});
|
|
|
|
|
2021-03-06 19:25:09 +03:00
|
|
|
it('nests complex components', () => {
|
2020-12-08 19:51:49 +03:00
|
|
|
const wrapper = createWrapper();
|
|
|
|
|
|
|
|
expect(wrapper.find(CreateShortUrl)).toHaveLength(1);
|
|
|
|
expect(wrapper.find(ShortUrlsTable)).toHaveLength(1);
|
|
|
|
});
|
|
|
|
|
2021-03-06 19:25:09 +03:00
|
|
|
it('displays links to other sections', () => {
|
2020-12-08 19:51:49 +03:00
|
|
|
const wrapper = createWrapper();
|
|
|
|
const links = wrapper.find(Link);
|
|
|
|
|
|
|
|
expect(links).toHaveLength(2);
|
|
|
|
expect(links.at(0).prop('to')).toEqual(`/server/${serverId}/create-short-url`);
|
|
|
|
expect(links.at(1).prop('to')).toEqual(`/server/${serverId}/list-short-urls/1`);
|
|
|
|
});
|
|
|
|
});
|