开玩笑：从流利的ui节点模块中模拟组件

Question

我目前处于无法完全测试我的组件之一的情况，因为它呈现fluentUi DropDown，并且我无法测试是否将正确的项目绑定到了下拉菜单。

我想尝试的是模拟流畅的ui DropDown，但步步还很遥远。

据我了解，应该可以像这样模拟节点模块：

let module = require.requireActual("@fluentUi/react"); 
module.DropDown= jest.fn((props: IDropDownProps) => { return <>... some content</>; }); 
jest.mock("@fluentUi/react", () => { return module; });

但这对我的测试没有任何影响。我是在正确的轨道上还是误解了某些东西？

谢谢

Answer 1

我对此主题进行了更多研究，并最终发布了一个示例，其中我在模拟ui面料模式。

工作正常。该模拟仅呈现其属性，因此，如果可以正确使用现实生活中的Modal，则可以在快照中进行声明。

https://github.com/Link631/MockingModulesWithJest/tree/master/mocking_with_jest