在React组件中使用Jest和Enzyme测试化身

时间:2019-05-20 12:19:07

标签: reactjs unit-testing testing jestjs enzyme

我有一个react组件,可在将成员添加到列表后显示头像。 该头像是从后端发送的URL,它来自Google Auth。

在我的头像组件中,我有这张图片

SELECT a.first_name, a.last_name
FROM actor a
WHERE
    (SELECT actor_id
     FROM film_actor 
     WHERE
        (SELECT film_id
         FROM film
         WHERE title = "AFRICAN EGG"))

图像显示来自后端的src,或者当IMG html标记上发生错误事件时(如果URL不正确等),它显示图像占位符|

我想使用Jest和Enzyme测试此组件,但真的不知道如何。

目前,我有此测试,当正确的URL传递给组件时,该测试即通过:

 <img
          alt={`${member.displayName} avatar`}
          className="member-button__avatar"
          onClick={onDisplayDetails}
          onError={this.handleError}
          src={isAvatarError ? UserIconPlaceholder : member.avatarUrl}
          title={member.displayName}
        />

但是我想在图像元素上模拟某种错误事件,以测试错误发生后src是否更改。 有办法吗? 还是我做错了方法?

0 个答案:

没有答案