- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试找到一种解决方案,以使用 cypress 将 iframe 访问到 iframe 中。我已经尝试了以下所有功能但均未成功:
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
});
最佳答案
不知道这是否对您有帮助,或者您是否已经修复了它,但我确实找到了在另一个 iframe 中访问 iframe 的解决方案,因为我试图自己解决这个问题,我会留下答案在这里,希望它能有所帮助。
因此,iframe 的 id 示例:
这是您可以尝试的代码示例:
cy.get('#first_iframe').then($firstIframe => {
const $secondIframeReference = $firstIframe.contents().find('#second_iframe');
cy.wrap($secondIframeReference).as('secondIframeReference'); // Saving this as a reference so we can access it again using get command
// Now we are accessing the second iframe
cy.get('@secondIframeReference').then($secondIframe => {
const $elementYouWant = $secondIframe.contents().find('element you want to interact with');
cy.wrap('$elementYouWant').type("It's writing some stuff"); // In case it is an input field, for example
});
});
阅读此 article 后进入此解决方案
关于javascript - Cypress 将一个 iframe 访问到另一个 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64606194/
问题:Cypress npm 父项目能否导入/添加/运行其依赖项 Cypress npm 项目的 Cypress 测试? 问题的答案是这个链接有效,将一个整体的 Cypress 测试包分解成多个 Cy
我编写了端到端测试。如果我在打开柏树的情况下启动它们,它们就会一直通过。但是如果我使用这个命令:cypress run --browser chrome --headed --no-exit --sp
我想在每次测试之间传递/共享数据。在 Cypress 中实现它的最佳方法是什么? 例如: it('test 1'), () => { cy.wrap('one').as('a') con
柏树 clears all cookies和 local storage每次考试前。它是否也清除浏览器的文件缓存? 最佳答案 编辑: Cypress 在浏览器启动前自动清除浏览器缓存 Version
我正在尝试对 cypress 执行条件语句,以检查标题中的登录链接是登录还是帐户或类,然后单击它。 if 条件不起作用。 cy.get('header').then((header) => { if
我们正在尝试编写一个 cypress 测试来检查从页面发出的 xhr 请求之一。但是,我们发出的请求没有显示在命令日志中。然而,在运行 cypress open 后,它们确实出现在 bash 控制台中
我正在评估 Cypress(版本 3.4.1),并且在从 cypress 工具运行相同的测试和从终端运行它们之间遇到不一致,我在两种情况下都使用相同的浏览器(Electron 61)。有人经历过吗?
我有一个表单,允许用户输入日期范围,输出结果将仅来自该特定日期。 我可以使用 .type() 函数将日期输入到表单中。但是,我不确定如何检查结果是否在指定的范围内。 例如,如果输入的日期是 ('17/
我正在使用 Cypress ,并且想对XHR响应进行部分 stub 。我想捕获原始JSON,并对其进行部分编辑。 例如:cy.route('GET', `**/subjects`, 'fixture:
您好,我正在尝试通过 Jenkins 运行 cypress 测试,并且正在从我的本地 m/c 获取测试,而不是从 github 获取测试,并且正在执行 Windows 批处理命令"./node_mod
tl;dr:cypress 变量是否可以存储在某个可访问的位置(如 this 或类似的东西),或者如果我想访问所有这些变量,我是否必须进入无休止的回调循环一次使用? 长话短说: 我试图用 cypres
我有一个场景,在选择特定产品后,金额会反射(reflect)在文本字段中,当我们单击复选框时,金额会自动翻倍。这是我的代码: cy.getBySel('textfield').click().then
我正在使用 Cypress 测试数据表单,但卡在了一个在页面上显示警告的步骤上。 这是测试,但它不起作用。 describe('Alert is displayed with warning text
我有一个表格,我正在测试列标题是否正确。问题是 .contains() 只返回一个元素。 我可以为每个实例重复代码,但它看起来很冗长。感觉我一定在 Cypress 命令中遗漏了一些可以做得更好的东西。
我们有一个应用程序会定期轮询服务器,直到任务完成。我们触发了一个全局事件,以便 Cypress 可以捕捉并找出任务是否完成,但我们在使用 document.addEventListener 时遇到了问
是否可以告诉 Cypress 使用某种语言(例如德语)启动 Chrome,因为我有一个应用程序需要用多种语言进行测试。我在文档中的任何地方都看不到详细信息,这表明目前这是不可能的。 我试过添加 --l
我正在使用 Cypress作为我的 API 和 UI 测试自动化框架。我已经编写了多个正在运行和通过的 API 测试,但它们只是验证 response.status返回 200 .我想比较来自 GET
在运行 Cypress 脚本时,有些情况会失败。我只想运行那些失败的案例来再次运行。 如何在 Cypress 中仅运行失败的测试用例? 最佳答案 只要它没有直接集成到 Cypess 中,你就可以使用类
如何使用 Cypress 清除(取消选择)多选输入中的所有选项? 这里的文档似乎没有涵盖这种情况:https://docs.cypress.io/api/commands/select.html#Sy
我们正在使用 Cypress 使用 Create React App 测试应用程序构建,我们的 CRA 应用程序正在 .env – NODE_PATH=src/ – 中设置自定义导入路径,以便我们可以
我是一名优秀的程序员,十分优秀!