如何使用'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'));

对于一件琐碎的事情来说,看起来有点冗长。但这就是为什么。

相关文章