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

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

karma-jasmine protractor jasmine javascript

nhrcpt · 技术社区 · 6 年前

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

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 回复 | 直到 6 年前

Bharath Kumar S 6 年前

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 6 年前

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

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

ic3b3rg 6 年前

尝试

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

推荐文章

hidar · vuejs中的单元测试

6 年前

Jackson Vaughan · 测试用karma+jasmine订阅angular 2中的位置(此位置。订阅)

6 年前

Nimish goel · 具有@输入属性的单元测试angular 4指令

6 年前

bulbasurmsr · 角度5的单元测试。我正在尝试模拟服务,但收到:“[对象错误事件]抛出”

6 年前

bulbasurmsr · 与Jasmine和Karma有角度的单元测试,错误:无法绑定到“xxx”,因为它不是“xxxxxx”的已知属性。

6 年前

D. Berg · Jasmine单元测试observable subscribe不会触发

6 年前

Mansoor Ahmed · Angular 4 Jasmine单元测试指令导出函数

6 年前

Greg · ngx翻译:在单元测试中翻译字符串

6 年前

Arkadi · 在Angular 2/Typescript中测试私有方法的最佳实践是什么

6 年前

Aaron Rabinowitz · 测试控制器语句未定义

6 年前