Mocking a function 在被测组件内 Reactjs

Question

我们可以模拟一个 function，它写在 Reactjs 的被测组件内吗？

Answer 1

您不能直接模拟 function 但有一些方法可以让它工作。 您可以在 props 中传递 function 并调用它，而不是使用原始的 function。

例如

const MyComponent = () => {
   const myFunction = () => {
      // Your code here
   };
   // rest of the code
}

你可以把它变成

const MyComponent = ({myMockedFunction}) => {
   const myFunction = myMockedFunction || (() => {
      // Your code here
   });
   // rest of the code
}

其他方法包括在外部重构 function 以便您可以直接使用 jest.mock。