单击 svg 元素在赛普拉斯中不起作用

Question

我有一个点击 svg 元素的场景，尝试了以下代码，它没有抛出任何错误。 它正在点击，但元素 state 没有改变。 也试过用力点击。

cy.xpath("(//app-job[contains(@class,'selected')]//highcharts-chart[@id='GMF_K_CHART']//*[name()='svg']//*[name()='g' and @class='highcharts-series-group']//*[name()='g' and @clip-path='none' and not(@visibility)])[4]//*[name()='path'][4]")
            .click()

点击后的图形显示

但如果点击正确应该是

我尝试了多种点击组合 `.click({force: true})

        .click()
        .trigger('change')

        .trigger('focus')
        .click()` 

Answer 1

请确保您选择的是 svg 元素，然后使用 trigger() 单击该元素。

    cy.get('<svg element>').trigger('click')