2

ボタンを表示するかどうかを制御する prop を持つコンポーネントがあるとします。次のテストを追加して、小道具が常に監視されるようにします。

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ますか？

4

1 に答える 1

1

chaiEnzyme ( https://github.com/producthunt/chai-enzyme ) を使用すると、 .to.not.be.present() または .to.not.exist ( https://github.com /producthunt/chai-enzyme#present ) アサーションを使用して、この種のアサーションをクリーンアップすることができます。

于 2017-01-12T22:06:00.643 に答える