reactjs - 模拟 URLSearchParams

Question

我们正在使用 jest mock 。 enzyme用于在我们的应用程序中呈现。

在这里，我试图模拟 URLSearchParams的 get方法。

我试着用

jest.spyOn(URLSearchParams, 'get'); 

但它不起作用。

我的 react 课看起来像波纹管

export default class Concepts extends React.Component {
  static getDerivedStateFromProps(props) {
  const searchParams = new URLSearchParams(props.search);
  return {
     keyword: searchParams.get('q')
   };
}

我的测试如下所示

it('should be able to change the state', () => {
  jest.spyOn(URLSearchParams, 'get');
  const wrapper = mount(
        <Concepts search="test" />
   );
});

这是正确的方法吗？还有其他方法可以做到吗？提前致谢 :)

Answer 1

你必须 mock get在 URLSearchParams.prototype ， 喜欢 :

jest.spyOn(URLSearchParams.prototype, 'get').mockImplementation((key) => key);