How to prevent opening new browser tab for the list of elements?

Question

I am developing Cypress test. And I have <select> element on web page which <option> elements open new page in new browser tab by means of the script containing on the page:

<script>
    $(function () {
        $('#lead-entry-url-dropdown').change(function () {
            var url = $(this).val();
            if (url != null && url != '') {
                window.open(url, "target='_blank'", "noopener");
            }
        });
    });
</script>

Is it possible to remove "target='_blank'" property from the script to avoid opening new browser tab? It is easy to do this for the single element:

cy.get('a').invoke('removeAttr', 'target')

But what about the script? Is it possible to modify it?

Answer 1

This describes what you want Stub window.open

const stub = cy.stub().as('open')
cy.on('window:before:load', (win) => {
  cy.stub(win, 'open').callsFake(stub)
})