Question

我需要测试Button组件

它是按钮：

import React from "react";
import  './Button.css'


const Button = props => {
    return(
        <button className={"Button"}
        onClick={props.onClick}
        disabled={props.disabled}
        >
            {props.children}
        </button>
    )
}
export default Button

这是我的Button.test.js：

import React from 'react';
import {shallow} from 'enzyme';
import Button from "./Button";

    it('has a title class', () => {

        const wrapper = shallow(<Button/>);

        expect(wrapper.hasClass('Button')).to.equal(true);

我要添加酶来反应。在控制台中，我出现了一个错误：

enter image description here

告诉我如何解决问题，我是React的新手。

Answer 1

您需要调用hasClass元素上的button而不是wrapper：

expect(wrapper.find('button').hasClass('Button')).to.equal(true);

为什么酶测试在React中无法正常工作？

1 个答案: