Unable to access elements inside Shadow Root in WCT

Question

In my unit test, I am unable to access dom element from shadow root.

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

I am getting null in imgElement. How to get the img element? I have tried also,

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

it looks like maybe that image is not in your element's shadowRoot, but in one of its descendants'.. — mishu, Jan 21 '19 at 11:27
Can you post what your DOM looks like and what the function `fixture` returns — Intervalia, Jan 22 '19 at 21:30

Cappittall · Answer 1 · 2019-01-21T15:06:15.657

0

If you are trying to access the dom element in the shadow root. Try ;

 this.$.<element-id>

or

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

edited Jan 21 '19 at 15:06

answered Jan 21 '19 at 14:58

Cappittall

score 0 · Answer 2 · answered Jul 03 '20 at 16:15

0

you have to use the setup function first

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

answered Jul 03 '20 at 16:15

Bolu Oluwalade

2 Answers2