开玩笑:从流畅的 ui 节点模块中模拟组件

Question

我目前处于无法完全测试我的一个组件的情况，因为它呈现了一个流畅的 Ui 下拉列表，并且我无法测试正确的项目是否绑定到下拉列表。

我想尝试的是模拟流畅的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 结构模态。

它工作正常。模拟仅呈现其属性，因此我可以在快照中断言，如果现实生活中的模态被正确使用。

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