如何使用&#39；toHaveClass&#39；匹配Jest中的子-前端问题

How to use #39;toHaveClass#39; to match a substring in Jest?(如何使用#39；toHaveClass#39；匹配Jest中的子字符串？)

本文介绍了如何使用&#39；toHaveClass&#39；匹配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'));

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

这篇关于如何使用&#39；toHaveClass&#39；匹配Jest中的子字符串？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！