如何使用';toHaveClass';匹配Jest中的子字符串?
有一个元素,我要给它一个类success
。但是Reaction-MUI在DOM上附加了一个文本,比如说,类似于mui-AbcXYZ-success
。所以当我这样做的时候
expect( getByTestId('thirdCheck')).toHaveClass("success")
我无法通过此测试,因为它需要完整的名称mui-AbcXYZ-success
。只有当我提供准确的名称(使用连字符文本和Mui添加的随机数字)时,我才能通过此操作
如何测试?
我尝试执行以下操作,但没有结果:
expect( getByTestId('thirdCheck')).toHaveClass(/success/)
我还尝试应用.className
或.classList
,但这没有给我元素上的类列表。
解决方案
在经历了几个小时的挫折之后,我就是这样做的,如果有人有更好的解决方案,请随时发帖。我会接受的。
let classes = getByTestId('thirdCheck').getAttribute('class'); //returns something like "Mui-root mui-AbcXYZ-success"
classes=classes.split(' ')[1].split('-'); //first split is to split on the basis of spaces and the second one to do on the bases of hyphen
expect(classes.includes('success'));
对于一件琐碎的事情来说,看起来有点冗长。但这就是为什么。
相关文章