Requisito: Haga clic en el menú desplegable y el menú desplegable debería abrirse .
DOM:
<span class="select2 select2-container select2-container--default select2-container--below select2-container--open" dir="ltr" data-select2-id="3522" style="width: 208.328px;" xpath="1"> <span class="selection"> <span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="true" tabindex="0" aria-disabled="false" aria-labelledby="select2-_ID-container" aria-owns="select2_ID-results" aria-activedescendant="select2_ID-result-pwlg-2"> <span class="select2-selection__rendered" id="select2_ID-container" role="textbox" aria-readonly="true" title="Choose Inco Term">Choose Inco Term</span> <span class="select2-selection__arrow" role="presentation"> <b role="presentation"></b> </span> </span> </span> El elemento se encuentra en la interfaz de usuario:
Pero cuando uso la misma identificación en el código como se muestra a continuación:
cy.get('#select2_ID-container').click({force:true})Entonces me sale el siguiente error:
Timed out retrying: Expected to find element: #select2_ID-container, but never found it. También probé {force: true} :
cy.get('#select2_ID-container').click({force:true})Hay una identificación diferente que se muestra arriba, tal vez quieras
cy.get('[id="select2_ID-container"]').click()Tal vez esté buscando role="combobox" , ya que es probable que sea el menú desplegable.
cy.get('span[role="combobox"]').click({force:true})#select2_ID-container es el selector para la primera opción en la lista desplegable que es Choose Inco Term . Puede usar esto para abrir el menú desplegable.
cy.get('[aria-owns="select2_ID-results"]').click() OR cy.get('[aria-activedescendant="select2_ID-result-pwlg-2"]').click()O bien, también puede usar el texto para buscar y hacer clic.
cy.contains('Choose Customer').click()