代码之家 › 专栏 › 技术社区 › nhrcpt

使用量角器检索CSS颜色属性

karma-jasmine protractor jasmine javascript

nhrcpt · 技术社区 · 7 年前

我需要验证电子邮件链接文本的颜色。以下是我的代码:

it('Contact Text Validation', function(){

    expect (Contact_info_on_Login_screen.isDisplayed())


    var Email_Link = element(by.css("body > app-root > app-login > div > div > div > div > div > div.card-header.py-3.d-flex.justify-content-between.align-items-center > div > p > a:nth-child(1) > span:nth-child(1)"));

    var Col_Email = (Email_Link.getCssValue('color')).then(function(){
        browser.sleep(2000).then(function(){

            console.log(" The color for Email Link is :" + Col_Email);
        });
    });

}

相同元素的颜色如下面的css属性所示。

相关的HTML代码是  Questions about filling in the report data or access to the application, please call <a _ngcontent-c1="" class="text-link-blue" href="">Admin / Manager</a> at <a _ngcontent-c1="" class="text-link-blue" href=""> 123-456-7890</a>. For software issues, email <a _ngcontent-c1="" class="text-link-blue" href="">other person</a> . 

当我运行这个程序时,我从量角器得到了以下输出:

[13:58:52]我/托管-使用Selenium服务器 http://localhost:4444/wd/hub 起动电子邮件链接的颜色为:ManagedPromise::643[[PromiseStatus]]:“Pending”

我不知道我做错了什么。它应该返回颜色代码,相反,它显示承诺正在等待。

3 回复 | 直到 7 年前

Bharath Kumar S 7 年前

Email_Link.getCssValue('color').then(function (Value) {
    console.log("color is :" + Value);
});

https://www.protractortest.org/#/api?view=webdriver.WebElement.prototype.getCssValue

可以通过两种方式验证属性。

expect(element(element(by.css("body > app-root > app-login > div > div > div > div > div > div.card-header.py-3.d-flex.justify-content-between.align-items-center > div > p > a:nth-child(1) > span:nth-child(1)"))).getCssValue('color')).toBe('#000000');

或

            return Email_Link.getCssValue("color").then(function (value) 
                {               
                if (value[0]== "rgba(55, 199, 119, 1)") {
                    return true;
                }
                else {
                    return false;
                }
            });

alecxe 7 年前

您错误地解析了一个承诺,回调函数将接收实际的解析值 作为一个论点 :

//                                             v-----HERE-----v
Email_Link.getCssValue('color').then(function (actualColorValue) {
    console.log("The color for Email Link is :" + actualColorValue);
});

ic3b3rg 7 年前

尝试

Email_Link.getCssValue('color')).then(function(Col_Email){
  console.log(" The color for Email Link is :" + Col_Email);
};

推荐文章

Rohr Facu · 在量角器中获取所选选项文本

8 年前

Shruti · 如何使用NodeEmailer为通过的测试用例和失败的测试用例发送不同主题行的电子邮件

8 年前

mmar · 黄瓜量角器没有使用多个标签运行

8 年前

Sneh · 使用量角器的陈旧元素引用错误

8 年前

matandked · 如何在Visual Studio代码中创建用于启动服务器和调试量角器测试的配置条目?

8 年前

Rohr Facu · 错误发生意外错误:“未找到命令”e2e“

8 年前

James Delaney · 如何使用量角器选择构件图元?

8 年前

user8926491 · 在量角器中设置ng e2e

8 年前

Rahul Solanki · 如何在jenkins上创建量角器作业?

8 年前

jissay · 如何获取--suite参数?

8 年前