Truy cập cửa sổ mới - cypress.io

Question

Câu hỏi đơn giản như vậy. Trong Cypress, làm thế nào tôi có thể truy cập một cửa sổ mới mở ra khi chạy thử nghiệm.

bước để tái tạo:

1. Chạy thử nghiệm. Sau khi một số hành động, cửa sổ mới bật lên (url là động trong tự nhiên).
2. Điền vào các trường trong cửa sổ mới và nhấp vào một vài nút.
3. Sau khi các thao tác được yêu cầu hoàn tất trong Cửa sổ mới, hãy đóng cửa sổ mới và quay lại cửa sổ chính.
4. Tiếp tục thực hiện với cửa sổ chính.

Điểm quan tâm: nên tập trung

main window -> new window -> main window 

Tôi đã đọc vài điều có liên quan đến việc sử dụng iframe và confirmation box, nhưng ở đây không có nó trong những người. Liên quan đến việc truy cập một cửa sổ hoàn toàn mới. Một cái gì đó như Window Handlers trong Selenium. Thật không may không thể tìm thấy bất cứ điều gì liên quan đến nó.

Answer 1

Không thể truy cập cửa sổ mới qua Cypress trong phiên bản hiện tại.

Tuy nhiên, có nhiều cách chức năng này có thể được kiểm tra trong Cypress ngay bây giờ. Bạn có thể chia các bài kiểm tra của mình thành các phần riêng biệt và vẫn tin rằng ứng dụng của bạn được bảo hiểm.

1. Viết một thử nghiệm để kiểm tra xem khi thực hiện các hành động trong ứng dụng của bạn, sự kiện window.open được gọi bằng cách sử dụng cy.spy() để lắng nghe một sự kiện window.open.

cy.visit('http://localhost:3000', { 
    onBeforeLoad(win) { 
    cy.stub(win, 'open') 
    }) 
} 

// Do the action in your app like cy.get('.open-window-btn').click() 

cy.window().its('open').should('be.called') 

2. Trong một thử nghiệm mới, sử dụng cy.visit() đi đến url mà có thể đã mở trong cửa sổ mới, điền vào các trường và nhấp vào các nút như bạn sẽ làm trong bài kiểm tra Cypress.

cy.visit('http://localhost:3000/new-window') 

// Do the actions you want to test in the new window 

dụ kiểm tra Fullly làm việc có thể được tìm thấy here.