Azure B2C用cypress登录

Question

我有一个 angular 项目，我尝试使用 cypress 测试 azure b2c 登录。 我是新手，我尝试过这种方式：

 describe('login', () => {
    beforeEach(() => cy.clearCookies());
    it('get the access token test', () => {
       cy.visit('/');
       cy.get('button').click();
       cy.get('input#email').type('myemail@gmail.com');
       cy.get('input#password').type('mypassword');
       cy.get('button#next').click();
    });
 });

它可以工作，但是当我完成登录时出现错误：

{
  "type" : "https://www.jhipster.tech/problem/problem-with-message",
  "title" : "Unauthorized",
  "status" : 401,
  "detail" : "Not Authenticated",
  "path" : "/login",
  "message" : "error.http.401"
}

如果我刷新浏览器，测试会正常工作，并且我会按预期登陆主页。 但我不明白为什么我第一次出现这个错误。

此问题仅在 cypress 中可见。 如果我使用所有其他浏览器，我看不到这个问题。

Answer 1

• 第一次尝试登录时出现错误，因为您没有提及 Azure AD 平台的确切链接或登录 URI。 此外，由于您在 cypress 命令中提到了 'cy.visit('/')'，这意味着在 Azure AD 租户中配置的默认 URI 链接。 由于您遇到错误，第一次解决此问题需要一些时间。

• 此外，您的网页刷新超时也可能很低，在此期间无法重定向到 Azure AD 租户及其在后台的解析。 您需要在 cypress 脚本中输入以下命令来解决此问题，而不是当前的“cy.visit”：-

 ‘ it('get the access token test', onBeforeLoad: (contentWindow) => {
     cy.visit(‘https://login.microsoftonline.com/oauth2/v2.0/’);
      cy.wait(2000) ’

上述命令将确保正确的重定向和等待超时约 2000 毫秒，即 2 秒，以便您的页面在第一次正确加载。

请找到以下链接供您参考：-

https://docs.cypress.io/api/commands/visit#Provide-an-onBeforeLoad-callback-function