Question

在Angular JS单页应用程序中，ui路由器配置为根据应用程序的状态更改视图内容（ON DELETE CASCADE）。

我们如何在量角器中测试更改后的视图内容（页面）？执行页面源视图时不显示视图内容。页面已正确加载，但量角器无法找到页面元素。

<ui-view></ui-view>

<head> <title> Test Application</title> </head> <body> <div class="wrapper"> <div class="container"> <ui-view></ui-view> </div> <div> <body>

内的代码段代码

<ui-view></ui-view>

量角器无法找到 by.model 元素。

<div class="form-group">
<label for="firstName" class="ng-scope">First Name</label>
<input type="text" id="firstName" name="firstName"  ng-model="customer.firstName">
</div>

Answer 1

可能它在加载之前正在寻找元素，因此错过了它们。尝试使用protractor.ExpectedConditions。例如：

describe('Protractor Demo App', function() {
    browser.get('http://example.com');
    it("Test..", function() {
        var el = element(by.css('.form-group'));
        var EC = protractor.ExpectedConditions;
        browser.wait(EC.presenceOf(el), 10000).then(function(){
            element(by.model('customer.firstName')).sendKeys('FIRSTNAME');
            element(by.model('customer.lastName')).sendKeys('LASTNAME');
        });
    });
});

在尝试填写输入之前，页面上会出现.form-group div最多等待10秒钟。

量角器单页应用测试

1 个答案: