如何测试一个子组件不存在与React +酶

Question

可以说我有一个组件具有控制是否显示按钮的道具。我将添加以下测试以确保始终遵守道具。

import React from 'react'; 
import { expect } from 'chai'; 
import { mount } from 'enzyme'; 
import { MyComponent } from '..'; 

describe('MyComponent',() => { 
    it('should render as expected',() => { 
    const wrapper = mount(<MyComponent showButton={ false } />); 
    expect(wrapper.find('.button')).to.have.length(0); 
}); 

我的问题是：有没有更好的方法来测试的东西没有一个组件中存在？

我正在寻找更详细的东西。有没有像.to.not.exist这样的连锁店？

Answer 1

如果您使用chaiEnzyme（https://github.com/producthunt/chai-enzyme），它会为您提供一个.to.not.be.present（）或.to.not.exist（https://github.com/producthunt/chai-enzyme#present）断言，您可以使用它来帮助清理这些类型的断言。