Question

我想创建一个函数来避免在赛普拉斯上重复代码。

任务：

我需要使用不同类型的用户（具有不同的权限）登录，并希望检查哪种类型的用户在所需路径上收到“ 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()

如果我可以创建类似的内容，则可以删除大量重复的代码。

我尝试过的事情：

我试图创建一个赛普拉斯自定义命令，但是没有用。
我试图创建一个函数并将其移至实际案例之外，并像cy.check403()那样调用它，但随后在Cypress上出现了cy.check403() is not a function错误。

更新

我已经在Fixtures文件夹下的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()
          })
        })
      })
    })
  })
})

Answer 1

您可以使用自定义命令来实现。您说您尝试过一个，但没有成功，但我在测试中成功完成了类似的操作。

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
});

Answer 2

不能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()
          })
      })
  })

如何创建函数以避免重复步骤？

2 个答案: