How to interact with hidden elements with Protractor
The other day I was trying to interact with a hidden file input field:
<div class="col-sm-3">
<input class="btn btn-default" class="hidden" accept=".csv" id="geofence_file_input">
<a class="btn btn-default" id="textbox-for-geofencefile">Select File</a>
<span ng-if="LineItemForm.augmentations.geofence.file">{{selectedFilename()}}</span>
</div>
And the CSS:
.hidden {
display: none;
}
Which caused this problem:
Failed: Wait timed out after 100015ms
Workarounds include displaying it, interacting with it, hiding it again, which I didn’t like.
Read more »