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）アサーションを提供します。