测试使用react-relative-portal的react组件

时间:2018-12-10 10:24:59

标签: reactjs jestjs

react-relative-portal是一个软件包,用于在组件外部创建html,从而忽略溢出属性。问题是,当我测试react组件时,要测试的部分不在已安装组件的范围之内。我不确定如何进行测试。

class MyComponent extends Component{
    constructor(){
        this.state={
        showPotal: false
        }
    }
    handleClick = () => {
        this.setState((prevState) =>{
        showPortal: !prevState.showPortal
        })
    }
    render(){
        <button onClick={this._handleClick}>show portal</button>
            {this.state.showPortal && (
                <RelativePortal component="div">
                        <Portal />
                </RelativePortal>
            )}
    }
}

如您所见,由于<Portal /><RelativePortal />内部,因此在组件外部进行渲染。我不确定如何在<Portal />

的上下文中找到<MyComponent />

0 个答案:

没有答案