reactjs - 如何使用 React+enzyme 测试子组件不存在

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）断言，您可以使用它来帮助清理这些类型的断言。