如何在redux-saga的笑话测试中产生多个值

Question

我刚刚开始为使用Redux-sagas和生成器功能的React Native项目使用Jest编写测试。 我没有太多的测试经验，所以如果这是基本知识，请原谅我的无知。

我有以下函数，该函数基于从另一个函数产生的结果定义变量。 我不知道如何模拟多个变量...

我的功能

export function * getAssets (api) {
  const bearerToken = yield select(selectBearerToken)
  const timelines = yield select(selectTimelines)

  if (timelines) {
    // Do stuff with timelines
    const response = yield call(api.getAssetById, bearerToken, 'abc123')
  }
}

我的测试

const stepper = (fn) => (mock) => fn.next(mock).value

test('getAssets', () => {
  const step = stepper(getAssets(FixtureAPI))
  const bearerToken = 'bearer_test_token'
  const timelines = 'mocked for brevity'

  expect(step()).toEqual(select(selectBearerToken))
  expect(step()).toEqual(select(selectTimelines))
  expect(step(timelines)).toEqual(call(FixtureAPI.getAssetById(bearerToken, 'B13fGCE_l')))
})

问题

当它调用getAssetById ， bearerToken是未定义的，但是timelines已定义； 因为我将其传递给step() 。 如何将timelines和bearerToken都bearerToken给step() ？ 那就是我会怎么做吗？

Answer 1

您可以在这里花一些时间阅读有关JavaScript生成器的信息-https: //developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Iterators_and_Generators ，尤其是高级生成器部分。

长话短说， yield将next调用的yield关键字之后返回表达式的求值。 在这种情况下，当您首次调用step()时，返回值应该是select(selectBearerToken)求值的值。 next还可以接受一个值，即.next(val) ，该值将作为yield调用的返回值传递回。 这样，当您第三次使用timelines调用step()时，它将首先将timelines传递回上一个yield调用，然后继续进行下一个yield并停止并返回。

您想要正确测试此方法的方法是在第二个step()调用中，还传回bearerToken的值，即bearerToken expect(step(bearerToken)).toEqual(select(selectTimelines)) 。 然后，应设置bearerToken。

一种建议是将step()调用与您的断言分开，以使其更易于理解IMO。