Добавление класса с тем же значением, что и селектор

Question

Чтобы исправить некоторые проблемы с SonarQube (а именно, «Неожиданный селектор неизвестного типа»), я пытаюсь добавить класс для каждого компонента, который есть в моем веб-приложении. Например, я хочу, чтобы мои компоненты были <app-footer class="app-footer">, чтобы я мог использовать селекторы классов вместо тегов.

Какой может быть лучший подход?

Я мог бы go и модифицировать каждый компонент и объявите свойство host.class и добавьте то же значение, что и свойство «селектор», но есть ли лучший способ, когда мне не нужно дублировать имя селектора или вручную изменять каждый компонент?

Answer 1

Вы можете установить определенные атрибуты c для теста, такие как data-test-tag, поэтому вам не нужно изменять классы. Вы можете запросить дом, используя [data-test-tag = 'app-footer'] для тестирования

<app-footer data-test-tag="app-footer">