这是我的组件:
const User = ({ users }) => (
<div className="displayContainer">
{users &&
users.length > 0 &&
users[0].username ?
<div className="userOnShow">
<img className="userImage"alt="no image yet"/>
<div>{users[0].username}, {users[0].age}</div>
</div>
:
<div className="noOneLeft">
{'Sorry, no new people in your area'}
</div>
}
</div>
)
我有2个问题。我应该测试什么样的东西?即只是它呈现某些类等?
我假设测试三元将是一个集成测试?
还有我的主要问题,当我这样做时:
describe.only('DisplayingUser', () => {
let wrapper;
const usersStub = {remainingUsers: []}
it('expects the props to be correct', () => {
wrapper = shallow(
<User
users={usersStub}
/>
)
const userClass = wrapper.find('.userOnShow')
console.log(userClass, 'uc');
expect(userClass.length).to.equal(1)
});
})
它没有说expected 0 to equal 1
,即它没有找到我的class,但显然它在那里?