Question

MyComponent.js具有toLowerCase并包含在道具中。当我对MyComponent进行单元测试时，我得到toLowerCase并且include（）不是函数。

MyComponent.js

this.props.currentUser.role.toLowerCase().includes('admin')

MyComponent.test.js

    mount(<Provider store={store}>
        <MyComponent />
      </Provider>);
  });

错误：

TypeError: this.props.currentUser.role.toLowerCase is not a function 
TypeError: this.props.currentUser.role.includes is not a function

Answer 1

您应该将currentUser对象作为道具传递给组件。

let user ={role:"test"}
mount(<Provider store={store}>
        <MyComponent currentUser={user}/>
      </Provider>);
});

Answer 2

.toLowerCase()和.include()仅适用于字符串。确保要传递给道具的参数是字符串。在您的代码中，您没有传递任何道具，因此，基本上，您试图在未定义的类型上执行这些功能。尝试以下方法：

mount(<Provider store={store}>
        <MyComponent currentUser={user}/> //Specify 'user' before
      </Provider>);

Answer 3

首先检查值是否存在以及角色是否为字符串，然后应用一些功能

this.props.currentUser && this.props.currentUser.role &&
this.props.currentUser.role.toString().toLowerCase().includes('admin') ? 'Yes included' or 'Not'

如果您使用 toLowerCase（）函数，也请不要与 Admin 和 admin

进行比较

include（）和toLowerCase不会从玩笑单元测试中抛出函数错误

3 个答案: