Cypress错误找不到带颜色的链接器.无法生成断言

Question

下面是我的代码，当我使用这个柏树测试时，我得到了错误Cypress错误找不到带颜色的链接器。无法生成断言

import chai from 'chai';
import chaiColors from 'chai-colors';
chai.use(chaiColors);
const toasts = [
{ _id: '1', message: 'success toast notification', type: 'success' },
{ _id: '2', message: '2 success toast notification', type: 'error' },
{ _id: '3', message: 'error toast notification', type: 'error' },
];
describe('Toast.cy.tsx', () => {
it('Toast component renders toasts properly', () => {
themedMount(<Toast toasts={toasts} />);
toasts.forEach((t) => {
const toastElement = cy.contains(t.message);
toastElement
.should('have.css', 'background-color')
.and('be.colored', '#fbcfc8');
});
});
});

Answer 1

Cypress修改chai以在.should()和.and()命令中使用它。

如果导入chai并将chaiColor应用于该实例，则在Cypress命令中将不可用。

删除import chai from 'chai'，它应该可以工作。

import chaiColors from 'chai-colors';
chai.use(chaiColors);                   // apply plugin to the global chai

---

请改用单色

请参阅我在这里的注释，用chai-colors插件测试颜色，关于由于rgb和rgba的差异而导致的片状颜色断言。

导入并直接使用onecolor库是一个更好的主意，因为它有可以应用的转换方法。