如何使用cypress单击标题为的svg?

如何使用cypress单击标题为的svg?,cypress,Cypress,我是个新手,我正在尝试单击带有标题叉的svg。下面是dom结构 <div> <span data-testid="file">filename</span> <button type="button"> <svg> <title>cross</title> <path></pa

我是个新手,我正在尝试单击带有标题叉的svg。下面是dom结构

<div>
    <span data-testid="file">filename</span>
    <button type="button">
        <svg>
            <title>cross</title>
            <path></path>
        </svg>
    </button>
</div>

文件名
交叉
我不知道怎么做。有人能帮我吗。我想单击标题为cross using cypress的svg。谢谢。

您可以试试:

cy.get('svg title')。包含('cross')。单击()

cy.contains('cross')。单击()

参考

您可以尝试:

cy.get('svg title')。包含('cross')。单击()

cy.contains('cross')。单击()


参考

您可以使用命令
cy.contains(选择器,内容)

这是我的测试。要运行它,请安装库

//
常数测试={
html:`
文件名
交叉
`,
测试:`
cy.contains('svg','cross')。单击()
`
}
它('运行测试',()=>{
cy.runExample(测试)
})

您可以使用命令
cy.contains(选择器,内容)

这是我的测试。要运行它,请安装库

//
常数测试={
html:`
文件名
交叉
`,
测试:`
cy.contains('svg','cross')。单击()
`
}
它('运行测试',()=>{
cy.runExample(测试)
})
试试这个

const sele='button[type="button"]>svg';
cy.get(sele).click()
试试这个

const sele='button[type="button"]>svg';
cy.get(sele).click()