es6 模块中其他函数使用的存根函数

Question

我一直在考虑如何测试同一文件中其他函数使用的特定函数。

例如，假设我在一个文件中有两个函数：

// validators.js
export const required = ...;
export const containsUppercase = ...;
export const containsNumber = ...;

export const password = (val) => [required, containsUppercase, containsNumber].every(f => f(val));

很明显，密码验证器取决于required、containsUppercase 和containsNumber 函数。但是，如果我想将它们存根怎么办，所以我的测试实际上不必关心这些函数或它们如何验证。

这是一个简单而愚蠢的例子，但我在更复杂的场景中遇到了同样的问题。

例如，如果我尝试使用 sinon 执行此操作，我可能会尝试执行此操作：

import * as validators from './validators';

sinon.stub(validators, 'required').returns(false);
sinon.stub(validators, 'containsUppercase').returns(true);
sinon.stub(validators, 'containsNumber').returns(true);

// test
expect(validators.password('notImportant')).toBe(false);

我试过这样做，但我无法让它工作。我发现我可以让它工作，如果我做这样的事情，虽然我还没有测试过。

const required = ...;
const containsUppercase = ...;
const containsNumber = ...;

const password = (val) => [ex.required, ex.containsUppercase, ex.containsNumber].every(f => f(val));

export default ex = {
  required,
  containsUppercase,
  containsNumber,
  password,
}

这个解决方案也很丑，因为我现在不得不担心将函数导出到正确的位置，并且还要通过导出对象引用它。

有没有更清洁的方法来做到这一点？或者更确切地说，测试这些功能的最佳方法是什么？

Answer 1

第二个 sn-p 中的模式是正确的。 password 应该引用对象方法，以便在 validators.js 范围之外模拟它们。

在 JS 中自然实现这种行为的方法是使用this：

export class Validators {
  required = (...) => { ... }
  ...
  password = (val) => [this.required, ...].every(...);
}

export default new Validators;

或者，使用正常（非箭头）功能：

export default {
  required(...) {
    ...
  }
  ...
  password(val) {
    [this.required, ...].every(...);
  }
}

在第二种情况下，required 等方法如果在像[this.required, ...].every(...) 一样被调用时使用this，则应额外绑定。

Answer 2

“但每次都必须调用 password(requiredFn, uppercaseFn, numberFn, val) 对我来说似乎不是很吸引人。”

您可以使用参数的默认值：

const defaultValidators = [required, containsUppercase, containsNumber];
const password = (value, validators = defaultValidators) => validators.every(f => f(value));

这允许您同时调用password('pass') 和password('pass', [v => false])，从而存根您的验证函数。