时间戳

首页 > 解决方案 > Jest 文件夹结构

reactjs - Jest 文件夹结构

问题描述

我目前在我的 CRA 应用程序中使用 Jest。我看到 CRAfilename.test.js在编写测试时选择使用格式，但我发现这种方法对眼睛和大脑来说有点麻烦。我发现您可以在名为的文件夹中编写测试，__tests__并且 jest 将自动在该文件夹中运行测试。我喜欢这种方法。我现在的问题是，使用此设置时的标准是什么？通常，我的src文件夹是这样设置的：

src
└── components
    ├── some1ComponentDir
    └── some2ComponentDir

我是__tests__在每个级别创建一个文件夹，还是在位于src文件夹内的文件夹内模拟文件夹的结构？__tests__src

如果您认为这是一个愚蠢的问题，请忽略它并继续前进。谢谢你的帮助。

标签： reactjstestingjestjs

解决方案

在我看来，Jest 的约定按从好到坏的顺序排列：

  1. src/file.test.js在Getting Started文档中首先提到，并且非常适合在源文件旁边轻松找到测试（尤其是单元）
  2. src/__tests__/file.test.js允许您拥有多个__tests__目录，因此测试仍然靠近原始文件，而不会弄乱相同的目录
  3. __tests__/file.test.js更像是旧的测试框架，将所有测试放在一个单独的目录中；虽然 Jest 确实支持它，但保持测试的组织性和可发现性并不容易

由于您不想要 1，因此听起来 2 是您的最佳选择。

推荐阅读