Я пытаюсь сгенерировать покрытие кода для компонентов VueJS, которые написаны на TypeScript с использованием декораторов vue-class-component и с отдельными файлами .ts
для реальной логики компонента. Например, для одного компонента VueJS у меня фактически есть два файла, один .vue
файл с шаблоном HTML, который вызывает файл .ts
, содержащий данные / свойства / методы, в компонент класса.
Для выполнения тестов яиспользование vue-test-utils
вместе с mocha-webpack
и покрытие кода выполняется с использованием istanbul/nyc
.
Вот моя package.json
конфигурация, специфичная для тестов:
А вот правила для покрытия в моем файле конфигурации webpack:
Наконец, еще один фрагмент теста для компонента VueJS ProgressBar:
Тесты на компоненте выполняются нормально, однако компонент ProgressBar
не указан в моем покрытии.
Единственный обходной путь, который я нашел, чтобы получитьохват компонентов класса заключается в том, чтобы на самом деле создавать их экземпляры в тестах (например, progressBar = new ProgressBarClass()
), однако это противоречит цели vue-test-utils ... Есть идеи?
Большое спасибо за вашу помощь!