Cypress:如果找不到元素，我可以防止Cypress cy.get失败吗？
在Cypress中，如果找不到元素，可以采取一些措施来防止cy.get失败。以下是一些可能的解决方案：
- 等待元素出现：使用Cypress提供的等待机制，可以使用
cy.get方法的.should断言来等待元素出现。例如，可以使用.should('be.visible')来等待元素在页面上可见。 - 使用合适的选择器：确保使用正确的选择器来定位元素。Cypress支持多种选择器，包括CSS选择器、XPath等。根据元素的唯一特征，选择合适的选择器来定位元素。
- 调试定位问题：如果找不到元素，可以使用Cypress提供的调试工具来帮助定位问题。可以使用
.debug()方法在控制台输出当前元素的状态，以便检查选择器是否正确。 - 使用
.find()方法：如果元素是动态生成的或嵌套在其他元素中，可以使用.find()方法来在父元素的范围内查找子元素。这样可以缩小查找范围，提高元素定位的准确性。 - 使用
.contains()方法：如果元素没有唯一的选择器，但包含了特定的文本内容，可以使用.contains()方法来定位元素。.contains()方法接受一个字符串参数，用于匹配元素的文本内容。
总结起来，为了防止Cypress的cy.get失败，可以采取以下措施：等待元素出现、使用合适的选择器、调试定位问题、使用.find()方法和.contains()方法。这些方法可以提高元素定位的准确性和稳定性。
关于Cypress的更多信息和使用方法，可以参考腾讯云的Cypress产品介绍页面：Cypress产品介绍。
相关·内容
我正在写一个Cypress测试来登录一个网站。有username和password字段以及一个Submit按钮。大多数情况下，登录都很简单，但有时会首先出现一个警告对话框，必须将其清除。 我试过这个： cy.get('#login-username').type('username');
cy.get('#login-password').type(`password{enter}`);
// Check for a possible warning dialog and dismiss it
if (cy.get('.warning
浏览 555提问于2017-12-12得票数 35
回答已采纳
我是Cypress的新手，我正在编写的测试产生了以下错误：
TypeError window.parent.$ is not a function
我真的不明白这是什么告诉我和使用：
Cypress.on('uncaught:exception', (err, runnable) => {
return false
})
确实可以防止测试失败，但我相信这个异常会让我在尝试从下拉菜单中选择项目时感到痛苦。
正如您所看到的，这个测试实际上没有任何内容：
it('Log in to SUT', function () {
cy.get(&#
浏览 1提问于2021-05-09得票数 0
2回答
我有一个问题:如果我需要创建一个基于Cypress中断言的过程，会发生什么？假设当进入某个页面时，有一个弹出窗口是随机可见的；有时会出现，有时不会出现。所以，当弹出窗口出现时，我需要单击弹出的"OK“按钮，以使其消失。如何确保在不出现该窗口的情况下，测试不会失败？测试失败，因为它找不到与“接受”按钮对应的元素。当窗口不出现时，如何使它忽略该操作？提前谢谢你。
I tryed with something like this, but it doesn't work:
if(cy.get('#pop-up-window-1').should('
浏览 5提问于2022-06-06得票数 1
我的团队正在使用react-joyride在我们的react应用程序中进行特性浏览。本质上，react-joyride在整个DOM中用非常高的z-index和半透明(rgba(0, 0, 0, 0.3))颜色覆盖一个<div>。这会使页面看起来“褪色”，并使其不可交互(其他几个<div>用于突出显示页面的一小部分并呈现工具提示)。
我正在使用@testing-library/cypress为这个特性之旅编写一个集成测试。使用cy.get()，我可以在<div>下选择DOM元素，但是findByText()在Unable to find an element
浏览 8提问于2020-07-31得票数 1
回答已采纳
我在我的网站上使用sweetalert2来创建弹出窗口。当触发器被触发时，sweetalert2库使用JavaScript将DOM节点添加到页面。所添加的所有内容的父节点都是div标记：
<div class="swal2-container">
...
</div>
在我的Cypress测试中，我加载页面并单击触发弹出窗口的按钮。但是，Cypress找不到添加的DOM节点(及其子节点)：
it('Get content of popup', () => {
cy.get("[id='popup_tri
浏览 7提问于2021-03-15得票数 2
2回答
学习柏树，在谷歌上找不到答案。下面是按钮及其周围元素的html。我相信这个页面是一个带有flex css的vue.js web应用程序。
<div class="row no-gutters align-center justify-center" data-v-11111111="">
<div class="v-card__actions" data-v-11111111="">
<button class="title v-btn--contained theme
浏览 12提问于2020-05-07得票数 0
我用的是柏树10。
我见过这样的代码：
Cypress.Commands.add(
'byTestId',
// Borrow the signature from cy.get
<E extends Node = HTMLElement>(
id: string,
options?: Partial<
Cypress.Loggable & Cypress.Timeoutable & Cypress.Withinable & Cypress.Shadow
>,
): Cypre
浏览 12提问于2022-11-07得票数 0
回答已采纳
我有一个div，其中有一个API调用，如果API调用成功，div将被填充“成功”数据，如果它失败或超时(不经常发生，但可能发生)，则使用一个失败。
假设Cypress中的全局超时设置为30秒。
以下是我所拥有的：
cy.get(failureElementSelector).should("not.exist");
cy.get(successElementSelector).should("exist");
这方面的问题是，failure元素断言总是立即通过，然后即使失败发生在5秒内，Cypress仍然只等待成功元素出现，所以测试在30秒内缓慢失败，而不是在5
浏览 12提问于2022-02-01得票数 2
我正在测试一个虚拟下拉列表，我的代码是这样的：
while (!cy.contains('.ant-select-item',/^Cypress$/)) {
cy.get('.ant-select-dropdown').trigger('wheel', {deltaX:0,deltaY:100});
}
它一直向下滚动，直到找到一个特定的元素。但是，此代码不起作用，当contains找不到特定元素时，它将测试失败，而不是返回false。
如何使while循环工作？
浏览 5提问于2021-09-15得票数 1
我要检查一个元素的可见性。在这段代码中，柏树试图找到cy.get('[data-cy="repetitions-count-box"]')，如果它不存在，就会失败。它应该在其他部分，但没有。有什么建议吗？
cy.get('[data-cy="repetitions-count-box"]').then(($rptBox) =>{
if($rptBox.is(':visible')){
const repeat = $rptBox.
浏览 7提问于2022-04-11得票数 0
我想使用Cypress.Commands.overwrite()让cy.visit()方法做它通常做的事情，然后等到加载器元素不再在DOM中时，指示AJAX请求已经完成。我的目标正是这个，而不是创建一个新命令。原因是为了避免出现这样的情况，例如，某些人可能在不知情的情况下使用未经修改的cy.visit()，然后断言某些元素不存在，而这些元素可能存在，只是还没有加载。
在覆盖默认命令时，我似乎遇到了Cypress使用承诺时遇到的问题。从手册中可以清楚地看到，在调用原始函数之前，当您想要做一些事情时，应该如何覆盖cy.visit()。但是，我无法找到一个例子，在这个例子中，最初的函数首先被调用，然
浏览 4提问于2020-04-17得票数 1
我已经使用cypress几个月了，但我似乎无法解决这个问题。我有一个值数组( var valArray='-1'，'-0.5'，'0'，'0.5'，'1‘)。我想要检查所有这些值是否都出现在加载到cypress中的特定页面上。为此，我使用了一个for循环： for (var i=0; i<valArray.length; i++)
{
cy.get('element1').find('element2').contains('text', valArr
浏览 29提问于2021-03-25得票数 0
我写过这个方法，但它很古怪。
Cypress.Commands.add("selectRandomDropdownOption", function () {
cy.get(".ng-option")
.as("dropdownOptions")
.should("be.visible")
.then((options) => {
Cypress._.sample(options).click({ force: true });
cy.get("@dropdownO
浏览 1提问于2022-10-10得票数 2
回答已采纳
问题-我正在尝试用给定值填充给定页面中的所有输入域，但当前测试失败，出现以下错误：
输入元素的cy.clear失败
"Cypress需要将元素附加到DOM中才能与它们交互“
运行的前一个命令是cy.wrap“这个DOM元素很可能在前一个命令和当前命令之间的某个地方分离了”
下面给出了正在使用的自定义命令，该命令导致了错误，但在本地我无法重现该问题，但进入了我们的终端
Cypress.command.add("inputs", (selector, value) => {
cy.get(selector).each((element) => {
浏览 3提问于2021-06-05得票数 0
cy.get('body'). then(body => {
cy.wrap(body).should('have.class','.layout-header')
}
cypress找不到“layout-header”类。当我这样做的时候，它就起作用了：
cy.get('body'). then(body => {
cy.get('.layout-header')
}
我需要这样做，因为我想像这样使用条件测试：
cy.get('body&#
浏览 2提问于2021-05-26得票数 0
2回答
我无法计算在一个站点上用React编写的DOM元素的数量。
/// <reference types="cypress" />
context('Checking all components', () => {
beforeEach(() => {
cy.visit('https://news-israel.com');
});
it('Checking posts', () => {
cy.get('.posts-wrapper&
浏览 2提问于2020-11-29得票数 0
回答已采纳
2回答
这里我附上我的html代码的图像.
我想点击所有‘. click’元素，它位于其父div‘.侧栏’中。
这是我的代码
cy.wait(5000)
cy.get('.close-img').click({multiple:true})
，这是我从柏树得到的错误
4100 is后超时重试: cy.click()失败，因为此元素与DOM分离。
..。
Cypress要求在DOM中附加元素来与它们交互。
之前运行的命令是：
> cy.get()
这个DOM元素很可能在前面的命令和当前的命令之间分离。
发生这种情况的常见情况：
您的JS框架重新呈现的asynchronou
浏览 1提问于2021-07-07得票数 0
回答已采纳
刚刚开始使用柏树后，与普罗夫兰/茉莉花。总的来说，测试运行良好，使用Cypress用户界面--包括Chrome和电子--运行良好。
但是，当我在VS代码或VSTS管道中运行无头电子时，我会得到未发现的元素错误。在浏览器中运行时，元素是“在您的脸上”，所以我不确定问题是什么。
下面是一个示例-(前面的规范加载URL)
describe('OBM Smoketests', function() {
it('Select Hotel and Enter Search Dates', function() {
cy.get('.jss189 >
浏览 0提问于2018-11-06得票数 0
回答已采纳
1回答
我做了一个简单的柏树测试一个基本的反应应用程序。检查<div>是否存在id container，但失败了。怎么啦？我是Cypress的新手。
观看这段视频：
const cypress = require("cypress")
describe("renders the home page", () => {
it("renders correctly", () => {
cypress.visit("/")
cy.get("#container"
浏览 3提问于2022-04-14得票数 2
回答已采纳
我想比较Cypress中的两个不同的变量，并期望它们在使用时是相等的：expect(var1).equal(var2)，但是我无法正确地从它收集span值，如下面的HTML示例。
<div class="cat-results">
<a class="cat-results-url" title>
<span>Title I want to compare</span>
</a>
</div>
我只想得到“我想比较”的值，但是当我在C
浏览 6提问于2022-07-13得票数 0
回答已采纳
2回答
Cypress包含忽略元素
、、、、
我想使用找到一个可点击的元素。clickable元素始终包含文本"Login“，并且位于容器div中。但是，问题是我不知道clickable元素是使用<button>、<a>还是<input type="submit">建模的。
我的HTML有时看起来如下：
<nav>
<button>Wrong Login Button</button>
</nav>
<div class='container'>
...
<div>
<
浏览 4提问于2021-11-30得票数 0
回答已采纳
我正在尝试使用Cypress中的选择器来查找我的网页中的数据。它似乎不像我预期的那样起作用，但可能只是我不明白它的工作方式。
我正在做以下几件事。click()只是为了让我能够看到cy.get()是否工作，我正在试图找到正确的选择器。我最终将在一个复杂的cy.contains()中使用选择器，我正试图从头开始构建。
cy.get('body:contains(ATHLETE FIRST NAME)').click();
我有一个元素，上面的文字在两处。但是上面的contains()似乎并没有找到它，但是它并没有导致失败。
如果我把这一行改为：
cy.get('div:c
浏览 3提问于2020-06-08得票数 3
回答已采纳
如果页面结果是“找不到匹配的记录”或“没有可用的数据”，我无法构建测试成功的条件。Cypress中有"OR“运算符吗？(文档中无)
我尝试使用nodejs来做逻辑，但是cypress在第一个条件下抛出错误。
if (cy.get('.v-table__overflow > table > tbody > tr > td').contains('No matching records found') || cy.get('.v-table__overflow > table > tbody >
浏览 66提问于2019-10-21得票数 0
回答已采纳
在Cypress中路由时，是否有任何方法断言元素在任何时候都是不可见的？
我有一个服务器渲染的web应用程序，它有时在不应该显示的情况下显示一个“加载”状态，所以当我在页面之间导航时，一个“加载”指示器显示了几秒钟，然后消失了。
我知道Cypress的断言有时会“等待”--在这种情况下，Cypress等待加载指示符消失，这使得测试认为它已经通过了。但我希望测试失败，因为加载指示符在某一点上是可见的。
我使用这两个断言：
cy.get('[data-test="loading"]').should('not.exist');
cy.get('
浏览 0提问于2018-12-12得票数 11
回答已采纳
我有一张桌子，我需要填写每一间牢房。
首先，我将获得第一行，并使用find()方法获取每个单元格。
但问题是，元素正以某种方式脱离DOM：
cy.find()失败，因为此元素与DOM分离。前面运行的命令是: cy.wrap()
这是我的密码：
cy.get('.ag-center-cols-container .ag-row').each(($el, index, $list) => {
cy.wrap($el).find('div[col-id="account"]').type("30000")
})
我尝试
浏览 2提问于2021-11-06得票数 0
2回答
我想详述一下，因为我有一个类似的问题：
我想要cy.get('#lead_name').type('foo')，但是在加载表单时，这个元素包含了不透明的0.9：
<div class="blockUI blockOverlay" style="z-index: 1000; border: none; margin: 0px; padding: 0px; width: 665px; height: 100%; top: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity: 0
浏览 13提问于2021-10-15得票数 3
回答已采纳
我有一个Cypress命令，在这里我要检查.row中的元素。如果循环遍历.row元素，它可以正常工作，但如果传入特定的.row元素，则会失败。我不知道该如何处理错误信息，因为我在任何地方都不使用承诺。
命令：
Cypress.Commands.add('normalRowCheck', row => {
cy.wrap(row).find('button').should('have.text', 'X')
cy.wrap(row).find('form').should('not.e
浏览 1提问于2022-05-17得票数 0
回答已采纳
有解决这个问题的办法吗？我想强制Cypress等待，直到加载屏幕结束，但它断言了一堆在屏幕上还看不到的元素。 断言是： cy.get('[data-cy="cam-button"]').should('be.visible'); ?
浏览 73提问于2021-11-11得票数 1
在站点：中，有一个下拉列表位于这里，
html如下所示：
<select id="testingDropdown">
<option id="automation" value="Automation">Automation Testing</option>
<option id="performance" value="Performance">Performance Testing</option>
<option id="manua
浏览 14提问于2020-10-24得票数 1
3回答
我有一些针对网站的端到端测试，使用 v3.2.0在Javascript中实现。我的一个测试步骤是这样实现的：
cy.get('h1#feed_header_id').contains('אביזרי'); //('אביזרי' is in Hebrew)
当我在Cypress GUI中运行测试时，它在CONTAINS步骤失败。但是，当我单击日志中的CONTAINS步骤时，快照清楚地显示了其中包含文本"אביזרי“的H1元素。
截图：
请注意:元素是：<h1 id="feed_header_id">א
浏览 1提问于2019-04-30得票数 2
我是Cypress的新手，我正在查看HTML页。我需要测试登录身份验证并记录XHR正文。因此，我编写了一个测试，如下所示：
describe('Login test', function () {
it("Test description", () => {
cy.server();
cy.visit("login");
cy.route({
method: "POST",
url: '/login'
浏览 95提问于2019-11-14得票数 2
有没有人能帮我解决这个Cypress错误？ Cypress Error: Timed out retrying: expected '<div.sub-categories-list>' to be '0 visible'
This element '<div.sub-categories-list>' is not visible because it has CSS property: 'position: fixed' and its being covered by another elemen
浏览 81提问于2019-09-07得票数 4
1回答
我想知道在cypress中是否可以通过多个参数进行搜索，例如ID和Class it('find button',function(){
cy.get('#button_id, .button-class').click()
}) 这是可以实现的吗？
浏览 36提问于2021-10-06得票数 1
回答已采纳
我在一个测试页面上写了一个Cypress测试，测试页面的页数是随机的。我正在尝试在Cypress中编写一个条件，如果是最后一个页面，则允许我单击“提交”页面链接，否则将单击“下一个”链接，如果不是最后一个页面。 我尝试过使用.contains()和.find()等cypress命令，它们似乎不会返回通过/失败响应。我还尝试了各种if语句，但当我使用这些语句时，我最终使用的cypress命令要么通过，要么失败，但不会路由到任何替代的条件else。 //单击submit successfully或测试失败。如果不是最后一页，则永远不会命中else子句。 if (cy.find(&
浏览 11提问于2019-08-24得票数 0
我有问题。我想尝试查找60秒超时的元素(1)。如果Cypress找不到它，那么它不能以失败的测试结束，而是单击其他元素(2)，然后截取屏幕并以失败结束 这是因为如果这个元素(1)没有被找到，这意味着应用程序中的某些功能失败了。在我点击第二个元素(2)之后，我会发现问题出在哪里，以及为什么会这样结束。那是因为在那之后我想要那张截图。 有没有人知道如何解决这个问题？
浏览 12提问于2020-08-25得票数 0
我正在为波兰维基百科插件做一个Cypress测试，我在我的柏树测试中有这样的代码：
Cypress.Commands.overwrite('visit', (orig, path, options) => {
return orig(`https://pl.wikipedia.org/${path}`);
});
Cypress.Commands.add('login', (pass) => {
cy.visit('/w/index.php?title=Specjalna:Zaloguj');
cy.get('#
浏览 15提问于2022-11-12得票数 1
我知道它大部分时间都能工作，但是在我测试过的网页上，在下面一行中
cy.get('button[title="Query"]').click()
柏树跑步者通过了get，但是一直挂在click动作上直到超时。如果我将代码修改为
cy.get('button[title="Query"]').as('query')
cy.wait(500)
cy.get('@query').click()
测试成功了。
显然，武断的等待是一种糟糕的做法。自动等待，重试能力--正如柏树声称的那样--可以防止上述情况发生
浏览 14提问于2021-05-26得票数 5
回答已采纳
当我使用cmd (通过命令cypress run)开始我的自动化测试时，测试总是失败，输入元素。它说元素是不可见的。但是当我用浏览器开始测试时，它总是会通过的。 ? 有人有同样的问题吗？ 我不能更改HTML代码。 cy.get('#reasonRecommendationByAgent')
.type('Zdůvodnění doporučení zprostředkovatele')
.should('have.value', 'Zdůvodnění doporučení zprostředkovatele') 如果我
浏览 26提问于2019-04-25得票数 0
回答已采纳
我在用Cypress测试虚拟滚动组件时遇到了一些问题。我有一个测试，可以在滚动到容器底部后检查DOM中存在的li元素。
当像这样编写时，测试通过了：
cy.get('.virtual-scroll').scrollTo('bottom')
cy.wait(0)
cy.get('li').last().children('h4').contains('1999')
当像这样写的时候，它不会：
cy.get('.virtu
浏览 1提问于2018-05-22得票数 3
回答已采纳
我在cypress中有以下测试：
cy.visit('/main.html')
cy.get('#homeTitle').contains('Welcome')
这就过去了。
如果我将包含值更改为"Welcome2“，测试应该会失败，它在runner中失败，但显示的计时器继续运行，并且不会继续进行下一个测试。
好像它不会超时之类的。
浏览 0提问于2018-10-18得票数 0
对于Cypress中的测试，我希望向下滚动到用Ionic创建的页面底部。
我尝试在窗口上使用scrollTo：
cy.scrollTo('bottom')
但是得到了一个错误：超时后重试4000 is : cy.scrollTo()失败，因为这个元素不可滚动：
在元素本身上使用scrollIntoView也没有帮助。
还滚动主要离子容器：
cy.get('ion-content').scrollTo('bottom')
导致了同样的错误。
有谁有主意吗？
浏览 3提问于2021-09-22得票数 1
回答已采纳
我可以成功地上传.dbf、.prj、.shx和.shp文件，在ReactJs中生成shapefile。没有错误，请求顺利通过。当我用Cypress编写测试时，问题出现了，我得到了以下内容：
Error: unsupported shape type: 957
at new Shp (VM86 bundle.js:101829:33)
at VM86 bundle.js:101822:12
at async Promise.all (:4200/__/index 0)
at async generateShape (VM86 bundle.js:1929:18)
浏览 3提问于2022-08-01得票数 1
回答已采纳
3回答
我正在尝试完成一个测试用例，其中包括打开propertypal.com，输入一些值，并使用cypress软件验证响应。我以前从未使用过柏树，但要求我做这项测试的公司希望我使用它。这就是我正在测试https://www.propertypal.com/的网站 我想在文本框中输入bt6，但我找不到要使用的正确定位器。我尝试的一切要么返回多个元素，要么什么也找不到。下面是我尝试过的一些没有成功的方法。我一直在磨练的主要内容是占位符文本、ID和元素名称。 我对这种类型的自动化非常陌生，所以任何帮助都将是令人惊讶的。 cy.get('query').type('bt6'
浏览 55提问于2021-05-09得票数 0
1回答
如何在Cypress中选择数组？
、、、、
我正在尝试使用cypress选择一个数组。我有这个元素"cy.get(".link.nav-link")“ 当我尝试单击元素时，cypress返回给我："Cannot read property ' click‘of undefined“ 下面我添加我的代码 class Home {
get services() {
return cy.get(".link.nav-link")[0];
}
clickOnServices() {
this.services.click()
}
}
export
浏览 15提问于2021-07-13得票数 0
我想知道如何检查一个元素是否存在于Cypress网页的DOM中。
在Cypress中，Selenium中这段代码的等效性是什么？
Boolean Display = driver.findElement(By.xpath("locator")).isDisplayed();
浏览 6提问于2021-03-28得票数 5
回答已采纳
我有一个问题，如果元素存在，那么做一些事情。举个例子： if (cypress.$('.row > .text-right > .btn').length > 0) {
cy.get('.row > .text-right > .btn').click();
} 这里的问题是，如果按钮不存在，cypress将中止测试，但这正是cypress不应该中止的时候，它应该什么都不做并继续。 我需要一个解决方案 if (element.exists) {
cy.get(element).cl
浏览 78提问于2021-07-08得票数 1
回答已采纳
在Cypress中，您可以通过以下方式测试复选框是否已选中： cy.get('[data-cy=my-selector]').should('be.checked'); 反之，您可以检查它是否未通过以下方式检查： cy.get('[data-cy=my-selector]').should('not.be.checked'); 我找不到检查复选框是否处于不确定状态的方法。 ? 在Cypress中有什么方法可以做到这一点吗？
浏览 27提问于2021-10-24得票数 2
回答已采纳
我对Cypress有一个错误，我需要测试是否存在一个元素，我使用cy.find(选择器).length“但是这个命令返回一个错误。
if (cy.find('.mdl-textfield__error').length > 0 || cy.find('.mdl-selectfield__error').length > 0) {
}
你知道问题的根源吗？
提前谢谢你，
浏览 12提问于2022-04-13得票数 0
如何在cypress中测试这段代码？ <Chips
id="ChipsId"
className="chips"
value={this.state.tags}
onChange={this.onChange}
suggestions={this.state.tagGroup}
fromSuggestionsOnly="true"
/> 我尝试过的代码是： cy.find('#ChipsId')
.type("Freshers")
.type
浏览 26提问于2019-10-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
