量角器：如何单击模态对话框中的按钮（angular 元素）

Question

我正在使用量角器框架为 angular 应用程序编写自动化测试。

测试场景：

单击按钮：创建 PDF 报告
- 模态对话框 window 出现
单击按钮：运行立即在模态对话框中报告

我在点击 modal-dialog 元素中的按钮时遇到问题。

我收到以下 Protracor 错误

失败：过时的元素引用：元素未附加到页面文档，
失败：使用定位器未找到元素

测试

describe("Managing PDF Project Report", function () {
    it("contain create PDF project for test purpose ", async function () {
        await logIn();
        await element(by.css(".btn-group.pull-right > button ")).click();
        await element(by.css(".dropdown-menu.no-print")).element(by.css("li:nth-child(3) > a")).click();
        await browser.wait(element(by.css(".modal-footer > div > button:nth-child(2)")).click(), 5000);
    });

我也试图通过 ButtonText 的 ng-click 属性来查找元素，但它也没有用。

HTML

问题

我有点困惑，因为这个元素的行为不像 iframe 或浏览器的弹出窗口。任何想法如何与此模式中的元素交互？

Answer 1

您从哪个元素得到这些错误？如果是 Run Report Now 按钮，你可以尝试 css:

element(by.css('[ng-click="createReport()"]');

此外，我建议添加几个显式等待以确保 Protractor 正确等待：

const EC = protractor.ExpectedConditions;

await browser.wait(EC.visibilityOf($$('.modal-dialog .modal-content .modal-footer')), 5000);
await browser.wait(EC.elementToBeClickable(element(by.css('[ng-click="createReport()"]')), 5000);
await element(by.css('[ng-click="createReport()"]').click();

量角器：如何单击模态对话框中的按钮（angular 元素）

Protractor: How to click on button in modal-dialog (angular element)

javascript

modal-dialog

protractor

angular

测试

HTML

问题