使用Jest/ Enzyme测试每个用例/返回

Question

尝试使用jest和酶来测试以下内容。当我运行npm-coverage时，它显示每个用例都没有经过测试。不太确定如何找到解决方案

以下是代码

renderColumnDropdown = () => {
if (this.props.columnIdList != undefined) {
let columnOptions = Object.keys(this.props.columnIdList).map(key => {
  switch (key) {
    case 'sort':
      return false
    case 'filters':
      return false
    case 'group':
      return false
    case 'dimensions':
      return false
    case 'pivot':
      return false
    case 'pivotanalysis':
      return false
    default:
    return (
      <option value={key} key={key}>{this.props.columnIdList[key]}</option>
    )
  }
})

这是我通常设置测试用例的方式:使用浅层

it('Test renderColumnDropdown function',() => {
  wrapper.setProps({
    columnIdList:[{
        key:'pivotanalysis'
        }],
    })
  wrapper.setState({
     }),
  wrapper.update();
  expect(wrapper.instance().renderColumnDropdown({defaultData:{filters:[{ column:''}]}})).toBeDefined();
});

Answer 1

您可以通过将返回相同值的所有情况组合在一起来重构您的代码，以覆盖它们，并且它应该具有覆盖所有分支的第一个键。

switch (key) {
    case 'sort':
    case 'filters':
    case 'group':
    case 'dimensions':
    case 'pivot':
    case 'pivotanalysis':
        return false
    default: 
        return (
            <option value={key} key={key}>{this.props.columnIdList[key]}</option>
        )