赛普拉斯测试在 Angular 中的十六进制颜色失败

Question

我有一个十六进制的背景颜色。但是当我在 cypress 中测试时，它给了我一个错误。并在错误中显示其他颜色。但我提供了正确的颜色。 我的代码如下：

it('color', () => {
  cy.get(':nth-child(5) > .example-button-row > :nth-child(1)')
    .should('exist')
    .should('have.css', 'background-color')
    .and('eq', '#0da2ff');
});

Answer 1

eq 与 rgb 等效的 十六进制颜色 一起使用。有两种解决方法。

1.将 rgb 颜色与 eq 一起使用。

2。使用 be.colored 代替 eq

下面给出了两个例子：

通过将 rgb 与 eq 一起使用：

it('color', () => {
  cy.get(':nth-child(5) > .example-button-row > :nth-child(1)')
    .should('exist')
    .should('have.css', 'background-color')
    .and('eq', 'rgb(13, 162, 255)');
});

通过使用 be.colored ：

it('color', () => {
  cy.get(':nth-child(5) > .example-button-row > :nth-child(1)')
    .should('exist')
    .should('have.css', 'background-color')
    .and('be.colored', '#0da2ff');
});