I am facing a challenge with my angular web application as there are some elements that are difficult to interact with. One specific element is a checkbox that needs to be checked during testing:
`
<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>>
`
I have made attempts using:
element(by.id('date-personale')),
element(by.css("input [class='custom-control-input ng-dirty ng-touched ng-invalid']"))Unfortunately, I have not been successful in locating the element. Does anyone have any suggestions on how I can find this specific element? Thank you!