1 回答

TA貢獻1802條經(jīng)驗 獲得超6個贊
真的沒有必要測試這個。該disabled道具是底層的HTML的一部分,所以通過測試它只是測試的HTMLbutton作品(你可以相信它)。更好的測試可能是檢查disabled道具是否true在您嘗試測試的條件下設(shè)置。
也就是說,一種方法是將您的onClick注入SampleButtonvia props,如下所示:
const SampleButton = ({ onClick }) => (
<button
disabled={true}
onClick={onClick}
test-attr="button"
type="button"
>
Click Me
</button>
);
然后你可以像這樣測試它:
test('cannot click button if disabled', () => {
// Set up a mock function that allows you to make assertions
const mockOnClick = jest.fn();
// Pass it into SampleButton
const wrapper = shallow(<SampleButton onClick={mockOnClick} />);
const button = wrapper.find('[test-attr="button"]');
button.simulate('click');
// Make assertions
expect(mockOnClick).not.toHaveBeenCalled();
});
添加回答
舉報