无法访问 WCT 中 Shadow Root 内的元素答案

【问题标题】：Unable to access elements inside Shadow Root in WCT无法访问 WCT 中 Shadow Root 内的元素
【发布时间】：2019-06-14 17:36:09
【问题描述】：

在我的单元测试中，我无法从 shadow root 访问 dom 元素。

var el = fixture('basic');
var imgElement = el.shadowRoot.querySelector('img');

我在 imgElement 中得到空值。如何获取 img 元素？我也试过了，

var imgElement2= document.querySelector('img');

【问题讨论】：

【解决方案1】：

如果您尝试访问影子根中的 dom 元素。试试看；

 this.$.<element-id>

或

this.shadowRoot.querySelector(selector)  / ie:('#element-id')

【讨论】：

【解决方案2】：

你必须先使用setup函数

   suite('test', function(){
                setup(function () {
                my-el = fixture('DefaultElement');
            });

【讨论】：