Шутливое освещение не распространяется на функциональный компонент

Question

У меня есть функциональный компонент Vue, с некоторыми тестами, использующими Jest, но покрытие говорит 0 для этого файла.Является ли это правильным способом тестирования функциональных компонентов в Vue?

Это пример моего компонента

<template functional>
      <div :class="['name', ...props.extraClasses]">
          {{ props.itemName }}
      </div>
</template>

<script>
export default {
    props: {
        itemName: {
            type: String,
            required: true,
        },
        extraClasses: {
            type: Array,
        },
    },
};
</script>

Вот как выглядит один из моих тестов

test('it works correctly with all props', () => {

    const wrapper = shallow(cmp, {
        context: {
          props: {
            itemName: 'item name',
            extraClasses: ['extra1', 'extra2'],
          }
        },
      })
    const name = wrapper.find('.name');
    expect(name.classes()).toEqual(['name', 'extra1', 'extra2']);
    expect(name.text()).toBe('item name');
});

После запуска jest я вижу, что охват равен 0, а непокрытые линии - это реквизит.Есть ли другой способ проверить функциональный компонент?

И как мне правильно настроить покрытие jest для этого тестового файла?

Спасибо

Answer 1

сообщается, что это исправлено в версии 4 https://github.com/vuejs/vue-jest/issues/88 Я попытался выполнить обновление до vue-jest@4.0.0-beta.2 и подтвердил, что эта проблема исправлена ​​