我正试图在 Protractor 中定位弹出对话框中的元素,但是一旦弹出对话框显示,就会出现以下错误:
失败:未知错误:在点(1204,32)处无法点击元素。其他元素将收到此次单击:...
我刚开始接触 Angular 和 Protractor,我已经搜索了是否有类似的问题。
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>
getAllWindowHandles()
切换到对话框弹出窗口,然后尝试执行相应的操作吗? - giri-sh