如何用笑话进行测试

Question

我正在学习使用 create-react-app 内置测试工具进行测试。我已经成功地测试了一些哑组件和获取调用，但是当我添加一个简单的功能测试时出现了问题。我已经搜索了答案，但我无法判断这是错误还是我做错了。这是我正在测试的功能。

 export default async function (trips, users) {
  let arry = []

  trips.forEach(trip => {
    if (trip.get('distance') !== '0.0' || trip.get('distance') !== 0.0) {
      users.forEach(user => {
        let hours = 0
        if (trip.get('userId') === user.get('id')) {
          if (trip.get('duration')) {
            hours += toSeconds(trip.get('duration'))
            hours = toHHMMSS(hours)
            hours = roundTime(hours)

            const obj = {
              hours: parseInt(hours), // eslint-disable-line
              fullName: user.get('fullName'),
              id: user.get('id')
            }
            arry.push(obj)
          }
        }
      })
    }
  })

  return arry
}

这是测试

 test('user hours for summary', () => {
  let tripsData = testData.TRIPS_DATA
  let usersData = testData.USERS_DATA
  tripsData = Immutable.fromJS(tripsData)
  usersData = Immutable.fromJS(usersData)
  return userHours(tripsData, usersData).then(res => {
    expect(res).toEqual(testData.USER_HOURS_RESULT)
  })
})

这是控制台的屏幕截图

我也在用

"custom-react-scripts": "^0.2.1"

而不是默认的反应脚本。我认为这可能是问题所在，但当我切换回去时，它抛出了同样的错误。

"test": "react-scripts test --coverage --env=jsdom"

Answer 1

根据this and this，看来这可能是create-react-app的一个bug导致的。尝试运行没有覆盖模式的测试，看看它是否有效。

如果它仍然不起作用，则出现错误的可能性要小得多。也许在你 return 的承诺上附加一个 .catch() 以查看你的函数中是否存在以某种方式未被发现的错误。

如何用笑话进行测试

How to test with jest

reactjs

jestjs

create-react-app