Not able to switch the window/tab while clicking on a link with javascript bind dynamic url #22555

tausif29 · 2022-06-28T10:37:16Z

tausif29
Jun 28, 2022

I have one scenario where I have to click on one link, that opens a new tab/window, As cypress does not support multiple tabs, I have found below workaround but its not working, It opens the new tab, but not able to switch the new tab and my test is failing with the error :

expected redirect to have been called at least once, but it was never called.

cy.visit('https://qa.abc.com/xyz/documents?action_id=1');

const stub = cy.stub().as('redirect')    // alias here
cy.window().then((win) => {
cy.stub(win, 'open').callsFake(stub);  // stub & fake here
});

cy.get(':nth-child(1) > [style="width: 228px;"] > .text-ellipsis')
.click();

cy.get('@redirect')
.should('be.called');

Note: Redirected url is dynamic and bind with the javascript, so not able to fetch the url from console also not able to remove the attribute from the link.

I also checked with the author of the page, As per him, Its creating dynamic form while clicking on the "link" and this form has target attribute so it's opening new tab. And we can not remove/modify the target attribute as its being added from the caller method. And this form gets gets created while we click on the link and gets destroyed immediately after opening a new tab

Below is the sample HTML file, which replicates the issue:

<html>
   <head>
      <meta http-equiv="content-type" content="text/html; charset=UTF-8">
      <title>Change Content - Javascript</title>
      <meta http-equiv="content-type" content="text/html; charset=UTF-8">
      <meta name="robots" content="noindex, nofollow">
      <meta name="googlebot" content="noindex, nofollow">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
   </head>
   <body>
      <a id="myelement" href="javascript:void(0);" onclick="openNewTab()" "="">Open New Tab </a>
      <script type="text/javascript">//<![CDATA[
         function openNewTab() {
            
           window.openNew({
               target:'test_blank', 
               url: 'https://www.google.co.in/'
            });
         }
         
         function openNew(option) {
             const form = document.createElement("form");
             form.target = option.target || "_blank";
             form.action = option.url;
             form.method = "GET";
         
             document.body.appendChild(form);
             form.submit();
             //debugger;
             $(form).remove();
         }
         
         
           //]]>
      </script>
   </body>
</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Not able to switch the window/tab while clicking on a link with javascript bind dynamic url #22555

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

Not able to switch the window/tab while clicking on a link with javascript bind dynamic url #22555

Uh oh!

Uh oh!

tausif29 Jun 28, 2022

Replies: 0 comments

tausif29
Jun 28, 2022