Vue-test-utils + CSS modules: wrapper.classes()返回空数组

Vue-test-utils是Vue.js官方提供的一个用于测试Vue组件的工具库，而CSS modules是一种用于解决CSS命名冲突的技术。在使用Vue-test-utils进行组件测试时，可以结合CSS modules来获取组件的CSS类名。

对于给定的代码wrapper.classes()返回空数组的情况，可能有以下几种可能的原因：

1. 组件没有应用CSS modules：CSS modules需要在组件的样式文件中进行配置和使用，如果组件没有使用CSS modules，那么wrapper.classes()将返回空数组。
2. 组件的CSS类名没有被正确解析：CSS modules会将CSS类名进行编译和转换，以避免命名冲突。如果组件的CSS类名没有被正确解析，那么wrapper.classes()可能无法获取到正确的类名，从而返回空数组。

为了解决这个问题，可以尝试以下几个步骤：

1. 确保组件的样式文件使用了CSS modules的配置和语法。可以参考Vue官方文档中关于CSS modules的介绍和用法。
2. 检查组件的模板文件中是否正确应用了CSS类名。确保在模板中使用了正确的类名，以及是否正确绑定了CSS类名。
3. 检查测试代码中是否正确获取了组件的包装器(wrapper)。确保使用了正确的选择器或组件名称来获取包装器。
4. 如果以上步骤都没有解决问题，可以尝试在测试代码中输出一些调试信息，例如打印组件的包装器(wrapper)对象，以便进一步排查问题。

对于Vue-test-utils和CSS modules的更详细的介绍和用法，可以参考腾讯云的相关文档和教程：

• Vue-test-utils：https://cloud.tencent.com/document/product/1478/56634
• CSS modules：https://cloud.tencent.com/document/product/1478/56635