代码之家 › 专栏 › 技术社区 › 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);
};

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前