自动化测试中如何比较颜色

【软件测试行业现状】2023年干测试，约等于49年入国军。未来已寄..测试人该何去何从？【自动化测试、软件测试面试、性能测试】

引言

在做Nightwatch自动化测试中，出现需要比较颜色的时候如何来做？

基本的思路是首先需要取到这个element的颜色值，然后跟预期的颜色进行对比。 比如我要取下面这个会话窗口的颜色，选中这个图标，按F12，查看这个图标的属性。发现Angular中的颜色属性不是Elements下，是在Styles下面，如何取到这个颜色值？

这里会用到getCssProperty这个方法，具体如何使用，请看如下代码：

getChatColor: function(cb) {const chat = '[ng-click="show()"]'this.getCssProperty('@chat', 'background-color', function(result) {cb(result.value);});return this;},

将上面的getChatColor command代码放到一个叫chat.js的page下面，然后在测试用例中这样调用这个command,

'Test get color': function (client) {

var chat = client.page.chat();

let chatColor;

chat.navigate();

chat.getChatColor(function(color) {

chatColor = color;

});

client.perform(function() {

client.assert.equal(chatColor, 'rgba(50, 104, 152, 1)');

});

}

截图中看到的background color是rgb(50, 104, 152), 但是getChatColor返回指是rgba，rgb和rgba之间需要转化一下，a表示透明度，取值0~1之间。

总结：

感谢每一个认真阅读我文章的人！！！

作为一位过来人也是希望大家少走一些弯路，如果你不想再体验一次学习时找不到资料，没人解答问题，坚持几天便放弃的感受的话，在这里我给大家分享一些自动化测试的学习资源，希望能给你前进的路上带来帮助。

视频文档获取方式：
这份文档和视频资料，对于想从事【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴我走过了最艰难的路程，希望也能帮助到你！以上均可以分享，点下方进群即可自行领取。