Question

我很失落。我需要确认单击按钮时会触发onClick。它在控制台中记录“单击”，但是我认为我需要确保在控制台中记录“单击”，以便在测试中断言它是否可以正常工作。我确信期望是错误的，但似乎无法通过我的正常手段找到正确的答案。任何帮助将不胜感激。

index.js

ReactDOM.render(
    <Button onClick={() => console.log('Click')} />,
    document.getElementById('root')
);

Button.js

import React from 'react';

export default function Button(props) {
    return <button onClick={() => props.onClick()}>Click me!</button>;
}

Button.test.js

import React from "react";
import { shallow } from "enzyme";

import Button from "./button";

describe("<Button />", () => {
  it("Should call props.onClick when the button is clicked", () => {
    const wrapper = shallow(<Button onClick={() => console.log("Click")} />);
    wrapper.find("button").simulate("click");
    expect(console.log).expect.stringContaining("Click");
  });
});

反应测试onClick Console.log

0 个答案: