así que quiero poder obtener el "Texto B" de la tabla a continuación usando Cypress, pero he intentado muchas cosas y solo puedo obtener "Parte B".
<div class="table"> <div class="label"> <span class="labelText">Party A</span> </div> <div class="text">Text A</div> </div> <div class="table"> <div class="label"> <span class="labelText">Party B</span> </div> <div class="text">Text B</div> </div> He estado usando cy.get( div[class="table"] ).contains( div[class="label"] , "Party B").click() para hacer clic en el texto de "Party B", pero no sé cómo hacer clic en el otro hijo del mismo padre.
Para obtener la tabla que contiene "Party B", especifique el selector dentro .contains()
cy.contains('div.table', 'Party B') // returns the table with "Party B" inside somewhere .find('div.text') // find the 2nd child which has class "text" .click()Hay variaciones que podría usar, si sabe que "Texto B" es el texto real
cy.contains('div.text', 'Text B') .click() Si desea navegar primero a div[class="table"] , luego a div[class="label"]
cy.contains('Party B') // returns the <span> owning "Party B" .click() .parent('div.label') // go up to div[class="label"] .sibling('div.text') // go to next element at that level .click()Tenga cuidado al hacer varios clics en una cadena, por lo general tienen efectos secundarios.
Es mejor comenzar una nueva cadena después de cada clic.