React
使用的组件
react-loadable
. 说,我有一个
Button
icon
道具,装载
Icon
Button.js按钮
const LoadableIcon = Loadable({
loader: () => import('./Icon'),
loading: () => <div>Loading...</div>
})
function Button(props) {
return (
<button
onClick={props.onClick}>
{props.icon &&
<LoadableIcon name={props.icon} />}
{props.children}
</button>
)
}
但是,当我测试这个组件时
尚未加载,而测试只找到
<div>Loading...</div>
元素。。。
import React from 'react'
import {render} from 'react-testing-library'
import Button from '../Button'
describe('Button', () => {
it('renders icon correctly', () => {
const {getByText} = render(
<Button
icon='add'
/>
)
expect(getByText('add')).toBeInTheDocument()
})
})
有没有一种优雅的方法来处理这种情况而不使用实际的
setTimeout
s?