!duplicate

Uh oh, It looks like you have posted the same question in multiple channels. Help us prevent spam by removing any duplicates of your questions, Thanks! 😀

I am asking internally regarding this question. Will follow up soon.

This issue was added to our priority list, you should see updates coming soon 😀

did you ever resolve this issue? I'm currently having the same issue.

Hey I have a general question about how cypress works under the hood, because to me it seems all my test code exceutes before the test starts and all cy commands are queued up by cypress and then executed. Is this how cypress works? This leads to some complications with my test set up, because I did not know .

any alternative for cy.wait(TimeStamp) we tried to check for certain items to load and visible and also intercepts so any other suggesions to over come this timestamp ?

> we tried to check for certain items to load and visible and also intercepts These are what I would suggest. Can you go into more detail around why they weren't helpful? If you have a video recording of what happens, I can try to make some suggestions

This plugin can give you a better idea of how the chaining works in cypress https://github.com/bahmutov/cypress-command-chain

I am asking because I want to somehow wait for one process step to finish any Idea how I could do this?

js
  /**
   * This is the essential run function that will run all steps.
   * It will look for the steps in tests/e2e/support/steps and either take customer specific steps or default steps.
   * the it loops over them and executes the connected function.
   */
  run() {
    this.prepareJourney();
    const steps = getSteps(Cypress.env('VUE_APP_ENVIRONMENT'));
    steps.forEach((step) => {
      cy.wait(Cypress.env('CY_WAIT_EXTRA_SHORT'));
      if (step.preProcess) {
        this[step.preProcess]();
      }
      if (step.process) {
        this[step.process]();
      }
      if (step.postProcess) {
        this[step.postProcess]();
      } else {
        this.postStepWait();
      }
    });

We have simple stepper application which is used by multiple clients. For every client we have rearranged the forms on each step and we have sometimes different forms but in the main sense we have always the same steps often just rearranged. SO what we did is that we have a step list for every client and in cypress testing we just want to iterate over that list. But cypress is not waiting on every process step it seems that it executes all process synchronously and the cypress commands are then just queued up somehow. This behaviour makes it impossible to have some conditional testing (unless we mock everything). The question is how can we actually stop the execution on every step.preProcess, step.process and step.postProcess and wait till the test code has finished

The steps list looks like this:

js
    [{
        preProcess: null,
        process: 'chooseProduct',
        postProcess: null
    },
    {
        preProcess: null,
        process: 'personalForm',
        postProcess: null
    },]

My hunch is that you need to wrap

this.prepareJourney()

So

cy.wrap(this.prepareJourney())
  .then(() => {
    // the rest of what you're wanting to do
  })

cy.wait(Cypress.env('CY_WAIT_EXTRA_SHORT'))
  .then(() => {
    // Conditional steps
  }

Other than that, I recommend using the plugin to better understand chaining in Cypress and avoiding conditional testing wherever possible

@fresh-doctor-14925 okay I will try this thanks

I guess I will also need to wrap

this[step.process]();

and then somehow built a chain

so basically I need to transform my list into this kinda chain:

js
cy.wrap(this[step.preProcess]()).then(()=> cy.wrap(this[step.process]()).then(...))

am I right?

Because I am doing some conditional testing, based on earlier steps

I imagine it would be something like

.then(() => {
      if (step.preProcess) {
        cy.wrap(this[step.preProcess]())
      }
      if (step.process) {
        cy.wrap(this[step.process]())
      }
      if (step.postProcess) {
        cy.wrap(this[step.postProcess]())
      } else {
        cy.wrap(this.postStepWait())
      }
  })

But I would suggest not having conditionals if possible, and instead trying to control the starting state of your app As well, if any of these can be converted to cypress custom commands, you'll have an easier time with chaining

hmm

okay thank you for your input

Sadly conditional testing is unavoidable here

due to lack of time we need to cover as much as possible for all clients

and they all come with different configs

and items to display etc.

In that case, maybe this plugin will help you: https://github.com/bahmutov/cypress-if

This looks pretty awsome

thank you for the suggestion

Yeah, the author recommends against conditional testing, but that's there if there's no alternative. Good luck!