Lệnh đăng nhập Cypress với cy.request khiến cy.visit tiếp theo không thành công

Tôi đang cố gắng đăng nhập theo chương trình với Cypress trước mỗi bài kiểm tra. Mã thông báo của tôi vẫn tồn tại trong localStorage. Nếu tôi thay đổi nó một cách đồng bộ, tức là làm simpy localStorage.setItemmà không liên quan đến cy.requestnó hoạt động tốt. Tuy nhiên, tôi muốn sử dụng máy chủ xác thực của mình ( http://localhost:3004/loginbên dưới) để tạo mã thông báo.

Mã thông báo được tìm nạp chính xác từ máy chủ, nhưng ngay sau khi tôi sử dụng lệnh bên dưới cùng với cy.visit('/')tôi nhận được "Không thể truy cập localhost: 8080 - Chúng tôi đã cố gắng thực hiện một yêu cầu http đến URL này nhưng yêu cầu không thành công mà không có phản hồi" (xem nhật ký đầy đủ bên dưới).

Theo như tôi có thể nói, đây là cách tiếp cận chính xác khi sử dụng máy chủ xác thực để xác thực không đầu. Tôi đã bỏ lở những gì?

Command.js

Cypress.Commands.add('login', () => {
  cy.request({
    method: 'POST',
    url: `http://localhost:3004/login`,
    body: {
      username: 'foo@bar.com',
      password: '123'
    }
  }).its('body').then((body) => {
    const vuexData = { user: { authenticationData: { token: body.token } } }
    window.localStorage.setItem('vuex', JSON.stringify(vuexData))
  })
})

test.js

describe('A test', () => {
  beforeEach(() => {
    cy.login()
  })

  it('works', () => {
    cy.visit('/')
    cy.get('h1').contains('All Books')
  })
})

CypressError: cy.visit () không tải được:

http: // localhost: 8080 /

Chúng tôi đã cố gắng thực hiện một yêu cầu http đến URL này nhưng yêu cầu không thành công mà không có phản hồi.

Chúng tôi đã nhận được lỗi này ở cấp độ mạng:

Lỗi: kết nối ECONNREFUSED :: 1: 8080

Các tình huống phổ biến tại sao điều này sẽ thất bại: - bạn không có quyền truy cập internet - bạn quên chạy / khởi động máy chủ web của mình - máy chủ web của bạn không thể truy cập - bạn có các cài đặt cấu hình mạng kỳ lạ trên máy tính của mình

Theo dõi ngăn xếp cho lỗi này là:

Lỗi: kết nối ECONNREFUSED :: 1: 8080 tại TCPConnectWrap.afterConnect [as oncomplete] (net.js: 1056: 14)

Đôi điều. Tôi chưa bao giờ sử dụng cypressnhưng bất kỳ cuộc gọi mạng nào sẽ không đồng bộ. Không có chức năng nào của bạn ở trên trả về những lời hứa được tạo từ các chức năng của bạn. Vì vậy, nơi bạn tạo loginlệnh của bạn . Bạn cần trả lại lời hứa từ chức năng đó và bạn cần chờ đợi nó trong beforeEachchức năng của mình . Có thể là nguyên nhân của vấn đề của bạn, có thể không.

Có thể bạn có một lỗi trong ứng dụng của bạn khi bạn hết thời gian vì bạn có một yêu cầu không được xác thực đối với dịch vụ đang chạy trên cổng 8080. Nhìn vào mã khi nó đứng, bạn sẽ gọi visit(bài kiểm tra của bạn) trước khi bạn beforeEachhoàn thành. Rất có khả năng dữ liệu không có trong bộ nhớ cục bộ vào thời điểm bạn đạt được bài kiểm tra của mình.

Đọc nhanh qua tài liệu trên cypress, có vẻ như cypresscố gắng tìm ra nơi dịch vụ của bạn được đặt. Một thứ khác mà nó trông giống như là nó nối thêm url được xác định trong requestbaseUrl được cấu hình. Bạn có thực sự thấy yêu cầu xác thực xuất hiện trên dịch vụ xác thực của mình không?