如何在React项目中集中快照文件夹？

Question

我在一个必须构建React UI的项目中。因为它是一个小项目，而且我很孤单，所以我尝试使用TypeScript和TDD方法进行开发。

我学到了实践，安装了Jest＆Enzyme。我了解的是，在有snpashot测试的地方都有一个__snapshot__目录。有没有一种方法可以将所有快照集中在特定路径中？

这个问题的目的是使项目文件夹尽可能整洁和可读，而不必在每个组件文件夹中添加__snapshot__文件夹。

获得便利行为的一种方法是将所有测试存储在src / tests文件夹中，以获取src / tests / __ snapshots__文件夹，但我宁愿将组件测试保留在components文件夹中。

Answer 1

您需要在jest.config文件中创建custom snapshot resolver。链接有一个示例代码可以满足您的要求。