Question

我必须使用Selenium，WebDriverJS和Jasmine创建一个测试，该功能仅在按钮连接到div时显示div的内容单击1}}，并使用相同的id隐藏所有其他元素。

This是需要测试的函数，这是我到目前为止所编写的测试的片段：

it('should display "BILL2" when the second picture is clicked and hide the others', function() {
    driver.findElement(webdriver.By.css('#img_bill2')).click()
        .then(function(){
            driver.findElement(webdriver.By.css('#bill2')).isDisplayed()
                .then(function(displayed) {
                    expect(displayed).toBe(true);
                });
        })
        .then(function() {
            driver.findElement(webdriver.By.xpath('//div[@class="hide", @style="display:none"]')).isDisplayed()
                .then(function(displayed) {
                    expect(displayed).toBe(false);
                })
        });
});

我被困在这里，因为我想选择所有元素，除了当前显示的元素。

您对如何解决此问题有所了解吗？也许使用executeScript()并创建一个脚本来定位所有divs样式display:none可以解决方案吗？

提前感谢您的回复！

Answer 1

我宁愿通过计算不可见元素的数量而不使用.isDisplayed()来解决这个问题。由于所有元素都有display:none，这将确保不显示元素。

it('should display "BILL2" when the second picture is clicked and hide the others', function() {
    driver.findElement(webdriver.By.css('#img_bill2')).click()
        .then(function(){
            driver.findElement(webdriver.By.css('#bill2')).isDisplayed()
                .then(function(displayed) {
                    expect(displayed).toBe(true);
                });
        })
        .then(function() {
            driver.findElements(webdriver.By.xpath('//div[contains(@class, "hide") and contains(@style, "display: none")]'))
                .then(function(elements) {
                    expect(elements.length).toBe(expectedCount);
                })
        });
});

选择具有相同ID的多个元素 - WebDriverJS

1 个答案: