Reactjs 用酶和jest测试makeStyles条件规则
这是一个最小的例子(我只是为了详细说明我的问题)Reactjs 用酶和jest测试makeStyles条件规则,reactjs,unit-testing,jestjs,enzyme,chai,Reactjs,Unit Testing,Jestjs,Enzyme,Chai,这是一个最小的例子(我只是为了详细说明我的问题) const useStyles=makeStyles({ 根目录:{ 宽度:500, 身高:500, 背景:({isRead})=>isRead?'#EA1D250D':'白色',//{ const wrapper=mount(); //现在,我怎么能期望“background”是“EA1D250D”? expect(wrapper.find('div').first().props().style).to.have.property('back
const useStyles=makeStyles({
根目录:{
宽度:500,
身高:500,
背景:({isRead})=>isRead?'#EA1D250D':'白色',//{
const wrapper=mount();
//现在,我怎么能期望“background”是“EA1D250D”?
expect(wrapper.find('div').first().props().style).to.have.property('background','EA1D250D');
});
在上面的测试中,style
属性实际上是undefined
,因为样式是通过className
那么,有什么方法可以访问
makeStyles
的样式规则进行测试吗?我总是通过在类名属性上执行包含来进行测试。(包含是因为我使用的样式预处理器在指定的样式名前加上了其他前缀)。我是我的设置程序,至少不可能执行任何其他操作,因为在测试运行时预处理器已经运行。我总是通过在类名属性上执行包含来进行测试。(包含是因为在我使用的样式预处理器中,类名在指定的样式名之前加上其他前缀)。我的设置不正确,至少不可能执行任何其他操作,因为在测试运行时预处理器已经运行。