我试图找到一个解决方案来访问一个iframe到一个iframe使用cypress。我已经尝试了所有以下函数没有成功:
Cypress.Commands.add('getIframeBody', (iframeSelector) => {
// get the iframe > document > body
// and retry until the body element is not empty
return cy
.get(iframeSelector)
.its('0.contentDocument.body').should('not.be.empty')
// wraps "body" DOM element to allow
// chaining more Cypress commands, like ".find(...)"
// https://on.cypress.io/wrap
.then(cy.wrap)
})
Cypress.Commands.add('iframev3', { prevSubject: 'element' }, (iframeSelector, callback) => {
// For more info on targeting inside iframes refer to this GitHub issue:
// https://github.com/cypress-io/cypress/issues/136
cy.log('Getting iframe body')
return cy
.get(iframeSelector)
.wrap($iframe)
.should(iframe => expect(iframe.contents().find('body')).to.exist)
.then(iframe => cy.wrap(iframe.contents().find('body')))
.within({}, callback)
})
Cypress.Commands.add('iframeV4', { prevSubject: 'element' }, $iframe => {
return new Cypress.Promise(resolve => {
$iframe.ready(function() {
resolve($iframe.contents().find('body'));
});
});
});
我也试过iframe插件。
我试着用这个方法来访问它,例如:
cy.get('#m_c_layoutElem_cmsdesktop').iframeV4()
.get('#m_c_layoutElem_contentview', {timeout: 10 * 1000}).iframeV4().debug()
但它总是一样的,我能够抓住第一个iframe,但不是第二个!
各位,
- 编辑:**感谢当前的评论,我已经提前了一点,这里是当前的状态:
cy.getIframeBody('#m_c_layoutElem_cmsdesktop')
.then(iframe1 => {
let iframe2 = iframe1.find('#m_c_layoutElem_contentview')[0] //Do stuff with queryselector()
console.log(iframe2);
let iframe3 = iframe2.contentWindow.document.querySelector('#m_c_plc_lt_ctl00_HorizontalTabs_l_c');
console.log('iframe3', iframe3) // This is set to an iframe
console.log(iframe3.contentWindow) //This is null
//debugger
/*let cyIframe3 = Cypress.$(iframe3.contentWindow.document);
console.log('cy iframe3', cyIframe3);
*/
let cyIframe32 = cy.get(iframe3);
console.log('cy iframe32', cyIframe32); //This is: $Chainer {userInvocationStack: " at Context.eval (http://localhost:8090/__cypress/tests?p=cypress\support\index.js:237:25)", specWindow: Window, chainerId: "chainer1656", firstCall: false, useInitialStack: false}
/*let field = iframe3.contentWindow.document.querySelector('#m$c$f$Title$txtText'); // Exception because iframe3.contentWindow is null
console.log(field);
*/
iframe3.find('#m$c$f$Title$txtText').type('Coucou'); //fin is not a function
});
2条答案
按热度按时间lawou6xi1#
不知道这是否会帮助你或如果你已经修复了它,但我确实找到了一个解决方案来访问另一个iframe内的iframe,因为我试图为自己解决这个问题,将在这里留下答案,并希望它能有所帮助.
下面是iframe的id的一个例子:
下面是您可以尝试的代码示例:
阅读此article后进入此解决方案
xzlaal3s2#
很简单。有两种方法。(以下是真实的可复制的例子)