I need to iterate over every element until i find a specific button. How can achieve this in cypress?

let found =  false;
    cy.get('mat-panel-title').should('be.visible').each(($el, index) => {
      cy.wrap($el).click();
      cy.get('body').then(($body) => {
        if ($body.find('.startButton').filter(':visible').length) {
          console.log($body.find('.startButton').filter(':visible'));
          found = true;
        }
      console.log(found);
      if (found) return false;
      })
      // need to find button with class startButton
    });

and I want to stop the each once i find it.

so basically i need to get something like if button.exists return false

but i cannot think of a way to do this in cypress

Hi guys! I'm trying to add personal certificate in config - for me it's .p12 file but after running cypress I have an error: "Failed to load client certificates for clientCertificates[0]: Unable to extract subject from PFX file: Cannot read properties of null (reading 'subject')". Do you maybe know how can I solve it?

Could you explain why it's necessary to iterate like this? If it's just a case of finding

.startButton

, there are simpler ways to approach this

yes there are accordions that i need to first open in order to see if there is a button available there So the workflow is like that click on the accordion > it opens > check if there is button > if not go next/ if there is stop iterating

cypress-recurse plugin is your friend, but this conditional testing is an anti-pattern

so how would you test this type of feature if i might ask?

I'd place test ids on the accordions and have more of a concrete idea of where I want the test to click. I'm also not a fan of the conditional approach

Can you set up HTML codespace showing the app you are trying to test? I don't want to spend time setting it up incorrectly

it looks and works almost like this

so it should open section 1, there is no button so it should look for it in the next section which is section 2 and as you can see there is a button so it should stop looking for button

and the count of accordions can be different

so right now i can have 3 but tomorrow i can have 43

Hey! I have recently upgraded to Cypress version 10. I am using Cucumber for my tests. I have updated the library @freezing-piano-2792/cypress-cucumber-preprocessor as per version10 and did the relevant changes. For me, when I try to execute my code it give me the error as below: Error: You installed esbuild on another platform than the one you're currently using. This won't work because esbuild is written with native code and needs to install a platform-specific binary executable. Specifically the "esbuild-darwin-arm64" package is present but this platform needs the "esbuild-darwin-64" package instead. People often get into this situation by installing esbuild on Windows or macOS and copying "node_modules" into a Docker image that runs Linux, or by copying "node_modules" between Windows and WSL environments. If you are installing with npm, you can try not copying the "node_modules" directory when you copy the files over, and running "npm ci" or "npm install" on the destination platform after the copy. Or you could consider using yarn instead which has built-in support for installing a package on multiple platforms simultaneously. If you are installing with yarn, you can try listing both this platform and the other platform in your ".yarnrc.yml" file using the "supportedArchitectures" feature: https://yarnpkg.com/configuration/yarnrc/#supportedArchitectures Keep in mind that this means multiple copies of esbuild will be present. Another alternative is to use the "esbuild-wasm" package instead, which works the same way on all platforms. But it comes with a heavy performance cost and can sometimes be 10x slower than the "esbuild" package, so you may also not want to do that.` I am using macOS having M1 chip, so esbuild-darwin-arm64 package is installed instead of esbuild-darwin-64. Please suggest how to resolve this issue. Thanks!

please do not tag individual people in generic questions @dry-night-91027

is the markup static? I mean is the button already in the markup like in your code example, or is it added / rendered into the DOM on the accordion click? If it is static, you can use

:has

selector

Thanks for the update! I think my problem is the new window looks for opener.document (originating window), which contains the button to open this new window, but cannot see or find it... seems Cypress detaches the new window in some way? So my new window will not function as expected due to undefined error, where the app itself cannot find an element from the initialiser.

Hello everyone, I am facing issue, when my tests opens a new tab/window from a link and want switch to the new window, Tests opens a new tab after clicking the link, I get error in the console :

expected open to have been called at least once, but it was never called

. (Screenshot is attached), Link is dynamic in nature, I also tried to fetch the

href

of it , but its bind with javascript:

javascript void(0)

. Can someone help to achieve this?

Here is my first solution, without iteration: https://glebbahmutov.com/cypress-examples/9.7.0/recipes/find-and-click-accordion-button.html and

found the accordion 😄

Hi team, Do you know how to config the total timeout for each cypress test script without using the configuration for each timeout (defaultCommandTimeout... etc)? For example, if the test takes more 2 minutes, stop this test case.

Hi Folks, anyone having issues with Cy10 on CI?

We are getting: -

It was working ok with the same docker image on v9

I have debug output if that helps any