茉莉花的条件期望？

Question

我正在测试一个可能出现随机覆盖的页面..

这些 HTML/CSS 元素会阻塞整个屏幕，并在它们显示时强制您关闭它们。

如何写一个 Jasmine 测试 it("....") ，这样我可以有条件地

• 在初始屏幕加载时检查此弹出窗口..
• 使用click() 关闭弹出窗口
• 检查弹出窗口确实关闭了

不使用expect，因为此弹出窗口并不总是存在，并且测试用例会/可能会失败。

这是我目前拥有的，如果对话框覆盖不存在，它会失败..

Jasmine 测试用例说明

 describe("close header warning if opened", function () {
    it("should check for header warning", function () {
        writeTitleToLog("close header warning if opened");
        element(by.css('.header-warning-container')).isDisplayed().then(function (displayed) {
            if(displayed) {
                element(by.css('.close-container')).click();
            }
        });
    });

    it("should not have the header warning", function () {
        expect(element(by.css('.header-warning-container')).isPresent()).toBeFalsy();
    });
});

测试输出

landing page
    should check for header warning, and close it - fail
    should not have the header warning, once it is closed - pass

Answer 1

看看这是否适合你。

正如您所做的那样，使用 isDisplayed 进行检查。然后，如果元素在那里。点击关闭。等待它关闭。然后做你的期望，仍然在 if 块内，以确保它关闭。如果警告不存在，这不应该失败，因为它会跳过期望。

    overlays.headerWarning.isDisplayed().then(function(result){
        if(result){
            overlays.headerWarningCloseButton.click();
            browser.wait(protractor.until.elementIsNotVisible(overlays.headerWarningCloseButton), 3000, 'Header warning overlay did not close');
            expect(overlays.headerWarning.isDisplayed()).toBeFalsy('Header was displayed after attempted close');
        } else {
            //do nothing
        }
    });

Answer 2

原来..如果一个元素甚至不存在，我就不能使用isDisplayed()..它会抛出一个错误。这是现在正确通过的解决方案

describe("close header warning if opened", function () {

    it("should check for header warning", function () {
        writeTitleToLog("close header warning if opened");
        var headerElm = by.css('.header-warning-container');
        element(headerElm).isPresent().then(function (isPresent) {
            if(isPresent) {
                element(by.css('.close-container')).click();
            }
        });
    });

    it("should not have the header warning", function () {
        expect(element(by.css('.header-warning-container')).isPresent()).toBeFalsy();
    });
});