2022-06-12 21:41:40 +03:00
|
|
|
import { render, screen } from '@testing-library/react';
|
2023-04-13 22:48:29 +03:00
|
|
|
import { fromPartial } from '@total-typescript/shoehorn';
|
2022-06-12 21:41:40 +03:00
|
|
|
import { MemoryRouter } from 'react-router-dom';
|
2023-07-24 21:14:59 +03:00
|
|
|
import { EditShortUrl as createEditShortUrl } from '../../shlink-web-component/short-urls/EditShortUrl';
|
|
|
|
import type { ShortUrlDetail } from '../../shlink-web-component/short-urls/reducers/shortUrlDetail';
|
|
|
|
import type { ShortUrlEdition } from '../../shlink-web-component/short-urls/reducers/shortUrlEdition';
|
2021-03-27 19:56:46 +03:00
|
|
|
|
|
|
|
describe('<EditShortUrl />', () => {
|
|
|
|
const shortUrlCreation = { validateUrls: true };
|
2022-06-12 21:41:40 +03:00
|
|
|
const EditShortUrl = createEditShortUrl(() => <span>ShortUrlForm</span>);
|
|
|
|
const setUp = (detail: Partial<ShortUrlDetail> = {}, edition: Partial<ShortUrlEdition> = {}) => render(
|
|
|
|
<MemoryRouter>
|
2022-02-08 00:17:57 +03:00
|
|
|
<EditShortUrl
|
2023-04-13 22:48:29 +03:00
|
|
|
settings={fromPartial({ shortUrlCreation })}
|
2021-03-27 19:56:46 +03:00
|
|
|
selectedServer={null}
|
2023-04-13 22:48:29 +03:00
|
|
|
shortUrlDetail={fromPartial(detail)}
|
|
|
|
shortUrlEdition={fromPartial(edition)}
|
2023-05-27 12:57:26 +03:00
|
|
|
getShortUrlDetail={vi.fn()}
|
|
|
|
editShortUrl={vi.fn(async () => Promise.resolve())}
|
2022-06-12 21:41:40 +03:00
|
|
|
/>
|
|
|
|
</MemoryRouter>,
|
|
|
|
);
|
2021-03-27 19:56:46 +03:00
|
|
|
|
|
|
|
it('renders loading message while loading detail', () => {
|
2022-06-12 21:41:40 +03:00
|
|
|
setUp({ loading: true });
|
2021-03-27 19:56:46 +03:00
|
|
|
|
2022-06-12 21:41:40 +03:00
|
|
|
expect(screen.getByText('Loading...')).toBeInTheDocument();
|
|
|
|
expect(screen.queryByText('ShortUrlForm')).not.toBeInTheDocument();
|
2021-03-27 19:56:46 +03:00
|
|
|
});
|
|
|
|
|
|
|
|
it('renders error when loading detail fails', () => {
|
2022-06-12 21:41:40 +03:00
|
|
|
setUp({ error: true });
|
2021-03-27 19:56:46 +03:00
|
|
|
|
2022-06-12 21:41:40 +03:00
|
|
|
expect(screen.getByText('An error occurred while loading short URL detail :(')).toBeInTheDocument();
|
|
|
|
expect(screen.queryByText('ShortUrlForm')).not.toBeInTheDocument();
|
2021-03-27 19:56:46 +03:00
|
|
|
});
|
|
|
|
|
2022-06-12 21:41:40 +03:00
|
|
|
it('renders form when detail properly loads', () => {
|
2023-04-13 22:48:29 +03:00
|
|
|
setUp({ shortUrl: fromPartial({ meta: {} }) });
|
2021-03-27 19:56:46 +03:00
|
|
|
|
2022-06-12 21:41:40 +03:00
|
|
|
expect(screen.getByText('ShortUrlForm')).toBeInTheDocument();
|
|
|
|
expect(screen.queryByText('Loading...')).not.toBeInTheDocument();
|
|
|
|
expect(screen.queryByText('An error occurred while loading short URL detail :(')).not.toBeInTheDocument();
|
2021-03-27 19:56:46 +03:00
|
|
|
});
|
|
|
|
|
|
|
|
it('shows error when saving data has failed', () => {
|
2022-11-06 14:32:55 +03:00
|
|
|
setUp({}, { error: true, saved: true });
|
2021-03-27 19:56:46 +03:00
|
|
|
|
2022-06-12 21:41:40 +03:00
|
|
|
expect(screen.getByText('An error occurred while updating short URL :(')).toBeInTheDocument();
|
|
|
|
expect(screen.getByText('ShortUrlForm')).toBeInTheDocument();
|
2021-03-27 19:56:46 +03:00
|
|
|
});
|
2022-11-06 14:32:55 +03:00
|
|
|
|
|
|
|
it('shows message when saving data succeeds', () => {
|
|
|
|
setUp({}, { error: false, saved: true });
|
|
|
|
|
|
|
|
expect(screen.getByText('Short URL properly edited.')).toBeInTheDocument();
|
|
|
|
expect(screen.getByText('ShortUrlForm')).toBeInTheDocument();
|
|
|
|
});
|
2021-03-27 19:56:46 +03:00
|
|
|
});
|