开玩笑[Vue警告]：渲染错误：“ TypeError：无法读取未定义的属性'type'”

Question

我对Jest单元测试比较陌生。我有一个带有Buefy标签的子组件DataList.vue，该标签具有如下所示的v绑定：

<b-tag :type="currentStatus.type" class="statustag">
    {{ currentStatus.statusText }}
    <b-icon
      :icon="currentStatus.icon"
      size="is-small"
      class="tagicon"
    ></b-icon>
  </b-tag>

在script标记中，我具有以下计算的属性：

get currentStatus() {
    return this.statusOptions
      .filter(status => status.status == this.item.status)
      .shift();
  }
  private statusOptions = [
    {
      status: 'Success',
      statusText: 'Success',
      type: 'is-primary',
      icon: 'check-circle'
    },
    {
      status: 'Fail',
      statusText: 'Fail',
      type: 'is-primary',
      icon: 'close-circle'
    },
  ];

当我浅装组件并编写任何单元测试并运行它时，出现以下错误：

[Vue warn]: Error in render: "TypeError: Cannot read property 'type' of undefined"

带有statusText和icon的Similary。

当我将b-tag元素注释掉时，该组件在浏览器上呈现良好，并且对该组件其余部分进行单元测试。 感谢您对如何正确测试b-tag元素的任何帮助。