单击后打开的非角度页面

IT技术 javascript angularjs testing protractor end-to-end
2021-03-03 20:36:17

我正在尝试实现以下测试场景：

  • 单击页面上的徽标
  • 断言打开了一个新的浏览器窗口（Chrome 中的选项卡）并检查当前 URL

问题是在新浏览器窗口中打开的页面是一个非角度页面，而我正在执行点击的主页是一个角度页面。

这是我的第一次尝试：

it("should show logo", function () {
    var logo = scope.page.logo;
    expect(logo.isDisplayed()).toEqual(true);

    // opens a new page on click
    logo.click().then(function () {
        browser.getAllWindowHandles().then(function (handles) {
            browser.switchTo().window(handles[1]).then(function () {
                expect(browser.getCurrentUrl()).toEqual('http://myurl.com/');
            });

            // switch back to the main window
            browser.switchTo().window(handles[0]);
        });
    });
});

失败了：

错误：等待量角器与页面同步时出错：“在窗口上找不到角度”

这是可以理解的。

我的第二次尝试是玩弄ignoreSynchronization布尔标志：

browser.ignoreSynchronization = true;
logo.click().then(function () {
    browser.getAllWindowHandles().then(function (handles) {
        browser.switchTo().window(handles[1]).then(function () {
            expect(browser.getCurrentUrl()).toEqual('http://myurl.com/');
        });

        // switch back to the main window
        browser.switchTo().window(handles[0]);
    });

这实际上使这个特定的测试通过而没有任何错误，但它会影响在这个测试之后执行的每个测试，因为它browser是一个全局对象并且在测试之间共享 - 量角器不再与页面上的 angular 同步，这会导致各种错误。

我应该如何实施测试？

作为一种解决方法，我可以将restartBrowserBetweenTests设置更改为true并更改ignoreSynchronization值而不会出现任何问题 - 但它会显着减慢测试速度。

2个回答

ignoreSynchronization验证完成后，您可以将其设置为 false。但是，请注意 ignoreSynchronization 是同步的，而其他所有内容（单击/获取/等）都是异步的，因此您需要小心。可能最安全的方法是在 beforeEach 中将其设置为 true，在 afterEach 中将其设置为 false，然后在该测试中测试单个徽标单击。

是的，ignoreSynchronization回到false里面afterEach()就成功了！
2021-04-23 20:36:17
是的，将它设置在it块的末尾会使它有时起作用，有时不起作用 - 行为变得不一致。我会尝试beforeEach和afterEach送还给你。谢谢！
2021-05-05 20:36:17

另一种解决方案：我使用过，sleep因为getWindowHandles只返回一个窗口名称（父/角度窗口）。让我知道是否有更好的方法。

this.validateProductPageInfo = function (productTitle) {
    browser.sleep(5000);
    browser.getAllWindowHandles().then(function (handles) {
        if (handles.length === 2) {
            browser.switchTo().window(handles[1]).then(function () {
                var prodTitle = by.xpath('//h1[@id="fw-pagetitle"]');
                browser.driver.findElement(prodTitle).getText().then(function (text) {
                    expect(text).toBe(productTitle);
                });
            });
            browser.switchTo().window(handles[0]);
        } else {
            console.log("Error in switching to non angular window");
        }
    });
};
其它你可能感兴趣的问题
上一篇如何更改 Chart.JS 中标签的字体（系列）？ 下一篇Javascript递归数组展平