Как создать функцию для получения токена Auth0

Я пытаюсь создать функцию для получения токена входа в систему от Auth0 для пользователя, поэтому мне не нужно использовать тест входа в систему перед каждым тестовым сценарием (который все равно не работает), а скорее я хочу иметь сохраненный токен и использовать его для аутентификации пользователя, чтобы я мог протестировать приложение. Я не разработчик (и даже не разработчик в Test). Я QA, который пытается изучить достаточно Javascript, чтобы использовать Cypress для создания тестовых сценариев для нашего нового приложения для внутренней оценки рисков. У нас есть список пользователей нашего нового приложения, которые будут проверены через Auth0. Все пользователи являются внутренними пользователями нашей компании и основаны на наших электронных письмах, связанных с учетными записями Microsoft.

Ниже приведен мой тест входа в систему, который нажимает кнопку входа в систему, которая затем перенаправляется на Auth0, а затем вводит мой адрес электронной почты для проверки входа в систему. Это успешно, за исключением того факта, что оно фактически не загружает приложение.

```
    describe('My Login Test', function (){
    it('Visit Risk App Landing Page', function (){
        const typedText = '[email protected]'
        cy.visit('https://bvt-riskassessment.lmkcloud.net')
        cy.get('button').click()
        cy.get('input.auth0-lock-input').first()
        .type(typedText)
        .should('have.value', typedText)
        cy.get('button').click()
        cy.url().should('eq','http://bvt-riskassessment.lmkcloud.net/workflow')
         })
    })
```

Я получил ответ на форуме Gitter от человека, у которого была аналогичная проблема, и он использовал то, что показано ниже (или подобное), чтобы попытаться войти в систему. Я отредактировал его с соответствующими деталями для того, что мне нужно, и поместил это в command.js с loginuser.json (содержащий имя пользователя и пароль) в показанном местоположении, а затем включил beforeEach в тестовый сценарий.

```

    Cypress.Commands.add('login', (userType, options = {}) => 
    {cy.readFile(`cypress/fixtures/loginUser.json`).then((json) => {
    const { email, password } = json
       const dataToSend = {
           email,
           password,
       }
       cy.request({
           url: `https://lmcorp.eu.auth0.com/userinfo`,
           method: 'POST',
           body: dataToSend,
           form: true
       }).then((response) => {
           const { status, body } = response
           expect(status).to.eq(200)
           expect(body).to.have.property('success', 1)
           cy.visit(url)
      })
    })

    //and use it like :
    beforeEach(() => { login('url') })
```

… А затем включил beforeEach в тестовый сценарий.

```
    describe('My First Test', function (){
    it('Visit Risk App Landing Page', function (){
        beforeEach(() => { login('https://lmcorp.eu.auth0.com/')})
        cy.visit('http://localhost:3000/workflow')
        cy.contains('Site Solutions Combined Assessments')
        cy.contains('To Do')
        cy.contains('Assessing')
        cy.contains('Reviewing')
        cy.contains('Done')
        cy.get('button').click()
        cy.contains('Assessments')
        cy.contains('Site Solutions Combined')
        cy.contains('Flood')
        cy.contains('Whatever Next')
    })
    })

```

Но на командной консоли появляется следующее сообщение.

! [alt] https://i.imgur.com/cJljZzm.png

Я полностью застрял и не знаю, что делать дальше. Мой вопрос: я хочу создать функцию, которая будет вызывать наш URL-адрес Auth0 и получать токен аутентификации для входа в систему, который можно использовать для разрешения доступа к приложению для каждого тестового сценария. Могу ли я изменить то, что у меня есть, чтобы это работало, или есть ли у кого-нибудь предложения по созданию новой функции для получения токена Auth0?

Не может ничего изменить, но beforeEach() обычно размещается вне it().

Richard Matsen 20.03.2018 19:59

Кроме того, запустите шаги вручную и посмотрите на присущие им задержки, например, не кажется ли, что вход в систему занимает полсекунды. Если это так, добавьте cy.wait(500) после команды входа в систему (поиграйте с продолжительностью).

Richard Matsen 20.03.2018 20:03

Привет, Ричард, спасибо за ваши комментарии. Перемещение до того, как каждый из них внес изменения, теперь я получаю сообщение о том, что "логин" не определен. Так что я могу над этим поработать. Однако добавление тайм-аута не повлияло на тест входа в систему. Еще раз спасибо.

Adam A 21.03.2018 12:31

Без проблем. Это может быть не всегда так, но примеры Cypress.Commands.add(..., которые я видел, используют команду в цепочке или плавно (например, .type(), .should()). Вам может потребоваться простая функция JS для login вместо команды. Не могли бы вы дать ссылку на форум Gitter, откуда пришла эта идея?

Richard Matsen 21.03.2018 18:18

Привет. gitter.im/cypress-io/cypress Это форум Gitter, где была предложена идея, хотя это было пару недель назад, поэтому найти сообщение может оказаться непросто.

Adam A 22.03.2018 11:20
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
5
244
0

Другие вопросы по теме