如何在cypress中按名称选择dropdown？

Question

请单击文本查看屏幕截图：

Here, I want to delete this posted item by its post name by cypress

HTML DOM

Cypress代码：

cy.get('.idea-row').contains(potsname).within(()=>{
        cy.get('.idea-row > .drop-down-menu ').click({force:true})
        cy.get('.idea-row > .drop-down-menu > .options-list').contains('Remove').click({force:true})
    })

Error :

Answer 1

within()命令“将所有后续的cy命令的作用域设置为该元素内”。换句话说，within()中的回调从within()之前的命令给出的元素开始使用DOM子树。

在您的示例中，它是由contains(postname)生成的元素，您将得到一个错误，因为您要在此元素中查找.idea-row元素。

此外，在您的示例中，由于dropdown-menu元素不在contains(postname)生成的元素中，因此您必须以这种方式使用contains()和within()：

cy.contains('.idea-row', potsname).within(()=>{
  cy.get('.drop-down-menu').click({force:true});
  cy.get('.drop-down-menu > .options-list').contains('Remove').click({force:true});
});

Answer 2

cy.contains('.idea-row', postname).within(($a)=>{
            // locate all of the spaces 
                if ($a.find('.drop-down-menu > .toggle > .zang-icon').length > 0) {   
                    cy.get('.drop-down-menu > .toggle > .zang-icon').click({force:true})
                    cy.get(' .drop-down-menu > .options-list > :nth-child(1) > .list-row > div > p')
                    .contains('Remove').click({force:true}) // click on "Edit Space" option of first newly created space drp dwn 

                }
            })

上面的解决方案适用于我