Как создать функцию, чтобы избежать повторяющихся шагов? - PullRequest
0 голосов
/ 13 декабря 2018

Я хочу создать функцию, чтобы избежать повторения кода на Cypress.

Задача:

Мне нужно войти в систему с разными типами пользователей (с разнымиразрешения) и хотите проверить, какой тип пользователя получает ошибку «403 Forbidden» на желаемом пути.Поскольку у меня 6 типов пользователей и 11 разных путей, приведенный ниже код повторяется для каждого отдельного пользователя / пути, что меня не устраивает.

        cy.visit('/abc')

          .get('[data-qa="http-error.section"]')
          .should('exist')
          .contains('403')
          .visit('/def')
          .get('[data-qa="http-error.section"]')
          .should('exist')
          .contains('403')

          .get('[data-qa="logout"]')
          .click()

Как я могу создать функцию, что-то вродеcheck403 (), и реализовать набор элементов управления внутри него?Чтобы код выглядел так:

          cy.visit('/abc')
            .check403()
            .visit('/def')
            .check403()
            .get('[data-qa="logout"]')
            .click()

Если я смогу создать что-то подобное, я смогу удалить огромное количество повторяющегося кода.

Что япопробовал:

  • Я попытался создать пользовательскую команду Cypress, но она не сработала.
  • Я попытался создать функцию, переместил ее за пределы реального регистра и вызвалэто похоже на cy.check403(), но затем я получил cy.check403() is not a function ошибку на Cypress.

Обновление

Я определил всех пользователей внутри users.json впапка со светильниками.Я вхожу в систему с каждым отдельным пользователем и делаю все остальное.Мой код находится под afterlogin.spec.js.

Вот полный код, но слишком долго для выполнения такой основной задачи.Может быть, это поможет:

it('Unauthorized users are redirected to a 403 page', () => {
cy.fixture('users.json').then(users => {
  cy.login(
    users[Cypress.env('ENVIRONMENT')].driver,
    Cypress.env('DEFAULT_USER_PASSWORD')
  ).then(response => {
    cy.setCookie('__bl_pp__', response.body.result.access_token)
      .visit('/me')
      .get('[data-qa="roles"]')
      .contains('driver')
      .visit('/offers')
      .get('[data-qa="http-error.section"]')
      .should('exist')
      .contains('403')
      .get('[data-qa="back-to-homepage"]')
      .should('exist')
      .visit('/drivers')
      .get('[data-qa="http-error.section"]')
      .should('exist')
      .contains('403')
      .get('[data-qa="logout"]')
      .click()

    cy.login(
      users[Cypress.env('ENVIRONMENT')].dispatcher,
      Cypress.env('DEFAULT_USER_PASSWORD')
    ).then(response => {
      cy.setCookie('__bl_pp__', response.body.result.access_token)
        .visit('/me')
        .get('[data-qa="roles"]')
        .contains('dispatcher')
        .visit('/offers')
        .get('[data-qa="http-error.section"]')
        .should('exist')
        .contains('403')
        .get('[data-qa="logout"]')
        .click()

      cy.login(
        users[Cypress.env('ENVIRONMENT')].provider,
        Cypress.env('DEFAULT_USER_PASSWORD')
      ).then(response => {
        cy.setCookie('__bl_pp__', response.body.result.access_token)
          .visit('/me')
          .get('[data-qa="roles"]')
          .contains('provider')
          .visit('/planned')
          .get('[data-qa="http-error.section"]')
          .should('exist')
          .contains('403')
          .visit('/finished')
          .get('[data-qa="http-error.section"]')
          .should('exist')
          .contains('403')
          .get('[data-qa="logout"]')
          .click()

        cy.login(
          users[Cypress.env('ENVIRONMENT')].reviewer,
          Cypress.env('DEFAULT_USER_PASSWORD')
        ).then(response => {
          cy.setCookie('__bl_pp__', response.body.result.access_token)
            .visit('/me')
            .get('[data-qa="roles"]')
            .contains('reviewer')
            .visit('/offers')
            .get('[data-qa="http-error.section"]')
            .should('exist')
            .contains('403')
            .visit('/planned')
            .get('[data-qa="http-error.section"]')
            .should('exist')
            .contains('403')
            .get('[data-qa="logout"]')
            .click()

          cy.login(
            users[Cypress.env('ENVIRONMENT')].admin,
            Cypress.env('DEFAULT_USER_PASSWORD')
          ).then(response => {
            cy.setCookie('__bl_pp__', response.body.result.access_token)
              .visit('/me')
              .get('[data-qa="roles"]')
              .contains('admin')
              .visit('/offers')
              .get('[data-qa="http-error.section"]')
              .should('exist')
              .contains('403')
              .visit('/planned')
              .get('[data-qa="http-error.section"]')
              .should('exist')
              .contains('403')
              .visit('/finished')
              .get('[data-qa="http-error.section"]')
              .should('exist')
              .contains('403')
              .get('[data-qa="logout"]')
              .click()
          })
        })
      })
    })
  })
})

Ответы [ 2 ]

0 голосов
/ 13 декабря 2018

Не уверен на 100%, где пользователи и пути подходят в указанном коде, но вы можете повторить тест с простым циклом javascript, например,

const users = ['Joe', 'Jim', 'John']
const paths = ['Add', 'Edit', 'Remove']

users.forEach(user => {
  paths.forEach(path => {

    it(`should test user '${user}' and path '${path}'`, => {
      // test code here
    })

  })
})

Может быть,

const roles = ['driver', 'dispatcher', 'provider', 'reviewer', 'admin'];

context('Unauthorized users are redirected to a 403 page', () => {
  cy.fixture('users.json').then(users => {

    const user = users[Cypress.env('ENVIRONMENT')];
    roles.forEach(role => {

      it(`testing user '${user}' and role '${role}'`, () => {

        cy.login(user[role], Cypress.env('DEFAULT_USER_PASSWORD'))
          .then(response => {
            cy.setCookie('__bl_pp__', response.body.result.access_token);
            cy.visit('/me').get('[data-qa="roles"]').contains(role);
            cy.visit('/offers').get('[data-qa="http-error.section"]')
              .should('exist').contains('403')
              .get('[data-qa="back-to-homepage"]').should('exist')
            cy.visit('/drivers').get('[data-qa="http-error.section"]')
              .should('exist').contains('403')
              .get('[data-qa="logout"]').click()
          })
      })
  })
0 голосов
/ 13 декабря 2018

Вы можете достичь этого с помощью специальной команды.Вы сказали, что попробовали один, и это не сработало, но я делаю нечто подобное в своих тестах.

Cypress.Commands.add("check403", () => {
  cy.get('[data-qa="http-error.section"]')
    .should('exist')
    .should('contain', '403'); // I changed this - you didn't mention that it
      // didn't work, but it would have been returning an element, not asserting
});
...