Cypress 检查CSS背景的颜色

Question

我有这个断言:

cy.get('.myelement').should('have.css', 'background-color','rgb(75, 221, 51)')

我想用十六进制表示替换它如下:

cy.get('.myelement').should('have.css', 'background-color','#4BDD33')

但我从 Cypress 得到了这个错误:

预期 <.myelement> 具有值为 #4BDD33 的 CSS 属性背景色，但值为 rgb(75, 221, 51)任何帮助

Answer 1

你可以这样做:

1. 安装 rgb-hex包

npm install rgb-hex

1. 在你的测试套件文件中导入包

import rgbHex from 'rgb-hex';

1. 在你的测试中写:

cy.get('.myelement')
  .invoke('css', 'background-color')
  .then((bgcolor) => {
    expect(rgbHex(bgcolor)).to.eq('4bdd33')
  })