量角器能和Angular材质对话框一起工作吗?
Does protractor work with Angular material dialog popups?
我试图在量角器的弹出对话框中定位元素,但是一旦弹出对话框出现,我就会出现以下错误:
失败:未知错误:元素在点(1204,32)不可点击。其他元素将收到click:…
我是新的角度和量角器,我已经搜索,看看是否有类似的问题。javascript:
it('should create a case and wait for the case page to load', function(){
casePage.goToCasesPage();
var createCaseBtn = element(by.id("create-case-btn"));
createCaseBtn.click();
var stdCaseTypeBtn = element(by.css('[ng-click="vm.createCase($event, ''standard'')"]') );
expect(stdCaseTypeBtn);
stdCaseTypeBtn.click().then(function(){
browser.getAllWindowHandles().then(function(handles){
var popUpDialog = handles[1];
browser.switchTo().window(popUpDialog).then(function(){
var oeUtils = require('../common/utils');
console.log("switched");
//Fill the crud form and click create
var caseTitle = element(by.model('case.title'));
var caseDescription = element(by.model('case.description'));
var okDialogBtn = element(by.id('create-case-dlg-btn'));
var caseTxtTitle = oeUtils.generateRandomString(8);
caseTitle.sendKeys(caseTxtTitle);
caseDescription.sendKeys(oeUtils.generateRandomString(20));
okDialogBtn.click();
expect(element(by.binding('case["cm:title"]'))).getText().toEqual(caseTxtTitle);
})
});
});
})
html模板(实际弹出窗口):
<md-dialog aria-label="Case edit dialog">
<form name="form">
<md-toolbar layout="row">
<div class="md-toolbar-tools">
<h2 ng-hide="editCase">{{ 'CASE.CREATE_CASE' | translate }}</h2>
<h2 ng-show="editCase">{{ 'CASE.EDIT_PROPERTIES' | translate }}</h2>
</div>
</md-toolbar>
<md-dialog-content style="max-width:800px;max-height:810px;min-width:20em;">
<md-input-container>
<label><span class="md-warn">*</span> {{ 'CASE.TITLE' | translate }}</label>
<input type="text" ng-model="case.title" required focus-me>
</md-input-container>
<md-input-container>
<label>{{ 'CASE.DESCRIPTION' | translate }}</label>
<textarea ng-model="case.description"></textarea>
</md-input-container>
</md-dialog-content>
<div class="md-actions" layout="row">
<md-button id="create-case-dlg-btn" type="submit" class="md-primary" ng-click="vm.update(case)" ng-disabled="form.$invalid">
{{ 'COMMON.OK' | translate }}
</md-button>
<md-button type="button" ng-click="vm.cancel(form)">
{{ 'COMMON.CANCEL' | translate }}
</md-button>
</div>
</form>
</md-dialog>
这可能对你有帮助。
以md-dialog
:
<md-dialog aria-label="Page Preference Dialog" class="page-pref-dialog confirmation-dialog">
<md-dialog-content class="dialog">`enter code here`
<div class="dialog-body bold confirmation-dialog-body">
<form name="confirmationForm">
<div>
<h4>{{'Admin_viewQuestionnaire_popup_confirm_inactive'|translate}}</h4>
</div>
</form>
</div>
<div class="dialog-footer">
<button type="button" id="admin_dialog_confirm_cancel" class="btn ink-reaction btn-primary" ng-click="cancelDialog()">{{"Admin_commonButton_button_cancel"| translate}}</button>
<button type="button" id="admin_dialog_confirm_deactivate_user" class="btn ink-reaction btn-primary" ng-click="closeDialog()">{{'Admin_user_btn_viewUser_Deactivate'|translate}}</button>
</div>
</md-dialog-content>
</md-dialog>
测试用例: it( "view user", function () {
browser.get( loginPageUrl );
element( by.model( 'pageData.loginData.userName' ) ).sendKeys( adminUsername );
browser.driver.sleep( 500 );
element( by.model( 'pageData.loginData.userPassword' ) ).sendKeys( adminPassword );
browser.driver.sleep( 500 );
element( by.id( 'login-btn' ) ).click();
browser.waitForAngular();
element( by.id( 'admin_dialog_confirm_deactivate_user' ) ).click();
console.log("success");
browser.driver.sleep( 1500 );
} );
相关文章:
- 如何在php中创建一个函数,该函数与文本区域一起工作,通过输入类似[color:red]的内容来打印具有等效颜色的文本
- document.title函数可以't设置它与php一起工作
- "此网站似乎使用滚动链接定位效果.这可能不能很好地与异步平移一起工作;
- 非常简单的js测试;Don’不要和Minko一起工作
- 无法使我的文本参数与我的查询一起工作
- 为什么Angularjs验证don't与输入[type=“number”]一起工作
- 无法使vash 0.8.0与express 4.12.3一起工作
- 如何使Angular JS控制器与指令一起工作
- 无法使autocompletion与bootstrap和php代码点火器一起工作
- 注入的元素和jQuery脚本.如何让他们一起工作
- 两个独立工作的javascript函数,但不能一起工作
- 角度和砖石一起工作
- Node http-proxy-middleware 不能与本地服务器一起工作
- jQuery脚本不想一起工作
- page.js使examples/hash与hashbang:true一起工作
- javascript使jquery倒计时与UTC时间一起工作
- jQuery.not()选择器无法与类一起工作
- Rails3-可排序列表不能与wysihtml5一起工作
- 替换匹配函数给出了未定义的错误,但它与替换一起工作
- 按钮上的数据加载消息无法与ajax调用一起工作