如何配置 jest 快照位置

Question

我希望将我的笑话快照创建为我的测试文件的兄弟

我目前将我的快照放在默认的__snapshots__文件夹中。

当前的：

我想达到的目标：

我在 github 上找到了这篇文章： https : //github.com/facebook/jest/issues/1650

在线程中，有人说以下应该有效，但我没有任何运气（即使更改了正则表达式和其他更改）：

module.exports = {
  testPathForConsistencyCheck: 'some/example.test.js',

  resolveSnapshotPath: (testPath, snapshotExtension) =>
    testPath.replace(/\.test\.([tj]sx?)/, `${snapshotExtension}.$1`),

  resolveTestPath: (snapshotFilePath, snapshotExtension) =>
    snapshotFilePath.replace(snapshotExtension, '.test'),
}

Answer 1

在package.json （或者如果您使用jest.config.js ）中，您需要添加snapshotResolver文件的路径：

"jest": {
  "snapshotResolver": "./snapshotResolver.js"
}

snapshotResolver.js是一个包含您在 Github 问题中找到的代码的文件。

在我的例子中，这个文件位于项目的根目录（靠近node_modules文件夹）

Answer 2

此外，除了Vasyl Nahuliak 的回答中建议的 snapshotResolver 路径之外，要实现快照和测试文件如下所示：

file.test.js
file.test.js.snap

您的 snapshotResolver 应如下所示：

module.exports = {
  testPathForConsistencyCheck: 'some/example.test.js',

  resolveSnapshotPath: (testPath, snapshotExtension) =>
    testPath.replace(/\.test\.([tj]sx?)/, `.test.$1${snapshotExtension}`),

  resolveTestPath: (snapshotFilePath, snapshotExtension) =>
    snapshotFilePath.replace(snapshotExtension, ''),
};

Answer 3

这些解决方案更复杂，这是您尝试执行的操作所需的。

正如在https://github.com/facebook/jest/issues/1650 中指出的那样

解决方案

创建一个文件：我用过 - 'jest/snapshotResolver.js'

module.exports = {
  resolveSnapshotPath: (testPath, snapshotExtension) =>
     testPath + snapshotExtension,
  resolveTestPath: (snapshotFilePath, snapshotExtension) =>
    snapshotFilePath.replace(snapshotExtension, ''),
  testPathForConsistencyCheck: 'some.test.js',
};

在你的笑话配置中将该文件设置为解析器

snapshotResolver: './jest/snapshotResolve.js',

或者如果你在 package.json 中开玩笑的配置：

"snapshotResolver": "./jest/snapshotResolve.js",

解释

总之这两个函数互为镜像，一个取测试文件路径返回快照路径，另一个取快照路径返回测试文件路径。 第三个是用于验证的文件路径示例。

更清晰的代码帮助澄清发生了什么

要记住的一件事是路径是完整路径而不是相对路径。

/**
 * 
 * @param testPath Path of the test file being test3ed
 * @param snapshotExtension The extension for snapshots (.snap usually)
 */
const resolveSnapshotPath = (testPath, snapshotExtension) => {
    const snapshotFilePath = testPath + snapshotExtension; //(i.e. some.test.js + '.snap')
    return snapshotFilePath;
}

/**
 * 
 * @param snapshotFilePath The filename of the snapshot (i.e. some.test.js.snap) 
 * @param snapshotExtension The extension for snapshots (.snap)
 */
const resolveTestPath = (snapshotFilePath, snapshotExtension) => {
    const testPath = snapshotFilePath.replace(snapshotExtension, '').replace('__snapshots__/', ''); //Remove the .snap
    return testPath;
}

/* Used to validate resolveTestPath(resolveSnapshotPath( {this} )) */
const testPathForConsistencyCheck = 'some.test.js'; 

module.exports = {
    resolveSnapshotPath, resolveTestPath, testPathForConsistencyCheck
};