mirror of
https://github.com/shlinkio/shlink-web-client.git
synced 2024-12-23 09:30:31 +03:00
Improved branching coverage in some parts
This commit is contained in:
parent
27e3d65143
commit
b877aa8e5b
3 changed files with 37 additions and 11 deletions
|
@ -1,4 +1,3 @@
|
|||
import qs from 'qs';
|
||||
import { isEmpty, isNil, reject } from 'ramda';
|
||||
import { AxiosInstance, AxiosResponse, Method } from 'axios';
|
||||
import { ShortUrlsListParams } from '../../short-urls/reducers/shortUrlsListParams';
|
||||
|
@ -19,6 +18,7 @@ import {
|
|||
ShlinkEditDomainRedirects,
|
||||
ShlinkDomainRedirects,
|
||||
} from '../types';
|
||||
import { stringifyQuery } from '../../utils/helpers/query';
|
||||
|
||||
const buildShlinkBaseUrl = (url: string, apiVersion: number) => url ? `${url}/rest/v${apiVersion}` : '';
|
||||
const rejectNilProps = reject(isNil);
|
||||
|
@ -123,7 +123,7 @@ export default class ShlinkApiClient {
|
|||
headers: { 'X-Api-Key': this.apiKey },
|
||||
params: rejectNilProps(query),
|
||||
data: body,
|
||||
paramsSerializer: (params) => qs.stringify(params, { arrayFormat: 'brackets' }),
|
||||
paramsSerializer: stringifyQuery,
|
||||
});
|
||||
} catch (e) {
|
||||
const { response } = e;
|
||||
|
|
|
@ -10,28 +10,40 @@ describe('<DomainSelector />', () => {
|
|||
let wrapper: ShallowWrapper;
|
||||
const domainsList = Mock.of<DomainsList>({
|
||||
domains: [
|
||||
Mock.of<ShlinkDomain>({ domain: 'default.com', isDefault: true }),
|
||||
Mock.of<ShlinkDomain>({ domain: 'foo.com' }),
|
||||
Mock.of<ShlinkDomain>({ domain: 'bar.com' }),
|
||||
],
|
||||
});
|
||||
const createWrapper = (value = '') => {
|
||||
wrapper = shallow(
|
||||
<DomainSelector value={value} domainsList={domainsList} listDomains={jest.fn()} onChange={jest.fn()} />,
|
||||
);
|
||||
|
||||
beforeEach(() => {
|
||||
wrapper = shallow(<DomainSelector domainsList={domainsList} listDomains={jest.fn()} onChange={jest.fn()} />);
|
||||
});
|
||||
return wrapper;
|
||||
};
|
||||
|
||||
afterEach(jest.clearAllMocks);
|
||||
afterEach(() => wrapper.unmount());
|
||||
|
||||
it('shows dropdown by default', () => {
|
||||
it.each([
|
||||
[ '', 'Domain', 'domains-dropdown__toggle-btn' ],
|
||||
[ 'my-domain.com', 'Domain: my-domain.com', 'domains-dropdown__toggle-btn--active' ],
|
||||
])('shows dropdown by default', (value, expectedText, expectedClassName) => {
|
||||
const wrapper = createWrapper(value);
|
||||
const input = wrapper.find(InputGroup);
|
||||
const dropdown = wrapper.find(DropdownBtn);
|
||||
|
||||
expect(input).toHaveLength(0);
|
||||
expect(dropdown).toHaveLength(1);
|
||||
expect(dropdown.find(DropdownItem)).toHaveLength(4);
|
||||
expect(dropdown.find(DropdownItem)).toHaveLength(5);
|
||||
expect(dropdown.prop('text')).toEqual(expectedText);
|
||||
expect(dropdown.prop('className')).toEqual(expectedClassName);
|
||||
});
|
||||
|
||||
it('allows to toggle between dropdown and input', () => {
|
||||
it('allows toggling between dropdown and input', () => {
|
||||
const wrapper = createWrapper();
|
||||
|
||||
wrapper.find(DropdownItem).last().simulate('click');
|
||||
expect(wrapper.find(InputGroup)).toHaveLength(1);
|
||||
expect(wrapper.find(DropdownBtn)).toHaveLength(0);
|
||||
|
@ -40,4 +52,14 @@ describe('<DomainSelector />', () => {
|
|||
expect(wrapper.find(InputGroup)).toHaveLength(0);
|
||||
expect(wrapper.find(DropdownBtn)).toHaveLength(1);
|
||||
});
|
||||
|
||||
it.each([
|
||||
[ 0, 'default.com<span class="float-right text-muted">default</span>' ],
|
||||
[ 1, 'foo.com' ],
|
||||
[ 2, 'bar.com' ],
|
||||
])('shows expected content on every item', (index, expectedContent) => {
|
||||
const item = createWrapper().find(DropdownItem).at(index);
|
||||
|
||||
expect(item.html()).toContain(expectedContent);
|
||||
});
|
||||
});
|
||||
|
|
|
@ -43,9 +43,13 @@ describe('visitsOverviewReducer', () => {
|
|||
expect(visitsCount).toEqual(100);
|
||||
});
|
||||
|
||||
it('returns updated amounts on CREATE_VISITS', () => {
|
||||
it.each([
|
||||
[ 50, 53 ],
|
||||
[ 0, 3 ],
|
||||
[ undefined, 3 ],
|
||||
])('returns updated amounts on CREATE_VISITS', (providedOrphanVisitsCount, expectedOrphanVisitsCount) => {
|
||||
const { visitsCount, orphanVisitsCount } = reducer(
|
||||
state({ visitsCount: 100, orphanVisitsCount: 50 }),
|
||||
state({ visitsCount: 100, orphanVisitsCount: providedOrphanVisitsCount }),
|
||||
{
|
||||
type: CREATE_VISITS,
|
||||
createdVisits: [
|
||||
|
@ -65,7 +69,7 @@ describe('visitsOverviewReducer', () => {
|
|||
);
|
||||
|
||||
expect(visitsCount).toEqual(102);
|
||||
expect(orphanVisitsCount).toEqual(53);
|
||||
expect(orphanVisitsCount).toEqual(expectedOrphanVisitsCount);
|
||||
});
|
||||
});
|
||||
|
||||
|
|
Loading…
Reference in a new issue