Невозможно проверить цвет фона нижнего колонтитула с помощью Cypress.io, он выдает ошибку

Question

Невозможно проверить цвет фона с помощью Cypress.io, он выдает следующую ошибку при запуске теста кипариса; CypressError: Тайм-аут повторной попытки: actual.equals не является функцией. Установил chai-colors через npm install chai-colors и добавил следующее в / support / index.js

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

Тест на кипарис, приведенный ниже:

describe("Background Color test", () => {
  //before(() => {
  //  cy.visit('https://sometesturl.com')
//  })
  it.only('Verify the backgroud color, this should work', () => {
     cy.visit('https://sometesturl.com')
      cy.get('#footer')
        .should('colored', '#f2e47d')
        .and('be.colored', '#f2e47d')
  })
})

Answer 1

Я пробовал со значениями 'eq' и 'rgb', соответствующими цвету # f2e47d. В следующей ссылке «brian-mann» из cypress.io подтверждает, что «match» всегда для регулярных выражений. https://github.com/cypress-io/cypress/issues/58 Теперь тест успешно установил значение цвета фона в области нижнего колонтитула.

describe("Background Color test", () => {
  it.only('Verify the backgroud color, this should work', () => {
     cy.visit('https://sometesturl.com')
     cy.get('#footer')
       .should('have.css', 'background-color')
       .and('eq', 'rgb(242, 228, 125)')
  })
})

Answer 2

chai-colors только проверяет равенство различных цветовых представлений.

Чтобы проверить, что ваш #footer элемент имеет определенный цвет фона, вам нужно использовать утверждение Cypress css().

describe("Background Color test", () => {
  it.only('Verify the backgroud color, this should work', () => {
     cy.visit('https://sometesturl.com')
     cy.get('#footer')
       .should('have.css', 'background-color')
       .and('eq', 'rgb(242, 228, 125)')
  })
})