Recently, I came across this shallowMounted vue component:
<div class="card p-relative">
<div class="card-header">
<div class="card-title h4">
a lovely 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>
After doing a shallowMount like this:
const wrapper = shallowMount(Component, { proposData: { 'shape': 'circle'}})
I attempted to locate all the classes in order to find the class circle or the h3 element. But what I ended up with was:
const results = wrapper.classes()
console.log(results) // ['card', 'p-relative']
Can anyone advise on how to find the h3 element or the class 'circle'?
I am relatively new to frontend development and might be using some terminology incorrectly. Thank you for understanding.