很难在量角器中使用 Css 或任何其他定位器查找元素 [英] Hard time having finding element using Css or any other locator in protractor

问题描述

这就是我的 Html 源代码的样子

<div pam-icon="lock-closed input"></div>
<div class="pam-tile-content"><gfp-form-password-field class="ng-pristine ng-untouched ng-isolate-scope ng-invalid ng-invalid-required" placeholder="密码" validate="true" required="true" ng-model="密码"><input class="ng-pristine ng-invalid ng-invalid-required ng-touched" type="password" ng-show="!showPassword" ng-model="ngModel" ng-disabled="disabled" required="true" placeholder="Password" name="password" data-validate="true"><input class="ng-pristine ng-untouched ng-invalid ng-invalid-required ng-hide" type="text" ng-show="showPassword" ng-model="ngModel" ng-disabled="disabled"required="true" placeholder="密码" data-validate="true"><a data-ng-click="toggleShowPassword(!showPassword)" href="javascript:void(0)"><div ng-attr-pam-icon=" {{ showPassword ? 'password-hide' : 'password-show' }}" pam-icon="password-show"></div></a></gfp-form-password-field>

我找不到可以单击和输入值的密码字段，我使用了 element(by.css('.ng-untouched')) 但后来没有找到它，因为它没有被触及，请帮忙.

解决方案

尝试:

element(by.model('password')).sendKeys('yourpassword');

This is how my Html source looks like

<div class="pam-tile-left">
<div pam-icon="lock-closed input"></div>
</div>
<div class="pam-tile-content">
<gfp-form-password-field class="ng-pristine ng-untouched ng-isolate-scope ng-invalid ng-invalid-required" placeholder="Password" validate="true" required="true" ng-model="password">
<input class="ng-pristine ng-invalid ng-invalid-required ng-touched" type="password" ng-show="!showPassword" ng-model="ngModel" ng-disabled="disabled" required="true" placeholder="Password" name="password" data-validate="true">
<input class="ng-pristine ng-untouched ng-invalid ng-invalid-required ng-hide" type="text" ng-show="showPassword" ng-model="ngModel" ng-disabled="disabled" required="true" placeholder="Password" data-validate="true">
<a data-ng-click="toggleShowPassword(!showPassword)" href="javascript:void(0)">
<div ng-attr-pam-icon=" {{ showPassword ? 'password-hide' : 'password-show' }}" pam-icon="password-show"></div>
</a>
</gfp-form-password-field>

I cannot find a password field to click and enter value, I used element(by.css('.ng-untouched')) but then it doesn't find it as it hasnt been touched, please do help.

解决方案

Try:

element(by.model('password')).sendKeys('yourpassword');

这篇关于很难在量角器中使用 Css 或任何其他定位器查找元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！