amis/__tests__/utils/api.test.ts
吴多益 531e0dca7c
chore: service 组件去掉 Service-body 层级 (#3818)
* chore: service 组件去掉 Service-body 层级

* 更新 snapshot
2022-03-22 12:24:18 +08:00

263 lines
4.3 KiB
TypeScript

import {render as amisRender} from '../../src/index';
import {wait, makeEnv} from '../helper';
import {render, fireEvent, cleanup} from '@testing-library/react';
import {buildApi, isApiOutdated} from '../../src/utils/api';
test('api:buildApi', () => {
expect(buildApi('/api/xxx')).toMatchObject({
method: 'get',
url: '/api/xxx'
});
expect(buildApi('get:/api/xxx')).toMatchObject({
method: 'get',
url: '/api/xxx'
});
expect(buildApi('delete:/api/xxx')).toMatchObject({
method: 'delete',
url: '/api/xxx'
});
expect(
buildApi('/api/xxx?a=${a}&b=${b}', {
a: 1,
b: 2
})
).toMatchObject({
method: 'get',
url: '/api/xxx?a=1&b=2'
});
expect(
buildApi(
{
method: 'get',
url: '/api/xxx?a=${a}&b=${b}'
},
{
a: 1,
b: 2
}
)
).toMatchObject({
method: 'get',
url: '/api/xxx?a=1&b=2'
});
expect(
buildApi('/api/xxx?a=${a}', {
a: '&'
})
).toMatchObject({
method: 'get',
url: '/api/xxx?a=' + encodeURIComponent('&')
});
});
test('api:buildApi2', () => {
expect(
buildApi('http://domain.com/#/subpath?a=1&b=2', {
a: 1
}).url
).toBe('http://domain.com/#/subpath?a=1&b=2');
expect(
buildApi('http://domain.com/subpath?a=1&b=2#233', {
a: 1
}).url
).toBe('http://domain.com/subpath?a=1&b=2#233');
expect(
buildApi('http://domain.com/subpath?a=1&b=${a}#233', {
a: 1
}).url
).toBe('http://domain.com/subpath?a=1&b=1#233');
});
test('api:buildApi:dataMapping', () => {
expect(
buildApi(
{
method: 'post',
url: '/api/xxx',
data: {
a: 1,
b: '${b}'
}
},
{
b: 2
}
)
).toMatchObject({
method: 'post',
url: '/api/xxx',
data: {
a: 1,
b: 2
}
});
expect(
buildApi(
{
method: 'post',
url: '/api/xxx',
headers: {
a: 1,
b: '${b}'
}
},
{
b: 2
}
)
).toMatchObject({
method: 'post',
url: '/api/xxx',
headers: {
a: 1,
b: 2
}
});
});
test('api:buildApi:autoAppend', () => {
expect(
buildApi(
{
method: 'get',
url: '/api/xxx'
},
{
a: 1,
b: 2
},
{
autoAppend: true
}
)
).toMatchObject({
method: 'get',
url: '/api/xxx?a=1&b=2'
});
});
test('api:isApiOutdated', () => {
expect(
isApiOutdated(
'/api/xxx?a=${a}',
'/api/xxx?a=${a}',
{
a: 1,
b: 0
},
{
a: 1,
b: 2
}
)
).toBeFalsy();
expect(
isApiOutdated(
'/api/xxx?a=${a}',
'/api/xxx?a=${a}',
{
a: 1,
b: 0
},
{
a: 2,
b: 2
}
)
).toBeTruthy();
expect(
isApiOutdated(
'/api/xxx',
'/api/xxx',
{
a: 1,
b: 0
},
{
a: 2,
b: 2
}
)
).toBeFalsy();
expect(
isApiOutdated(
{
method: 'get',
url: '/api/xxx?a=${a}'
},
{
method: 'get',
url: '/api/xxx?a=${a}',
sendOn: 'this.b === 0'
},
{
a: 1,
b: 0
},
{
a: 2,
b: 2
}
)
).toBeFalsy();
});
test('api:cache', async () => {
let count = 1;
const fetcher = jest.fn().mockImplementation(() =>
Promise.resolve({
data: {
status: 0,
msg: 'ok',
data: {
a: count++
}
}
})
);
const {container, getByText} = render(
amisRender(
{
type: 'page',
name: 'thepage',
initApi: {
method: 'get',
url: '/api/xxx?id=${id}',
cache: 2000
},
toolbar: {
type: 'button',
label: 'Reload',
actionType: 'reload',
target: 'thepage'
},
body: 'The variable value is ${a}'
},
{},
makeEnv({
fetcher
})
)
);
await wait(300);
expect(container).toMatchSnapshot();
fireEvent.click(getByText(/Reload/));
await wait(300);
expect(fetcher).toHaveBeenCalledTimes(1); // 只请求一次,第二次请求从缓存中取
expect(container).toMatchSnapshot();
});