Cypress无法测试鼠标悬停事件下的链接颜色变化问题

我正在测试国际象棋应用中的一个鼠标悬停事件，这个事件应该会改变链接的字体颜色。本地手动运行测试时，颜色能从白色正常变为紫色，功能没问题，但用Cypress却无法验证这一颜色变化。

以下是我写的测试代码：

it('changes link color on hover', function () {
  cy.get('.ig-link').should('have.css', 'color', 'rgb(255, 255, 255)');

  cy.get('.ig-link')
    .trigger('mouseover')
    .should('have.css', 'color', 'rgb(173, 6, 173)');
});

测试运行器截图：

内容的提问来源于stack exchange，提问作者Casey Cling