Question

我有一个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是否更改。有办法吗？还是我做错了方法？

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

0 个答案: