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

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

1 个答案: