Question

因此，我有这个depthMounted vue组件：

<div class="card p-relative">
  <div class="card-header">
    <div class="card-title h4">
      a cute title
      <!---->
      <!---->
    </div>
  </div>
  <!---->
  <div class="card-body">
    <h3 class="circle" style="background-color: rgb(237, 15, 59);"></h3>
  </div>
  <div>
    <h6 class="card-body">Value: 35</h6>
  </div>
</div>

我正在做一个浅山：

const wrapper = shallowMount(Component, { proposData: { 'shape': 'circle'}})

稍后尝试查找所有班级，因此我可以以某种方式找到班级圈子。但是我得到了：

const results = wrapper.classes()
console.log(results) // ['card', 'p-relative']

如何查找h3或类“ circle”：/

完全Noob到前端。请原谅使用错误的词汇。

Answer 1

如https://vue-test-utils.vuejs.org/api/selectors.html中所述，以访问直接后代。

我做了以下事情：

    const shape = wrapper.find('.card-body > h3')
    console.log(shape.classes()) //['circle']

使用Vue Test Utils测试嵌套div

1 个答案: