Jest [Vue warn]: Ошибка при рендеринге: «TypeError: невозможно прочитать свойство 'type' of undefined» - PullRequest
Новая
       159

Jest [Vue warn]: Ошибка при рендеринге: «TypeError: невозможно прочитать свойство 'type' of undefined»

0 голосов
/ 07 августа 2020

Я относительно новичок в модульном тестировании Jest. У меня есть дочерний компонент DataList. vue с тегом Buefy, который имеет v-bind следующим образом: 

<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.

Компонент отлично отображается в браузере, и модульные тесты для оставшейся части компонента работают, когда я закомментировал элемент b-tag. Приветствуется любая помощь о том, как правильно провести тестовый тест на элемент b-tag.

...