https://cypress.io logo
Join Discord
Powered by
# help
  • h
  • b
    Neat thank you
  • b
    ... hum... that is embarassing
  • b
    I never logged ssh into github...
  • b
    "kyber-ui": "git+ssh://git@github.com/pro-football-focus/kyber-ui.git#semver:1.3.6",
  • b
    Actually I believe these repos are private which make installing impossible
  • b
    Removing them
  • h
    oh yep i meant to remove them sorry
  • h
    Can someone point me some article which compares cypress and selenium. It's advantages, disadvantages, features etc
  • f
    I can't seem to get the 
    cy.tick()
    working as I expect. Got this case:
    Copy code
    ts
const [minutesLeft, minutesLeftSet] = React.useState<number>(10)

  React.useEffect(() => {
    let timer
    if (minutesLeft > 0) {
      timer = setTimeout(() => {
        console.log(new Date())
        minutesLeftSet((minutesLeft) => minutesLeft - 1)
      }, 1000 /*ms*/ * 60 /*sec*/ * 1 /*min*/)
    }

    return () => {
      if (timer) clearTimeout(timer)
    }
  }, [minutesLeft])
    (this is finial version - it will do it from a date but this is fine for now)
    Copy code
    ts
...
/ Time left
    cy.contains('10 min', { matchCase: false }).should('be.visible')
    cy.tick(1000 /*ms*/ * 60 /*sec*/ * 1 /*min*/ + 300 /*ms*/)
    cy.contains('9 min', { matchCase: false }).should('be.visible')
    cy.tick(1000 /*ms*/ * 60 /*sec*/ * 1 /*min*/ + 300 /*ms*/)
    cy.contains('8 min', { matchCase: false }).should('be.visible')
  • f
    only 1 date is shown in the console...
  • f
    it works in the browser
  • i
    Cy.clock () need to be called before cy.tick()
  • f
    sorry that is done
  • f
    Copy code
    ts
  it.only('shows a ticket order and an estimate on when it is ready', () => {
    cy.stub(nextRouterMock, 'useRouter').callsFake((): Partial<TRouter> => {
      return { query: { ticketNumber: '7' } }
    })

    const now = new Date()

    cy.clock(now)

    mount(
      <>
        <ResizeWrapper>
          <CartProvider>
            <PaymentSucceededMessage />
          </CartProvider>
        </ResizeWrapper>
      </>
    )

    // Ticket number
    cy.findByText('Ditt biljettnummer är').should('be.visible')
    cy.findByText('7').should('be.visible')

    // Time left
    cy.contains('10 min', { matchCase: false }).should('be.visible')
    cy.tick(1000 /*ms*/ * 60 /*sec*/ * 1 /*min*/ + 300 /*ms*/)
    cy.contains('9 min', { matchCase: false }).should('be.visible')
    cy.tick(1000 /*ms*/ * 60 /*sec*/ * 1 /*min*/ + 300 /*ms*/)
    cy.contains('8 min', { matchCase: false }).should('be.visible')

    cy.contains('Om du inte har angett en annan gång i anteckningen till köket')
  })
  • f
    just wanted keep the examples short
  • f
    Don't understand why I can't forward time...
  • u
    coincidentally I'm getting the same problem so I opened a ticket with another repo if that helps 😄
  • u
    I didn't know if it was a global problem or because I'm using TypeScript + Vue, so my repo has those configured
  • b
    Hello ! I'm trying to cy.visit an url copied into my clipboard through the click of a button. Is there a way to test that action ? I'm reading several things but it doesn't look like it's working for me. Thanks !
  • e
    @User have you come across this stack overflow?
  • e
  • b
    @User not this one, no
  • e
    If the general approach is new to you I think that could be a ~solit~ solid* starting point of getting the contents of the clipboard and then programmatically going to that address (assuming it's an address)
  • b
    Thanks ! I'm kind of new to programming on Cypress (and in general as well), I'm trying to get to visit the URL address I get from clicking on a button that should be in my clipboard
  • e
    Okay. Once you have the URL from your clipboard, you can do something like 
    window.location.href = /*your variable value*/
  • b
    I'll have a look at your link with greater attention on Monday morning as I'm not at work at the moment 🙂
  • e
    Can someone help me better understand what Cypress can offer in terms of confirming a particular function was called? I have tried using 
    cy.spy
    and 
    cy.stub
    but it doesn't seem to be working the way I expect it to I have tried instantiating both of these in different places (at beginning of 
    describe
    , in 
    beforeEach
    , etc.) but haven't gotten it to work I am definitely calling the methods I'm spying on but something appears to not be connected in how I'm testing this with Cypress
  • e
    To give more detail, I am trying to test like this
    Copy code
    typescript
import segment from 'utils/segment'

export {}

const formDefinition = {}

describe('Analytics', () => {
    beforeEach(() => {
        cy.intercept('/metric/formio/latency', { statusCode: 200 })
    })

    describe('page navigation', () => {
        beforeEach(() => {
            cy.visit('/cypress_tests', {
                onBeforeLoad() {
                    cy.spy(segment, 'init').as('initSpy')
                    cy.spy(segment, 'track').as('trackSpy')
                }
            })
            cy.loadForm(formDefinition)
        })

        it('initializes segment', () => {
            cy.get('@initSpy').should('be.called')
        })
    })
})
  • e
    I tried making 
    init
    available as an individual export and changing my import to 
    import * as segment from 'utils/segment'
    but got this error 
    Attempted to wrap undefined property init as function
    so I don't think that's the correct route to take
1...202122...252Latest