柏树可以等待一些元素的出现吗？
柏树是一种前端开发中常用的等待机制，用于等待页面中的元素出现或满足特定条件后再执行后续操作。它可以通过轮询或监听事件的方式来实现。
柏树的优势在于可以提高页面的稳定性和可靠性，确保在元素出现之后再进行后续操作，避免因元素未加载完成或条件未满足而导致的错误。
柏树的应用场景包括但不限于：
- 页面加载完成后，等待某个特定元素的出现，如等待页面中的某个按钮加载完成后再执行点击操作。
- 表单提交后，等待某个提示信息的出现，如等待提交成功的提示框出现后再进行下一步操作。
- 异步请求完成后，等待返回数据的渲染，如等待数据加载完成后再进行页面渲染。
腾讯云提供了一些相关的产品和服务，如：
- 腾讯云函数（SCF）：无服务器云函数服务，可用于编写和执行柏树逻辑。
- 腾讯云监控（Cloud Monitor）：可用于监控页面加载时间、元素出现时间等指标，帮助优化柏树等待的效率。
- 腾讯云CDN（Content Delivery Network）：可用于加速页面加载速度，减少柏树等待的时间。
更多关于腾讯云产品和服务的信息，您可以访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
1回答
我目前正在学习柏树与我自己的反应做的应用。
当我运行集成测试时，我的UI图标(通过CDN加载，字体很棒)不会出现。因此，我删除Todo的UI按钮没有可见的宽度。
所以点击事件不起作用，我得到了错误，如屏幕截图所示。
我如何确保我的字体图标加载在我的应用程序中，我能告诉柏树等待什么吗？-因为我想它忽略了外部加载的样式表。
浏览 4提问于2021-12-22得票数 0
我刚认识柏树，我刚碰到这个问题，我似乎解决不了。
我想做的是:在eshop页面上，有一个“显示更多的产品”按钮(很抱歉语言：)：
📷
如果我点击它，我会在页面上看到更多的产品。只要我能在页面上看到这个按钮，我就需要点击它。原因是可能有很多产品和点击一次按钮不会让我到列表的末尾，所以我可能仍然不能看到所有的产品。
在我看来，这是一个简单的带条件的while循环。
现在出现了柏树及其异步特性，以及条件测试上的页面--我浏览了页面，在这里查找信息和堆栈溢出，尝试了一些代码，但是结果仍然一样，我还没有解决这个简单的问题。你会怎么做？
好吧，在我写完这些之后，也许还有一个选择.我有关于有多少页的信息(在
浏览 0提问于2019-11-04得票数 6
回答已采纳
1回答
我在我的Vue.js项目(Nuxt.js)中使用Cypress。我无法处理的主要问题是如何理解vuex商店已经准备好了。假设我有一个按钮，可以调用axios来获取一些数据。然后，数据通过突变进入存储区，Vue将在模板中呈现它。我想要与之交互的下一个元素是在商店建立之前是空的。但柏树正试图检查它。
如何在商店建成后调用下一个柏树动作(如cy.get)？
我的项目更复杂。但核心问题是，柏树有时不等待商店建设，并试图进一步工作。这是我们第一次使用cy.wait(1000)，但这似乎不是那么完美的决定。
<div>
<button data-cy="fetchData
浏览 1提问于2019-01-28得票数 4
我使用柏树来测试api调用。我有一些函数，这些函数调用api并返回像这个Cypress.Chainable<Cypress.Response<SomeClass>>那样的链接。在这里，SomeClass可以是自定义类，也可以是简单的对象类型。我想要创建一个函数，它将返回一个自定义类，而不是Chainable。这在柏树里有可能吗？该怎么做呢？
function getCar(model) : Cypress.Chainable<Cypress.Response<<Car>>{
return cy.request({
method:
浏览 5提问于2022-09-15得票数 1
我在获取css选择器时遇到了问题，它在dom上，甚至可以通过UI进行选择。 但是柏树没能得到它。 没有异步的东西在运行，只有被加载的页面。 正如你在图像中所看到的thelement是存在的，有什么想法来解决这个问题吗？ ?
浏览 26提问于2020-06-12得票数 0
回答已采纳
2回答
柏树角何时能测试开始？
、、、
我用柏树对我的角度应用做端到端的测试。我观察到的一个碎片来源是，柏树动作快，而我的应用程序(相对地)很慢才准备好进行交互。Cypress有一些参考的 来讨论这个难题。
其中一个博客文章中的示例建议劫持addEventListener来处理一个非常具体的示例。但我要找的是合适的“大锤”.任何人都有任何聪明的想法/技巧，不需要在每次访问页面之前增加10秒的等待时间，然后才能进行测试活动(顺便说一句，哪种方法有效)？我花了相当长的时间在谷歌上搜索，但没有结果。提前谢谢你的想法！
旁白:我还发现了，如果要解决这个问题，可能是答案的一部分。
浏览 1提问于2020-11-17得票数 7
5回答
我所处的情况是，我需要在cypress中使用for循环和If else块。
场景：一旦登录到应用程序，我需要读取元素的文本，该文本在下面的屏幕截图中四舍五入。
此元素将在我登录后20-90秒内出现，当我刷新屏幕时。所以我需要写这样的东西，等待元素，如果它出现，读取文本并返回值，如果没有等待10秒，重新加载页面，然后再进行处理。
function waitAndreload() {
for (let i = 0; i < 10; i++) {
cy.get("#ele").then(ele => {
if (ele.tex
浏览 5提问于2019-11-08得票数 0
2回答
由于我们的测试代理有时比较慢--我试图为一些命令添加额外的超时时间，比如在命令上使用超时值，如below.But所示，它不尊重值，因为我的理解是，柏树将等待"10000“MS来获取#Addstory元素？
请给我一个建议，这是正确的方法吗？非常感谢
cy.get('#addstory > .ng-scope').click({ timeout: 10000 })
浏览 0提问于2019-02-11得票数 1
回答已采纳
原则上，被测试的应用程序可以在任何时候抛出错误通知(通常是当某些东西不能正常工作时:服务器端)。我的问题是，我的柏树测试不会因为这样的错误消息而失败。
是否可以在柏树中为此类事件配置侦听器？如果消息框弹出，它基本上总是在听。
例如：收听：
cy.contains('[data-e2e-notification-message-text]', 'ERROR: ')
浏览 0提问于2022-08-22得票数 2
1回答
柏树与不稳定DOM
、、、
我正在使用柏树对一个react应用程序进行一些e2e测试，并且我在单击元素时遇到了问题。
我有一个简单的脚本：
it('can bookmark/unbookmark the posting', () => {
cy.visit(pdfPosting.url)
.wait(1000)
.contains('Save')
.should('be.visible')
.click();
cy.visit('/jobs/jobbox')
.contain
浏览 6提问于2020-04-23得票数 2
1回答
我有一个测试用例，在这个测试用例中，当您快速单击页面上的两个按钮时，我们发现了一个bug。我正试图围绕这一点编写一个测试，所以我需要让Cypress快速单击这两个按钮，而不是等待第一个单击事件的完成。这在柏树里有可能吗？我找不到任何似乎是我要找的信息。
浏览 2提问于2019-11-19得票数 0
回答已采纳
2回答
我目前是新的柏树和想测试忘记密码应该在登录按钮以下的Facebook页面？有办法吗？
有没有一种方法来测试柏树中元素的相对定位？
浏览 3提问于2022-03-02得票数 0
2回答
什么是标准的柏树方式，以等待“请等待”模式关闭？
很容易检查它的存在，但是如果不使用cy.wait(ms)，我怎么能让Cypress持续检查一段时间，看看元素是否已经从DOM中删除，或者是否变得不可见？
浏览 0提问于2018-03-08得票数 12
回答已采纳
我正在用柏树测试一个反应应用程序，而柏树非常擅长于检查是否至少有n个呼叫是在加载时发出的，而不是很好地检查是否只发出了这些调用。该应用程序本身是一个非常标准的react应用程序，它使用window.fetch进行api调用。还有其他服务，比如柏树，有能力以自动化的方式测试吗？
例如，如果您访问登录的站点，我们有三个配置调用。如果开发人员提交的代码意外地调用了这两次中的一次，那么理想情况下，我希望自动测试能够捕捉到这一点。
我不想在Cypress中这么做，因为这似乎不是产品真正想要做的事情，除非你用一个没有文档的解决方案来破解它。
浏览 3提问于2022-06-02得票数 1
我试图访问/auth路径并使用以下代码使用柏树登录：
Cypress.Commands.add('login', (email, password) => {
cy.get('.auth').find('.login').should(($login) => {
expect($login).to.contain('auth.welcome')
})
cy.get('[name="email"]').type(email);
cy.get('[name=
浏览 3提问于2020-07-21得票数 1
2回答
因此，我试图将我们现有的量角器测试套件迁移到柏树上。对于其中一个测试，我们有一个场景，我们可以有两个预期的条件，更容易在量角器中处理。但是我想知道是否有类似的柏树命令功能来达到这个目的？？共享代码段
confirmation.getConfirmButton().click().then(() => {
// We will either get a successful cancellation OR an alert modal with an OK
// button saying that the contract canno
浏览 10提问于2022-08-25得票数 3
回答已采纳
是否有方法将样式应用于Cypress中的所有元素？就像恒星选择器一样：
* {
overflow-x: hidden;
}
我需要这个视觉回归快照，因为滚动条的出现，并没有找到一些简单和优雅的东西在柏树。目前正在做这样的事情：
cy.get('[data-cy="some-tag"]').invoke('css', 'overflow-x', 'hidden');
但是，这当然不是很好，因为每个有滚动条的元素都必须被定位和设置。
浏览 2提问于2020-10-02得票数 3
回答已采纳
我想使用Cypress.Commands.overwrite()让cy.visit()方法做它通常做的事情，然后等到加载器元素不再在DOM中时，指示AJAX请求已经完成。我的目标正是这个，而不是创建一个新命令。原因是为了避免出现这样的情况，例如，某些人可能在不知情的情况下使用未经修改的cy.visit()，然后断言某些元素不存在，而这些元素可能存在，只是还没有加载。
在覆盖默认命令时，我似乎遇到了Cypress使用承诺时遇到的问题。从手册中可以清楚地看到，在调用原始函数之前，当您想要做一些事情时，应该如何覆盖cy.visit()。但是，我无法找到一个例子，在这个例子中，最初的函数首先被调用，然
浏览 4提问于2020-04-17得票数 1
3回答
我正在使用插件。我有一个HTML测试页面，底部有长卷轴和元素。一个简单的脚本将元素滚动到视图中。我有一个Cypress测试，它检查一个元素是否出现在viewport中，但是它没有像预期的那样工作：
.waitUntil(() => cy.get('#scrollTo').isInViewport());
使用柏树命令isInViewport
Cypress.Commands.add('isInViewport', { prevSubject: true }, (subject) => {
const windowInnerWidth = Cypr
浏览 6提问于2022-01-14得票数 0
我知道它大部分时间都能工作，但是在我测试过的网页上，在下面一行中
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
回答已采纳
我有一个问题，因为柏树无法在页面上找到一个复选框。
此复选框是在cypress单击按钮后呈现的，但即使复选框在页面上可见，柏树也会出现错误：
CypressError: Timed out retrying: Expected to find element: '.checkbox_0.0', but never found it.
it('add a sibling"', () => {
//click the button:
cy.pause();
cy.get('#ciccia').click({ force: t
浏览 2提问于2020-12-23得票数 2
4回答
柏树鼠
、
我是柏树的新手，试图为我的学习创建一些基本的脚本，通过点击元素来处理下拉菜单是很好的，但是在这个例子中，悬停在元素上是行不通的，我可以看到所需的元素正在盘旋，但子菜单没有出现。
it.only('Mouse hover using trigger ', () => {
cy.visit('https://www.puregrips.com/pages/custom-grips')
cy.contains("a", "Custom").trigger('mouseover')
浏览 0提问于2021-07-27得票数 3
回答已采纳
目标：我想使用带柏树的可访问性选择器单击页面上的特定元素
码
cy.findAllByRole('rowheader').eq(2).click();
误差
Timed out retrying: cy.click() failed because this element is detached from the DOM.
<th scope="row" data-automation-id="taskItem" aria-invalid="false" tabindex="-1" class="
浏览 8提问于2021-05-04得票数 37
2回答
Cypress前环停止条件
、、、、
在下面的循环中我需要一些帮助：
localStorage.removeItem('DDFound');
cy.get(sel).each(($el, index, $list) => {
if(localStorage.getItem('DDFound')!='1')
{
cy.log(localStorage.getItem('DDFound'));
cy.wrap($el).click().then(()=> {
cy.get(table).t
浏览 6提问于2022-03-20得票数 2
我试图使用柏树运行一些生产监控测试，我也使用快照匹配插件来比较屏幕截图。我只想知道这安全吗？我不使用任何仪表板服务，从柏树-just运行测试在我们的本地机器-柏树会发送任何信息以外的网络？
浏览 0提问于2019-07-19得票数 0
回答已采纳
1回答
我想检查nextjs-portal标记是否出现在我的页面正文中，如果出现，则单击它。
我怎样才能用柏树做到这一点？
这是可行的，但我现在需要if块：
cy.get('nextjs-portal').click();
就像这样
if (cy.get('nextjs-portal')) {
cy.get('nextjs-portal').click();
}
浏览 53提问于2021-05-28得票数 0
回答已采纳
1回答
我对柏树很陌生，并试图通过将我们目前的一些behat测试转换为柏树来学习它，我们的方案之一是检查网站的多个“列表”页面上的文章链接，然后单击“随机文章”。
这个步骤的定义，
获取页上的项目链接数。
将此用作随机数范围的上端。
然后使用这个随机数来锁定相应的文章链接。
用柏树和黄瓜插件，我有个半工作的
Then(/^I click on a random article$/, () => {
let num = Math.floor(Math.random() * 10)
cy.get(‘.article_link’)
.eq(num).click()
})
浏览 0提问于2018-11-30得票数 2
新的柏树和JavaScript，请帮助
我正在自动化测试用例，以检查按钮的启用/禁用状态，条件是有几个元素的'src‘html属性的值为'/Client/images/iconNo.png’(按钮将被禁用)和/Client/images/iconYes.png (按钮将被启用)。
我使用if语句检查上述条件，方法是包装对象以获取值，并使用'.then()‘方法，下面是javascript代码
cy.get('.eligibilitySuccessfulGrant > :nth-child(1) > .cursor')
.then(($ch
浏览 5提问于2021-10-26得票数 0
3回答
看不见柏树的吐司
、、、、
我不能在柏树上看到祝酒词。尝试在浏览器和命令行上进行测试。还试着增加了等待。
it('Login with invalid password', () => {
login.enterEmail(testData.username)
login.enterPassword(testData.invalidPassword)
login.submit()
cy.wait(2000)
login.getToastError().contains(testData.invalidCredentialsError)
})
任何关于柏树吐司信
浏览 18提问于2022-02-28得票数 2
我现在有一些很烂的柏树测试。目前，有时在表单提交后检查表单输入字段的值的测试失败，因为柏树在可观察到的提供值之前检查字段的值。
您可以在测试的视频中看到，一个帧测试失败了，上面写着“期望值'5‘但得到了值’”，几个帧之后，字段中的值为5。
大致上代码看起来像
cy.get("field").type("{backspace}" + 5);
cy.get("save").click();
gotoHomeSite();
gotoFormsSite();
cy.get("field").should('have.val
浏览 4提问于2022-05-31得票数 1
回答已采纳
findByText来自柏树测试库
contains也有“本土”的柏树
我想知道它们之间有什么区别，什么时候我应该使用一个而另一个呢？
浏览 4提问于2020-09-26得票数 4
我正在尝试用cypress-file-upload库上传一个没有输入元素的文件，使用.attachFile()，到目前为止我还不能。我没有发现任何错误，只是没有上传文件。我已经尝试了在我的应用程序的另一部分输入元素，它的工作很好。还有别的办法吗？还是我做错什么了？
我用的是：
这是我应用程序中的代码
有什么想法吗？非常感谢，任何提示都欢迎。
版本：“柏树-文件-上传”："5.0.7“”柏树“："7.7.0"，Windows Chrome
浏览 4提问于2022-01-17得票数 1
请告诉我要使用什么methods来等待加载屏幕元素消失？PS。我不使用API request。
我尝试使用两个methods，但它不能正常工作：
1. cy.get('#loading', { timeout: 30000 }).should('not.be.visible');
我得到了错误：-- Timed out retrying after 30000ms: Expected to find element: #loading, but never found it.
2.使用了插件(柏树-等待-直到)像这样的cy.waitUntil(() =>
浏览 7提问于2021-03-02得票数 2
我想通过XPATH / ID单击一个元素，而不是默认的柏树定位器，这有可能吗？
在selenium中，我可以通过XPATH使用find元素，例如：
d.findElement(By.id("category")).click();
在柏树里，就像：
cy.get('#hdtb-msb-vis > :nth-child(3) > .category').click()
我能按一下ID吗？(硒更好看！)
d.findElement(By.id("category")).click();
对
cy.get('#hdtb-msb-vi
浏览 0提问于2019-07-04得票数 20
回答已采纳
重述此错误的柏树测试
此测试代码：
context('Navigation to our website', () => {
it('Visit and check quantcast has error or not', () => {
cy.visit('https://www.nanoresort.com/stories/celebrities-lost-money-can-no-longer-afford-extravagant-lifestyles/');
})
})
屏幕截图显示了这个问题，
如果我在浏览器
浏览 2提问于2021-05-30得票数 2
1回答
嗨，我正在做一个selenium项目，最大的困难是等待XHR请求完成。我当前正在做的是等待使用以下预期条件发出的请求， public ExpectedCondition<Boolean> jQueryExpect (int expectedActive) {
ExpectedCondition<Boolean> jQLoad = new ExpectedCondition<Boolean>() {
@Override
public Boolean apply(WebDriver dr) {
t
浏览 62提问于2020-09-17得票数 1
3回答
我有一个使用and ( React )开发的应用程序，我开始为应用程序集成柏树e2e测试。然而，当涉及到下拉时，我无法让它工作，包括多个选择的下拉。这是密码。
cy.getBySelector('.settings-tab .ant-tabs-tab-active > div').invoke('text').then((text) => {
if( text === 'Teams'){
cy.getBySelector('.btn-Team').click()
cy.getBySele
浏览 6提问于2021-12-22得票数 2
回答已采纳
只是想知道是否有一种方法可以测试一个元素是否包含、text_A、或text_B和柏树。例如，我有一个由API请求返回的错误填充的元素，我想检查错误消息是包含text_A还是text_B。尝试了下面的代码，但是只有当text_A出现并且在text_B返回时失败时，它才能工作。我不会从柏树那里得到任何错误的无效语法，如果能提供任何帮助，我们将不胜感激。
cy.get('body').then((body) => {
if (body.find('#request-error').length > 0) {
cy.get(
浏览 5提问于2019-10-08得票数 9
在(20.30)或(50.60)秒之间启动柏树ui测试会导致错误的Google 2因素令牌生成。它会产生预先标记。
下面是我的令牌生成函数：
function getToken () {
const totp = require('totp-generator');
const token = totp('2CQQGPPYFE7JPJAX');
return token;
}
以下是在使用令牌之前如何获得令牌：
let token = getToken()
看起来令牌是在测试开始时生成的(即使调用在测试中间)，令牌在使用时已经过时了，因为新的句点已经
浏览 1提问于2019-10-02得票数 1
回答已采纳
3回答
我正在尝试测试并单击在输入组件中键入文本之后出现的表行。表在延迟后加载(在从外部API获得响应之后)。所担心的是使用等待直到加载某些元素的超时：
cy.get('[data-cy=searchBar]').type("Name")
cy.get('[data-cy=dataTable]').get('tbody').contains("td", "Result of name search", {timeout: 15000}).click()
因此，柏树等待有这样的行与给定的值，但值我的变化和不
浏览 12提问于2020-11-26得票数 0
回答已采纳
1回答
我想在“柏树”中声明如下：
cy.get(a).should('be.visible').or(()=>{
cy.get(b).should('be.visible');
});
换句话说，我想检查条件A或条件B是否为真。怎么用柏树做这个？
浏览 19提问于2022-03-01得票数 3
回答已采纳
5回答
我有问题，选择价值从组合框在柏树。它总是告诉我：
CypressError: cy.select() can only be called on a <select>. Your subject is a: <span unselectable="on" class="k-select" aria-label="select" role="button" tabindex="-1" aria-controls="fabric_listbox">...</span>
浏览 0提问于2018-11-21得票数 2
回答已采纳
我使用柏树进行测试自动化，当从终端运行测试规范时，结果输出中会出现奇怪的字符：
cypress规范运行在Git for Windows bash -
如果我从Windows命令提示符运行柏树，输出字符是正确的：
在Windows命令提示符下运行cypress规范-
我使用Windows 7、cypress 5.1.0和Git for Windows 2.28.0和mintty 3.2.0
对如何纠正这个问题有什么想法吗？
浏览 1提问于2020-09-11得票数 2
回答已采纳
单击时触发了#mybutton模式：
$('#mybutton').click(function(){
bootbox.confirm({
message: "This is a confirm with custom button text and color! Do you like it?",
buttons: {
confirm: {
label: 'Yes',
className: 'btn-succ
浏览 7提问于2022-09-25得票数 0
我正试图用柏树和固定装置在我的next.js应用程序上编写一些测试，该应用程序使用Axios连接到RESTful API。但是我在使用RESTful截取cy.intercept() API时遇到了困难，因为柏树无法跟踪在cy.intercept()中发送的请求，而cy.intercept()只能处理柏树能够跟踪的请求。有什么方法可以帮助我改变来自RESTful API的响应吗？任何包裹也会有帮助。
浏览 2提问于2021-05-20得票数 2
我使用的铬版本96和柏树版本8.4.1。每当我尝试使用type=输入字段时，“number”柏树立即失败，并出现错误：
InvalidStateError:无法从‘HTMLInputElement’读取'selectionStart‘属性:输入元素的类型('number')不支持选择。
HTML：<input type="number" name="phone_lead" id="phone_lead" placeholder="+92 301 2345678" class="requ
浏览 3提问于2021-09-27得票数 1
回答已采纳
当我需要等待元素(广告)时，我有一种情况，如果它是可见的，那么需要单击它，但是如果在超时之后找不到元素，那么需要继续执行一个测试。
如何处理与柏树的关系？
浏览 4提问于2022-06-25得票数 0
回答已采纳
问题
Cypress在GET请求完成时返回超时。
描述
使用GET请求Cypress.io
我应该收到来自API的大型响应体(超过15 the )，但我有以下内容："CypressError: cy.request()超时等待300 000 the从服务器发出响应。“
增加"responseTimeout“没有帮助..。
我还在邮递员中检查了相同的请求，结果总是在50秒内获得成功。
日志告诉我们，在柏树中超时的请求实际上已经完成，所以我想这就是柏树问题。
编辑：有我的代码的例子，我已经尝试用“异步”来做一些事情，但是超时仍然在发生。通常，每秒钟的测试都会因超时而失败，但这并不是
浏览 4提问于2020-01-30得票数 1
我在学柏树，但我发现了这个错误。
运行npm运行测试时，将柏树窗口打开一段时间，但几秒钟后关闭，则会出现以下错误：
我已经安装了最新的柏树版本，但它没有工作。
浏览 14提问于2022-10-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
