How to test components with ViewEncapsulation.ShadowDom?
まだ誰も着手していません。
評価
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 初心者へのやさしさ
- 25/100
- issue の種類
- バグ
- 明瞭さ
- 説明が足りない
- 活発さ
- 停滞
- 技術スタック
- angular, typescript
調査の方向性
まず、Angular Element に対して ViewEncapsulation.ShadowDom を有効にした Angular コンポーネントテストを再現し、次に Angular Testing Library がレンダリングされたコンポーネントをどのようにクエリするかを調査します。shadow DOM 内の要素を見つけられるかどうかを確認し、必要な動作を文書化または実装できれば完了です。
索引モデルが issue の本文から書いたものです。
説明
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.
- 主要言語
- TypeScript
- スター
- 792
- フォーク
- 95
- 平均マージ
- 34分
- マージ済み PR(30日)
- 3
環境構築
このプロジェクトの開発コンテナを、あなたの GitHub アカウントでブラウザ上に起動します。
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートなし
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
testing-library/angular-testing-library のほかの issue
-
Add skills?オープン
難易度 5/5 1週間以上 初心者へのやさしさ 15/100
-
難易度 5/5 1週間以上 初心者へのやさしさ 35/100
testing-library/angular-testing-library#593 · コメント 1 件 · リアクション 1 件 ·
-
難易度 5/5 1週間以上 初心者へのやさしさ 35/100
testing-library/angular-testing-library#576 · コメント 3 件 ·
-
難易度 5/5 1週間以上 初心者へのやさしさ 25/100
testing-library/angular-testing-library#383 · コメント 5 件 ·
testing-library/angular-testing-library の issue をすべて見る
似ている issue
-
effort:S priority:P2
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
cameri/nostream#811 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 62/100
dam-agents/dam#4562 ·
メンテナーはふだん 1 日以内に返信
-
bug p3 triaged
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
メンテナーはふだん 1 日以内に返信
-
bug javascript P2-medium python release:v3.1
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
adrirubio/claude-deck#546 ·
メンテナーはふだん 1 日以内に返信