Access a new window – cypress.io

by

Accessing new windows via Cypress is intentionally not supported.

However, there are many ways this functionality can be tested in Cypress now. You can split up your tests into separate pieces and still have confidence that your application is covered.

  1. Write a test to check that when performing the action in your app, the window.open event is called by using cy.spy() to listen for a window.open event.
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')
  1. In a new test, use cy.visit() to go to the url that would have opened in the new window, fill in the fields and click the buttons like you would in a Cypress test.
cy.visit('http://localhost:3000/new-window')

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

Fully working test example can be found here.

More Related Contents:

  1. Cypress: Test if element does not exist
  2. How to check if element exists using Cypress.io
  3. Cypress get href attribute
  4. Cypress.io How to handle async code
  5. Cypress IO- Writing a For Loop
  6. Intercept the same API call multiple times in Cypress
  7. Find list of strings that matches a pattern that start with a special character « and end with a special character »
  8. How does JavaScript handle AJAX responses in the background?
  9. window.location.href and window.open () methods in JavaScript
  10. How do you check if a JavaScript Object is a DOM Object?
  11. How can I hide the Android keyboard using JavaScript?
  12. AngularJS sorting by property
  13. Deprecation warning in Moment.js – Not in a recognized ISO format
  14. How do I check if a cookie exists?
  15. Explain +var and -var unary operator in javascript
  16. How to join two JavaScript Objects, without using JQUERY [duplicate]
  17. When should I use return false in jquery function?
  18. Why cache jQuery objects?
  19. What is the elegant way to get the latest date from array of objects in client side?
  20. Is there anything that guarantees constant time for accessing a property of an object in JavaScript?
  21. jQuery event that triggers after CSS is loaded?
  22. Why is React not rendering my component state correctly?
  23. Hiding a button in Javascript
  24. ask for geolocation permission again if it was denied
  25. Change the style of :before and :after pseudo-elements? [duplicate]
  26. Javascript to export html table to Excel
  27. Extract the text out of HTML string using JavaScript
  28. Difference between ( for… in ) and ( for… of ) statements?
  29. How to use components in v-html
  30. Maximum Call Stack Size Exceeded During a setTimeout Call

Leave a Comment