Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

How to test components with ViewEncapsulation.ShadowDom?

Ouverte
#290 4 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
4/5
Temps estimé
3-5 jours
Accessibilité débutants
25/100
Type d'issue
Bug
Clarté
À clarifier
Activité
À l'abandon
Stack technique
angular, typescript
Domaine
frontend, testing

Piste de recherche

Commencez par reproduire le test du composant Angular avec ViewEncapsulation.ShadowDom activé pour un Angular Element, puis examinez comment Angular Testing Library interroge le composant rendu. Le travail est terminé lorsqu’il a été établi si les éléments à l’intérieur du shadow DOM peuvent être trouvés et que le comportement requis a été documenté ou implémenté.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

Hi, I'm testing component that used as WebComponent (Angular Element).

And I want to enable shadow DOM encapsulation.

@Component({
  // ...
  encapsulation: ViewEncapsulation.ShadowDom // <- This!
})

But if shadow DOM encapsulation is enabled, Angular Testing Library seems failed find elements in shadow DOM.

Is there anything I can solve this problem?

Thanks.

Langage dominant
TypeScript
Étoiles
792
Forks
95
Merge moyen
34 min
PR mergées (30 j)
3

Préparer son environnement

Ouvrir dans Codespaces

Lance le conteneur de développement du projet dans votre navigateur, avec votre propre compte GitHub.

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de testing-library/angular-testing-library

Toutes les issues de testing-library/angular-testing-library

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.