Unit testing vue.js vuetify:test utils w Jest如何在使用图标时匹配文本

给定以下生成的html

<a href="#" class="primaryInversed v-btn v-btn--large v-btn--round"
   <div class="v-btn__content">STOP!
      <i aria-hidden="true" class="v-icon v-icon--right material-icons">pause_circle_outline</i>
   </div>
</a>

由于该图标，测试失败

  console.log tests/unit/Heading.spec.js:46
    STOP!
          pause_circle_outline

如果我使用.toMatch观察器，它不会失败

expect(playLink.text()).toMatch(/STOP!/);

这是一个正常的测试，还是使用.toEqual观察者

注意：我使用了“mount”而不是“shallowMount”，因为我需要从vuetify组件生成html

---

感谢您的反馈

一种技术是将

的文本内容包装在

中，并使用选择

以获取其文本：

foo.vue模板：

expect(playLink.text()).toMatch(/STOP!/);

<v-btn>
  <span class="text">STOP!</span>
  <v-icon>pause_circle_outline</v-icon>
</v-btn>

it('contains the expected text', () => {
  expect(wrapper.find('.text').text()).toEqual('STOP!');
});