at function/command level, you got { timeout } you want a la carte, you got it/context/describe blocks? defaultCommandTimeout and then there is the config file, that's the entire suite

we had something like this in the cypress-example-recipes repo I believe

@bland-pharmacist-88362 here is an alternative solution that should work with dynamic panels. I am using cypress-recurse (see the spec in https://github.com/bahmutov/cypress-recurse/blob/main/cypress/integration/accordion-spec.js

does anyone know why a post request in the middle of an might cause the beforeEach to run again in the middle of an

it

method?

Anyone know why I am getting this and what to do with it when trying to load a separate config file? cypress open --env envname=cbay_prod --config-file config/client.production.js

Thanks. But I want to add the configuration for total time out for each (it, context). That means it's total running time instead of defaultCommandTimeout...etc

an impure function in the beforeEach

oh I see now this is what Gleb mentioned https://github.com/cypress-io/cypress-example-recipes/tree/master/examples/fundamentals__timeout

Great tips! Thank you for your help. I came up with something like this. Its ugly but it works 😄 Yours is cleaner will definitely use it 🙂

var found = false
    function checkButton() {     
      cy.wait(500) 
      cy.get('body').then(($body) => {
        if ($body.find('.startButton').filter(':visible').length) {
          found = true
        }
    })
      console.log(found)
      return found;
  };

    cy.get('mat-panel-title').should('be.visible')
    .then(
      each(
        ($el) => {
          console.log(found)
          if (found === false) {
            cy.wrap($el).click();
          }
        },
        () => checkButton() === true,
      ),
    )

I'll have to figure this out too, next week

Glad I'm not alone. If I figure something out I'll put it here.

me too

how can i hover with mouse for 2 sec and then click? 💀

Heyo, I was wondering if there's a nice way to do this in Cypress, but haven't found a solution to conditionally check it: 1. If an element exists, wait for it to disappear (this works, code example below) 2. if the same element is not found initially, DO NOT wait for its existence on the first place and skip point 1

Cypress.Commands.add("checkWaitNoSkeletonLoaders", (timeout = undefined) => {
  cy.get(

.react-loading-skeleton`, { timeout }).then(($elements) => { if ($elements.length < 1) return true; cy.wrap($elements, { timeout }).each(($el) => { cy.wrap($el, { timeout }).should("not.exist"); }); }); });` Why I would need point 2 at the same time? Because on CI for some weird reason some tests fail at this command (timeout waiting for the element). When running locally but using the same url where our CI tests, it always passes.

I've seen some weirdness when running in CI because the tests run slightly faster in headless mode. Could be that? As for your use case, that can be a tricky one. It can be that the

.get(".react-loading-skeleton").should("not.exist")

assertion will pass before the loader element has even appeared Is there another element that will appear when the loader appears, but will remain after? You could assert on that one, then do the check for the loader

Thanks Liam. That was my assumption also yeah. There's no other element that would appear with the loader and remain after. unfortunately.

Could anyone have a look on my question, Please?

I guess another way to approach this would be to ask if you really need to do the check for the loader element? Does the app's behaviour change depending on whether that element appears?

Hey there

I have an issue about my dashboard. In fact, my runs dont show up on it, but on my github action only. Dunno why, cause I merged on master yesterday, and it doesnt work anymore... Any answer about that? Thanks

Hi. I have problem with loop in this command. Increment does not stop at 4 (PRODUCTS_AMOUNT). Anyone have idea why? Thanks Cypress.Commands.add("addRandomProductToCart", () => { let producsCounter = 0; const PRODUCTS_AMOUNT = 4; const MAX_AMOUNT = 15; const addToCart = () => { ProductCard.availableQuantity.should("be.visible") ProductCard.quantityInput.should("be.visible") ProductCard.quantityMinus.should("be.visible") ProductCard.quantityPlus.should("be.visible") ProductCard.addToCartButton.should("be.visible") ProductCard.addToCartButton.click() } for(let i = 0; i < MAX_AMOUNT; i++) { cy.visit(getRandomItem(productCardsUrls)); cy.get("body").then(body => { if (body.find(".showavailability > p").length > 0) { addToCart(); producsCounter++ } else { ProductCard.notifyIfAvailable.should("contains.text", "Powiadom mnie gdy produkt będzie dostępny") } }) if (producsCounter === PRODUCTS_AMOUNT) { break; } } })

You might fix it by doing this

if (producsCounter === PRODUCTS_AMOUNT) {
            i = MAX_AMOUNT+1;
        }

I have this method, it runs well in CLI but crashes Test Runner GUI

Hi, Can anyone please help me ? my Cypress is not getting open after running command , it is keep loading on this screen.

That is quite a bit of .each and .then nested commands. That could be the reason.

It's quite process heavy, but was working fine with previous version of Cypress

Hi team. code coverage report keeps giving me unknown reports. could anyone give me an idea?

hi guys, i have a problem with readFile, i used this method a few times in specs, and only in one have a problem, after export an excel file the new page opening (which shouldn't)

Hello everyone. I am trying to run Cypress and execute the URL with an ID (eg: 1). However, I cannot manage to do so and I am always getting an undefined instead in the url. How can I actually access that path? I use a custom page loader and I am not sure if that changes anything Here is the .cy.tsx file:

typescript
describe('CompanyDetails.cy.ts', () => {
  it('should render', () => {
    cy.mount(<CompanyDetails />, '/company/1')
  })
})

And here is component.tsx file:

typescript
Cypress.Commands.add('mount', (Component, initialRoute = '/company/1', path, options = {}) => {
  const wrapped = <MemoryRouter initialEntries={['companies/1']}> {Component} </MemoryRouter>
  return mount(wrapped)
})

Do you have any idea what am I doing wrong? Thanks!

I have cypress in an angular project (using angular cli). It has a

cypress

folder in the root (which contains a

tsconfig.json

) and a

cypress.config.ts

at root level. There I am trying to import a file from my angular app which sits at

./src/app/foo

. If I try to import that, I get a

TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts"