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

describe('Test Button component', () => {
  it('Test click event', () => {
    const mockCallBack = jest.fn();

    const button = shallow((<Button onClick={mockCallBack}>Ok!</Button>));
    button.find('button').simulate('click');
    expect(mockCallBack.mock.calls.length).toEqual(1);
  });
});

模拟点击、检查dom正确性是测试框架基本功能了
这个版面网友应该年纪都比较大了，没见过啥新把戏，不过这也不是啥新把戏，10来年历史了

【 在 hgoldfish 的大作中提到: 】
: 比如有个 <form><input id="xxx" value=""/></form> 是使用 reactjs 绘制出来的。
: 以前，如果我们想做自动化测试工具，只要简单改动 $("#xxx").value="v" 再提交 form 就行了。现在改动这个 value 并没有用。因为 reactjs 在刷新 dom 的时候，内部值并没有变化，马上又会变成 ""，提交的值不对。
: 有时候调用 dispatchEvent(new Event("change")) 好像也没用。
: ...................
--
FROM 114.242.237.*