60 lines
1.6 KiB
JavaScript
Executable File
60 lines
1.6 KiB
JavaScript
Executable File
import * as Horizon from '@cloudsop/horizon/index.ts';
|
|
import { Text } from '../jest/commonComponents';
|
|
import { getLogUtils } from '../jest/testUtils';
|
|
|
|
describe('SuspenseComponent Test', () => {
|
|
const LogUtils = getLogUtils();
|
|
const mockImport = jest.fn(async (component) => {
|
|
return { default: component };
|
|
});
|
|
|
|
// var EMPTY_OBJECT = {};
|
|
// const mockCreateResource = jest.fn((component) => {
|
|
// let result = EMPTY_OBJECT;
|
|
// return () =>{
|
|
// component().then(res => {
|
|
// LogUtils.log(res);
|
|
// result = res;
|
|
// }, reason => {
|
|
// LogUtils.log(reason);
|
|
// });
|
|
// if(result === EMPTY_OBJECT){
|
|
// throw component();
|
|
// }
|
|
// return result;
|
|
// };
|
|
// });
|
|
|
|
it('挂载lazy组件', async () => {
|
|
// 用同步的代码来实现异步操作
|
|
class LazyComponent extends Horizon.Component {
|
|
render() {
|
|
return <Text text={this.props.num} />;
|
|
}
|
|
}
|
|
|
|
const Lazy = Horizon.lazy(() => mockImport(LazyComponent));
|
|
|
|
Horizon.render(
|
|
<Horizon.Suspense fallback={<Text text="Loading..." />}>
|
|
<Lazy num={5} />
|
|
</Horizon.Suspense>,
|
|
container
|
|
);
|
|
|
|
expect(LogUtils.getAndClear()).toEqual(['Loading...']);
|
|
expect(container.textContent).toBe('Loading...');
|
|
|
|
await Promise.resolve();
|
|
Horizon.render(
|
|
<Horizon.Suspense fallback={<Text text="Loading..." />}>
|
|
<Lazy num={5} />
|
|
</Horizon.Suspense>,
|
|
container
|
|
);
|
|
expect(LogUtils.getAndClear()).toEqual([5]);
|
|
expect(container.querySelector('p').innerHTML).toBe('5');
|
|
});
|
|
|
|
});
|