Blocked a frame with origin "https://angular.io" from accessing a cross-origin frame.

[bahmutov]

Current behavior

Trying to visit https://angular.io

context('Angular.io search', () => {
  it('finds the right answer', function () {
    cy.visit('/')
    cy.get('[aria-label=search]').type('install')
  })
})

with cypress.json

{
  "baseUrl": "https://angular.io"
}

Getting an error

The inline script that we inject is missing

Maybe our proxy could not inject it into this site for some reason?

Desired behavior

Visit the site, run the test

Test code to reproduce

https://github.com/bahmutov/test-angular-search/tree/problem

Versions

5.5.0

[bahmutov]

Also tried #9018 and develop, same error

[bahmutov]

Note: the linked PR 9018 fixes the problem, BUT if you already have visited the site, the ServiceWorker there caches the bad page. Thus you need to clear the application cache using DevTools.

Tip: you can disable ServiceWorker when vising site https://glebbahmutov.com/blog/cypress-tips-and-tricks/#disable-serviceworker

[cypress-bot]

The code for this is done in cypress-io/cypress#9018, but has yet to be released.
We'll update this issue and reference the changelog when it's released.

[cypress-bot]

Released in 5.6.0.

This comment thread has been locked. If you are still experiencing this issue after upgrading to
Cypress v5.6.0, please open a new issue.

[bahmutov]

Got to clear the application data AND disable service worker