在 cypress 中通过 JWT 令牌登录用户

Question

我有一个场景，我需要调用多个 API 来获取访问密钥和密钥以获取 AWS Secret Manager 密钥。然后我使用这些密钥生成 JWT 令牌并登录用户。虽然我可以成功登录，但之后我写的任何命令都会导致抛出异常。

CypressError：Cypress 检测到您从 命令，同时还在该承诺中调用一个或多个 cy 命令。

代码： 辅助类：

  generateTokenAndLogin(email: string) {
    cy.request({
      url: "https://xxx/get-access-key",
    }).then((access) => {
      this.accessKey = access.body.value;
      cy.request({
        url: "https://xxx/get-secret-key",
      }).then((secret) => {
        this.secretKey = secret.body.value;
        //this is returning secret key correctly
        this.getSecretKey().then((response) => {
          //fetch secret from aws
          cy.task("jwt", {
            payload: {
              email: email,
            },
            privateKey: response.SecretString as string,
          }).then((token) => {
            cy.visit(`myweb.com/login?id_token=${token}`);
          });
        });
      });
    });
  }

在 module.exports 里面

on('task', {
    jwt(data: any) {
        const token = jwt.sign(data.payload, data.privateKey, { algorithm: 'RS256', expiresIn: '1h'});
        return token;
    }
});

柏树测试：

describe('Testing', () => {
  const jwtHelper = new JWTHelper();
  before(()=> {
    jwtHelper.generateToken();
  })
  it('JWT', () => {
    cy.get('left-nav').should('be.visible'); //failing on all subsequent commands
  });
});

Cypress登录功能在之后没有命令的情况下是成功的，后面的命令都是失败的。

Answer 1

可能是嵌套太深

cy.visit()

导致的问题，可以查看报错信息正文

如果是这样，请尝试将令牌保存为环境变量。

generateTokenAndLogin(email: string) {
  cy.request('https://xxx/get-access-key').then((access) => {
      this.accessKey = access.body.value;
      cy.request('https://xxx/get-secret-key').then((secret) => {
        this.secretKey = secret.body.value;
        //this is returning secret key correctly
        this.getSecretKey().then((response) => {
          //fetch secret from aws
          cy.task("jwt", {
            payload: {
              email: email,
            },
            privateKey: response.SecretString as string,
          })
          .then(token => Cypress.env('token', token))
        });
      });
    });
  }

const jwtHelper = new JWTHelper();

before(() => {
  jwtHelper.generateToken();
})

beforeEach(() => {
  cy.visit(`myweb.com/login?id_token=${Cypress.env('token')}`)
})

it('JWT', () => {
  cy.get('left-nav').should('be.visible'); 
})