Cypress - 在 iframe 中获取元素答案

【问题标题】：Cypress - get an element in iframeCypress - 在 iframe 中获取元素
【发布时间】：2019-08-23 06:41:38
【问题描述】：

我解决了进入 iframe 的问题，但现在我无法获取我的元素。也许我发现不好，但现在我花了太多时间，我不知道下一步该做什么。

源代码：

<divid="ctl00_Telo_Dock_1005_C_ctl00_MainPage1_myPageVozidlo_inpDruhVozidla_ADX" class="inputCell" style="visibility:visible;display:inherit;">
  <span id="ctl00_Telo_Dock_1005_C_ctl00_MainPage1_myPageVozidlo_lblDruhVozidla_ADX" class="labels labelC1_n W270">Druh vozidla:
  </span>
    <div id="ctl00_Telo_Dock_1005_C_ctl00_MainPage1_myPageVozidlo_cmbDruhVozidla_ADX" tabindex="13" class="RadDropDownList RadDropDownList_CMS_Black RadComboBoxInput" style="width:216px;height:23px;font-weight:bold;font-size:10pt;font-family:Arial;color:#396170;border-width:1px;border-style:Solid;border-color:#FDC267;background-color:#F9FBFC;">
      <span class="rddlInner">
        <span class="rddlFakeInput"></span>
        <span class="rddlIcon"><!-- &nbsp; --></span>
      </span>
      <div class="rddlSlide" id="ctl00_Telo_Dock_1005_C_ctl00_MainPage1_myPageVozidlo_cmbDruhVozidla_ADX_DropDown" style="display:none;">
        <div class="rddlPopup rddlPopup_CMS_Black">
          <ul class="rddlList">
            <li class="rddlItem  rddlItemSelected"></li>
            <li class="rddlItem">Osobní automobily</li>
            <li class="rddlItem">Motocykly</li>
            <li class="rddlItem">Užitkové automobily</li>
          </ul>
        </div>
      </div>
      <input id="ctl00_Telo_Dock_1005_C_ctl00_MainPage1_myPageVozidlo_cmbDruhVozidla_ADX_ClientState" name="ctl00_Telo_Dock_1005_C_ctl00_MainPage1_myPageVozidlo_cmbDruhVozidla_ADX_ClientState" type="hidden" />
    </div>
</div>

输入图像：

我的get函数：

cy.get('#iframe-id')
  .iframe('body #elementToFind')
  .should('exist')

谢谢大家帮助我。

【问题讨论】：

标签： automation automated-tests cypress

【解决方案1】：

不幸的是，赛普拉斯在与 iframe 交互方面存在一些未解决的问题。但这里有一个非常简单的解决方法：https://github.com/cypress-io/cypress/issues/136#issuecomment-328100955。

无论如何，由于同源限制，我认为这只有在外部页面和 iframe 的域相同时才有效。

【讨论】：

要启用跨域 iframe 访问，请在文件 cypress.json 中将属性 chromeWebSecurity 设置为 false。 { "chromeWebSecurity": false }