javascript - 如何测试返回函数值

Question

如何测试此函数的返回值？

handleValidatePassword = (confirmPassword) => {
    const { newPassword } = this.props;
    if (newPassword !== confirmPassword) {
      return <FormattedMessage id="some value" />;
    }
  }

如果条件正确，我需要检查此函数的返回值是否是预期的值:(FormattedMessage return span with value === id)

<span> some value </span>

我使用浅 enzyme 进行测试

Answer 1

如果你使用 Jest 或 Jasmine ，我个人会使用 enzyme 匹配器。 https://github.com/FormidableLabs/enzyme-matchers/blob/master/packages/jest-enzyme/README.md#tocontainreact

import { shallow } from 'enzyme' 
import Element from './yourpath'

const wrapper = shallow(<Element />); // mount/render/shallow when applicable

//as shallow renders only one level of children components
expect(wrapper).toContainReact(<FormattedMessage id="some value" />);

//or if you want to test actually the span element you should use mount
const wrapper2 = mount(<Element />);
expect(wrapper).toContainReact(<span> some value </span>);