验证Katalon记录器中的颜色

Question

嗨，

我想检查一下按钮的颜色是否是预期的颜色。我不知道我必须在Katalon Recorder中使用哪个命令。

这里是我的元素：

<ux-badge typeclass="success" class="ng-star-inserted">
<span class="ux-badge ux-badge--success ux-badge--pill ux-badge--small" data-e2e="ux-badge">Open</span>
</ux-badge>

这里是我的css样式：

ux-badge--success {
background-color: rgb(70, 122, 57);
}

你能帮我一下吗？

提前感谢的帮助

Answer 1

我找到了解决方案：

步骤1:创建变量

命令：storeEval

目标：getComputedStyle(document.querySelector(".ux-badge--success")).backgroundColor

值：background

步骤2:评估变量

命令：assertEval

目标："${background}" == "rgb(70, 122, 57)"

值：true