有没有办法检查十六进制颜色 - Cypress

Question

我目前正忙于在 Cypress 上进行测试。我实际上是新手，所以我对周围的一切都不太熟悉，但我正在尝试测试background-color某些元素的 CSS 属性，但问题是幕后一切都是 RGB，但我需要在 HEX 上进行测试。所以我问自己有没有办法做到这一点或者应该需要翻译？

  cy.get('#button-login')
   .should('have.css', 'background-color', "#6a7ba3")

错误： ...to have CSS property 'background-color' with the value '#6a7ba3', but the value was 'rgb(106, 123, 163)'

Answer 1

您可以使用chai-colors断言插件来实现您想要的效果。

安装如下：

npm install chai-colors

然后将其添加到您的代码中：

import chaiColors from 'chai-colors'
chai.use(chaiColors)

或者这样，如果适用的话：

var chaiColors = require('chai-colors');    
chai.use(chaiColors);

现在你可以这样写你的断言：

cy.get('#button-login')
  .should('have.css', 'background-color')
  .and('be.colored', '#6a7ba3')