Как мне ждать, пока не будет установлен cookie? - PullRequest
Новая
       39

Как мне ждать, пока не будет установлен cookie?

0 голосов
/ 17 февраля 2019

Я пишу приемочные тесты для функции входа в мое приложение.В какой-то момент я хочу перепроверить время истечения cookie.

После нажатия кнопки «Войти» на мой сервер отправляется запрос graphql, который отвечает Jwt.После получения jwt приложение устанавливает cookie с 

document.cookie = ...

. В моем тесте Cypress я проверяю токен следующим образом: 

Then("sa session s'ouvre pour {SessionDurationType}", expectedDuration => {
  cy.get('@graphql').then(() => {
    cy.wait(1000)
    cy.getCookie('token').then(cookie => {
      const tokenDuration = getTokenDuration(cookie.value)
     expect(tokenDuration.asSeconds()).to.equal(expectedDuration.asSeconds())
    })
  })
})

С cy.get('@graphql'), яЯ жду, пока запрос graphql вернет ответ.Псевдоним определяется следующим образом: 

cy.stub(win, 'fetch', fetch).as('graphql')

При получении приложение устанавливает cookie.

Моя проблема в том, что мне не нравится следующий вызов: 

cy.wait(1000)

Без этого вызова я всегда получаю неопределенный файл cookie.

Есть ли способ получить этот файл cookie через какое-то время, которое может быть намного меньше 1000 мс?Я попробовал много вещей без успеха ...

Ответы [ 2 ]

0 голосов
/ 19 февраля 2019

Основываясь на ответе @ NoriSte, я придумал следующий рабочий код: 

function awaitNonNullToken(elapsedTimeInMs = 0) {
  let timeDeltaInMs = 10

  if (elapsedTimeInMs > Cypress.env('timeoutInMs')) {
    return Promise.reject(new Error('Awaiting token timeout'))
  }

  return getTokenCookie().then(cookie => {
    if (cookie === null) {
      cy.wait(timeDeltaInMs)
      elapsedTimeInMs += timeDeltaInMs
      return awaitNonNullToken(elapsedTimeInMs)
    }
    return Promise.resolve(cookie.value)
  })
}

Я преобразовал его в класс ES6, который мне кажется немного более элегантным: 

class TokenHandler {
  constructor () {
    this.TIME_DELTA_IN_MS = Cypress.env('timeDeltaInMs')
    this.TIMEOUT_IN_MS = Cypress.env('timeoutInMs')
    this.elapsedTimeInMs = 0
  }

  getToken () {
    if (this.elapsedTimeInMs > this.TIMEOUT_IN_MS) {
      return Promise.reject(new Error('Awaiting token timeout'))
    }
    return getTokenCookie().then(cookie => {
      if (cookie === null) {
        cy.wait(this.TIME_DELTA_IN_MS)
        this.elapsedTimeInMs += this.TIME_DELTA_IN_MS
        return this.getToken()
      }
      return Promise.resolve(cookie.value)
    })
  }
}

и переделал мой шаг так: 

cy.get('@graphql').then(() => {
  const handler = new TokenHandler
  handler.getToken().then(token => {
    const tokenDuration = getTokenDuration(token)
    expect(tokenDuration.asSeconds()).to.equal(expectedDuration.asSeconds())
  })
})

Это работает отлично, спасибо.

0 голосов
/ 18 февраля 2019

Вы должны написать рекурсивную функцию обещания, попробуйте следующее 

function checkCookie() {
  // cy.getCookie returns a thenebale
  return cy.getCookie('token').then(cookie => {
    const tokenDuration = getTokenDuration(cookie.value);
    // it checks the seconds right now, without unnecessary waitings
    if(tokenDuration.asSeconds() !== expectedDuration.asSeconds()) {
      // waits for a fixed milliseconds amount
      cy.wait(100);
      // returns the same function recursively, the next `.then()` will be the checkCookie function itself
      return checkCookie();
    }
    // only when the condition passes returns a resolving promise
    return Promise.resolve(tokenDuration.asSeconds());
  })
}

Then("sa session s'ouvre pour {SessionDurationType}", expectedDuration => {
  cy.get('@graphql').then(() => {
    checkCookie()
      .then(seconds => {
        expect(seconds).to.equal(expectedDuration.asSeconds())
      })
  })
})

Обратите внимание, что функция должна быть улучшена, потому что

  • Я не параметризовал expectedDuration и т. Д.. (это выходит за рамки того, чтобы показывать вам, как это сделать)
  • он ждет вечно без проверки счетчика цикла

Но это работает (я проверил в другом контексте, прежде чем ответить навы) и если у вас есть еще проблемы, пожалуйста, поделитесь «работающим» репозиторием GitHub, чтобы я мог клонировать и проверить его с вашим собственным решением.

Дайте мне знать, если это не достаточно ясно ?

ОБНОВЛЕНИЕ

Мы ( me и Tommaso ) написали плагин, чтобы помочь вам с такого рода проверками, его имя cypress-wait-before .

Пожалуйста, поблагодарите сообщество 1030 * Open Source Saturday за это, мы разработали его во время одной из них в субботу 10

...