Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

How to test components with ViewEncapsulation.ShadowDom?

Aberta
#290 4 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
4/5
Tempo estimado
3-5 dias
Facilidade para iniciantes
25/100
Tipo de issue
Bug
Clareza
Precisa de esclarecimento
Status de atividade
Estagnada
Stack de tecnologia
angular, typescript
Domínio
frontend, testing

Direção de pesquisa

Comece reproduzindo o teste do componente Angular com ViewEncapsulation.ShadowDom habilitado para um Angular Element e, em seguida, inspecione como a Angular Testing Library consulta o componente renderizado. A tarefa estará concluída quando for estabelecido se os elementos dentro do shadow DOM podem ser encontrados e o comportamento necessário tiver sido documentado ou implementado.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

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.

Linguagem predominante
TypeScript
Estrelas
794
Forks
95
Merge médio
6d 4h
PRs com merge (30d)
3

Preparar o ambiente

Abrir no Codespaces

Inicia o contêiner de desenvolvimento do projeto no navegador, com a sua própria conta do GitHub.

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de testing-library/angular-testing-library

Todas as issues de testing-library/angular-testing-library

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.