Угловой локатор испытаний Protractor не работает

Question

У меня угловое веб-приложение, в котором есть некоторые сложные элементы для работы.Это флажок, который я должен проверить в своих тестах:

`
<div class="row form-group approval_label">  
<div class="col col-md-10 col-md-offset-1">  
<div class="custom-control custom-checkbox">  
<input class="custom-control-input ng-untouched ng-pristine ng-invalid" 
formcontrolname="dataProtection" id="date-personale" name="dataProtection" 
tabindex="5" type="checkbox" ng-reflect-name="dataProtection">  
<label class="custom-control-label auto-label" for="date-personale">  
::before  
Am citit si am inteles informarea privind   
::after  
<a> protectia datelor cu caracter personal.</a>  
</label>  
</div>  
</div>  
</div>>  
`

Пытался использовать: element(by.id('date-personale')), element(by.css("input [class='custom-control-input ng-dirty ng-touched ng-invalid']"))

Но, к сожалению, мне не повезло.У кого-нибудь есть идеи, как найти этот элемент?Спасибо!

Answer 1

К сожалению, я в конечном итоге использовал xpath, даже если вы должны избегать его все время, иногда это единственное решение.:)

Answer 2

Попробуйте ...

element(by.css('input[type=checkbox].custom-control-input')