如何让Cypress仅处理可见元素？

文章/答案/技术大牛

发布

2回答

cypress

我正在尝试使用这一元素： cy.get('[data-cy-component=single-picker-search] input').type('Live'); 当我运行它时，它告诉我有超过1个我尝试查看每个元素，但如果元素不可见，则此操作失败： cy.get(singlePickerSearch).each(($el) => {}); 如何

浏览 48提问于2019-02-07得票数 20

回答已采纳

3回答

断言该元素在Cypress中不可操作

automated-tests、chai、cypress

如果页面上的元素不可操作(在本例中，该元素由另一个元素覆盖)并尝试单击它，则Cypress将显示如下错误： should.not.be.visible -元素是可

浏览 1提问于2018-08-29得票数 21

回答已采纳

1回答

单击页面上的某处可关闭下拉列表等项目

cypress

我有一个问题，下拉列表在dom中成为顶层，而所有其他元素对于cypress不再可见。用户可能只需单击某处即可关闭下拉菜单。然而，我在柏树上失败了。我只能点击dropdown -元素本身，因为在下拉列表中有多个项目，我甚至必须选择一个(不想要) 我需要一些东西让cypress点击一些不特定的东西，比如: root().click或cy.get('body

浏览 7提问于2021-09-30得票数 0

1回答

在柏树无头环境下运行测试会产生错误cy.click()

cypress

node_modules\.bin\cypress run --spec **/*.features 问题：这个元素不可见错误的可能原因是什么？如何在无头模式下处理等待？

浏览 3提问于2020-08-19得票数 0

2回答

我正在使用Cypress来测试一个web应用程序。我一直得到这个可见性错误(这个元素‘’是不可见的，因为它的父元素.)当试图使用click()函数单击链接/按钮时。Cypress‘建议’解决这个问题，或者使用 {force: true} 来禁用错误检查‘确实有帮助。现在，我一直在谷歌如何使{force:true}是click()函数的默认行为，所以我不必在每次使用click()函数时都编写它，但是到目前为止还没有找到任何东西-- 有这个可能吗？

浏览 6提问于2020-04-20得票数 2

2回答

验证元素在带有Cypress的Viewport中

javascript、testing、cypress、end-to-end

Cypress的visible匹配器根据各种因素将一个元素视为可见元素，但是它没有考虑到视口，因此在屏幕外滚动的元素仍然被视为可见元素。如何验证元素是否在视图端口内？

浏览 3提问于2019-11-05得票数 14

3回答

如何使用Cypress检查按钮已禁用

automated-testing、cypress

ng-reflect-disabled="true" ng-reflect-color="primary" 上面包含的元素可以根据用户权限启用或禁用按钮我试着用但我不知道如何使它与我的' get‘元素一起工作(见下文)。

浏览 0提问于2018-06-19得票数 33

5回答

使jQuery更改的代码可见

javascript、jquery、firefox、code-generation

如何使jQuery (JavaScript)生成或更改的代码可见？在浏览器中显示普通代码(例如Firefox)仅显示元素被jQuery/JavaScript更改和操作之前的内容。在哪里我可以让活动代码可见？

浏览 8提问于2011-08-03得票数 0

回答已采纳

3回答

你能测试一个元素是否被滚动到

cypress

我有一个链接，当点击它时，它将滚动到相同页面上的div元素。是否有一种方法，我可以点击一个链接，并确定元素实际上是滚动的？

浏览 5提问于2019-12-19得票数 1

2回答

柏树测试是绿色的本地，但失败的CI -提示调试？

javascript、continuous-integration、e2e-testing、cypress

让测试在本地机器上完美地工作(尝试在行中运行几次)，但是当相同的代码通过CI (当前的Bitbucket管道)运行时，有几个测试由于奇怪的原因而失败。还有一些是不正常的，而且经常是随机发生的，就像那个元素是不可见的，但是看一下屏幕截图，我可以很好地看到。我尝试使用cypress-failed-log插件查看命令日志，但这并没有真正的帮助，因为这与我在本地看到的一样，但在CI中失败了。我在Cypress仪表板上看到的视频也没有多大帮助，因为它通常太快了，有些东西甚至在那里都看不见。有人能建议我如何

浏览 0提问于2019-06-15得票数 16

1回答

React测试库与柏树查询哲学

testing、cypress、react-testing-library、e2e-testing、testing-library

阅读Cypress文档让我有点困惑，因为这两个库在应该如何查询元素方面似乎有相反的观点。我觉得这两种方法之间存在矛盾。我明白我们应该测试用户实际看到的内容(测试库)。

浏览 8提问于2022-07-26得票数 3

2回答

等待页面加载- Cypress

javascript、testing、automated-tests、cypress、pageload

class HomePage { cy.visit(Cypress.env('url') + '.ie/'); cy.wait(1000

浏览 121提问于2021-03-07得票数 1

回答已采纳

3回答

如何使用jsonAssertion.softAssert断言元素是可见的

automation、cypress

我能够使用softAssert()方法来验证元素中的文本，但我正在试图弄清楚如何使用softAssert()方法断言元素是可见的。我试图断言的元素是输入字段、表和按钮。下面我给出一个简单的例子。我就是这么做的： Cypress.Commands.add('softAssert', (actual, expectedjsonAssertion.jsonDiff

浏览 12提问于2022-02-27得票数 1

3回答

Cypress使用regex检索具有id中匹配文本的元素。

angular、cypress

我有多个带有id features-#####和features-#####的div元素，其中#是一个动态图形。如何让Cypress找到id features-的匹配部分的所有元素，然后以编程的方式单击第一个或第二个元素？这是我到目前为止所做的，但是我无法找到使用regex检索所有元素的hwo，然后以编程方式处理它们。

浏览 5提问于2020-04-20得票数 4

回答已采纳

2回答

如何重写'findByTestId function from Cypress* Testing Library‘中的'data-testid’*

cypress、testing-library、cypress-testing-library

已尝试此代码<div class="some random class name" id="userprofile-open" role="button">SB</div> 我想用下面的代码单击该元素

浏览 2提问于2021-05-26得票数 0

2回答

如何用柏树切换到iFrame

cypress

我使用Cypress自动登录到受iFrame保护的web应用程序。//*@id='app']/iframe")));但是有了柏树，我不知道换帧的方法？

浏览 1提问于2018-10-09得票数 2

2回答

如果我们要从定位元素中获取3个元素，并且我需要在cypress中单击第二个元素，该如何处理

cypress

如何处理如果我们从定位元素中获取3个元素，并且我需要在cypress中单击第二个元素，使用First()和Last()方法，我们可以与last和first进行交互，但是对于中间元素，我们如何实现

浏览 20提问于2020-05-08得票数 0

1回答

如何测试从下拉菜单中单击并关闭的功能

e2e-testing、cypress

我正在测试cypress下拉窗口的功能。打开下拉菜单后，测试它是否可见。如何测试在菜单外单击将关闭下拉菜单？据我所知，您只能在可单击元素上调用.click()，否则它将抛出错误。

浏览 15提问于2019-02-28得票数 2

回答已采纳

1回答

元素与DOM错误分离。

javascript、dom、automation、cypress

如您所见，“元素存在”和“元素是可见的”断言都是通过的。下一个操作命令click、type、clear有时会给出这个错误。我怎么才能修好它？ .scrollIntoView() .should("be.exist") 您可以看到我正在处理哪些组件您可以在这里看到最新的更新:我使用了Cypress.do

浏览 8提问于2022-11-03得票数 0

3回答

当父元素具有CSS属性时Cypress断言元素是如何可见的: display: none

javascript、css、cypress、display

如何为父元素隐藏css属性的元素编写柏树可见断言？Cy.get('.price-total').should('be.visible')此元素<span.price-total>不可见，因为它的父元素<div.tem--总价格-移动显示>具有CSS属性: display: none 我必须尝试在

浏览 1提问于2021-03-15得票数 3

点击加载更多