如何測試一個子組件不存在與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）斷言，您可以使用它來幫助清理這些類型的斷言。