cy.tick() cannot be called without first calling cy.clock()

[gabrielbahniuk]

Hi everyone,

this code works fine:

describe('Test timer', () => {

  before(() => {
    cy.clock()
    cy.visit('http://localhost:3000')
  })

  it('Displays timer, pass 15 seconds, does not display timer', () => {
    cy.get('div [data-cy=counterText]').should('have.text', '15');
    cy.tick(15000);
    cy.get('div [data-cy=counterText]').should('have.text', '0');
  })
})

However in projects I usually want to do some splitting like this:

describe('Test timer', () => {

  before(() => {
    cy.clock()
  })

  it('Visit site', () => {
    cy.visit('http://localhost:3000')
  })

  it('displays timer', () => {
    cy.get('div [data-cy=counterText]').should('have.text', '15');
  })

  it('does not display timer', () => {
    cy.tick(15000);
    cy.get('div [data-cy=counterText]').should('have.text', '0');
  })
})

And the code above gives me the following message:

cy.tick() cannot be called without first calling cy.clock()

I tried to put cy.clock() in some different places already but no success, so the question is: where should I place cy.clock() in an use case that I have such split code?

Thanks in advance!