I have a query about accessing a specific element. Here is the scenario:
<app-advanced-select e2e="test">
<div>
<div>
<input>
</div>
</div>
</app-advanced-select>
My goal is to input text into the field, but I keep encountering an error message saying it can't focus on the element.
const currentElement = element(by.css('app-advanced-select[e2e=test]')).element(by.css('input'))
await currentElement.sendKeys('my text')
How can this be achieved, given that there are 2 nested div elements between app-advanced-select and the input field? Thank you!
p.s: I am unable to assign an e2e attribute to the divs or input element, as they do not exist in the project source code.