首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用MART()的酶测试无法获得反应模态对话框的内容

使用MART()的酶测试无法获得反应模态对话框的内容

提问于 2018-06-08 04:27:37
回答 1关注 0查看 153

我有一个带有模态对话框的Reaction组件(使用reactstrap,但其他人也报告了类似的问题react-bootstrap以及其他类型的模态部件)。酶在模态中找不到任何成分,即使它们在实际的应用程序中呈现得很好。最起码的例子:

代码语言:txt
复制
import React from 'react'
import { Modal } from 'reactstrap'

export default class MyModal extends React.Component {

    render() {
        return (
            <div className="outside"> Some elements outside of the dialog </div>
            <Modal isOpen={this.props.modalOpen}>
                <div className="inside"> Content of dialog </div>
            </Modal>
         );
    } 
}

我想测试内容(在本例中使用jest)像这样

代码语言:txt
复制
import React from 'react'
import MyModal  from './MyModal'
import { mount } from 'enzyme'

it('renders correctly', () => {
    const wrapper = mount( <MyModal modalOpen/> );

    expect(wrapper).toMatchSnapshot();

    // Passes
    expect(wrapper.find('.outside')).toHaveLength(1);

    // Fails, 0 length
    expect(wrapper.find('.inside')).toHaveLength(1);
});

测试正确地找到了Modal之外的内容,但是没有在里面找到任何东西。查看快照显示,实际上,在<Modal>被渲染。但是,如果我替换mount带着shallow。问题是我需要mount测试生命周期方法,如componentDidMount

为什么不mount渲染模态的内容?我认为关键在于它呈现了整个子元素树。

回答

和开发者交流更多问题细节吧,去 写回答
相关文章

相似问题

相关问答用户
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档