如何使用cypress选择具有标题的svg元素？

我想将鼠标悬停在带有main类的div元素中的svg元素上。此svg元素具有标题标记“Header元素”

下面是代码

<div class="main">
    <div class="box">
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell">
            <div>
                <svg></svg>
                <span> //want to hover on this element
                    <svg>
                        <title>Header element</title>
                    </svg>
                </span>
            </div>
        </div>
    </div>
</div>

但这是行不通的

---

有人能帮我用cypress定位这个跨度元素吗。谢谢。

我想你错过了

（课程选择器）

---

我认为您缺少

（类选择器）

---

您正在选择svg，但希望将范围悬停，因此添加一个父选择器

cy.get（`.main>div`）
.contains（'svg'，'Header元素'）
.parent（'span'）
.trigger（'mouseover'）

您正在选择svg，但希望悬停范围，因此添加一个父选择器

cy.get（`.main>div`）
.contains（'svg'，'Header元素'）
.parent（'span'）
.trigger（'mouseover'）

cy.get(`.main>div`)
    .contains('svg', 'Header element')
    .trigger('mouseover')

cy.get(`.main>div`)
    .contains('svg', 'Header element')
    .triggers('mouseover')