Компонент VueJS: покрытие кода для отдельного файла с компонентом vue-class-component - PullRequest
0 голосов
/ 04 ноября 2019

Я пытаюсь сгенерировать покрытие кода для компонентов VueJS, которые написаны на TypeScript с использованием декораторов vue-class-component и с отдельными файлами .ts для реальной логики компонента. Например, для одного компонента VueJS у меня фактически есть два файла, один .vue файл с шаблоном HTML, который вызывает файл .ts, содержащий данные / свойства / методы, в компонент класса.

Для выполнения тестов яиспользование vue-test-utils вместе с mocha-webpack и покрытие кода выполняется с использованием istanbul/nyc.

Вот моя package.json конфигурация, специфичная для тестов:Extract from package.json

А вот правила для покрытия в моем файле конфигурации webpack:Extract from webpack.test.config.js

Наконец, еще один фрагмент теста для компонента VueJS ProgressBar:Sample from VueJS test

Тесты на компоненте выполняются нормально, однако компонент ProgressBar не указан в моем покрытии.

Единственный обходной путь, который я нашел, чтобы получитьохват компонентов класса заключается в том, чтобы на самом деле создавать их экземпляры в тестах (например, progressBar = new ProgressBarClass()), однако это противоречит цели vue-test-utils ... Есть идеи?

Большое спасибо за вашу помощь!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...