无法使用柏树切换到新的选项卡或窗口

发布于 2025-02-10 00:50:55 字数 2291 浏览 1 评论 0原文

<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>

我有一个场景，我必须单击一个链接，该链接打开一个新的选项卡/窗口，因为赛普拉斯不支持多个选项卡，我在下面找到了下面的方法，但它不起作用，它打开了新标签，但无法切换新标签和我的测试失败了，错误：

期望重定向至少一次被调用一次，但从未被调用。

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

    cy
      .window().then((win) => {
        cy.spy(win, 'open').as('redirect');
      });

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

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

注意：重定向的URL是动态的，并与JavaScript结合，因此无法从控制台中获取URL也无法从链接中删除属性。

这是附带的屏幕截图：在此处输入图像描述

上面是示例html文件，它重复了该文件问题：

原文

<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>

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');

    cy
      .window().then((win) => {
        cy.spy(win, 'open').as('redirect');
      });

    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.

Here is the attached screenshot: enter image description here

Above is the sample HTML file, Which replicates the issue:

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

贪了杯 2025-02-17 00:50:55

重定向非常不寻常。

您可以使用页面加载上的截距来阻止新选项卡。

另一个截距将验证重定向将变为纠正URL。

it('tests a funky redirect', () => {

  const baseUrl = Cypress.config('baseUrl')

  cy.intercept('GET', baseUrl, (req) => {
    req.continue(res => {
      res.body = res.body.replace(
        'form.target = option.target || "_blank";', 
        'form.target = "_self";'                      // prevent tab opening
      )
    })
  })

  cy.visit(baseUrl);

  cy.intercept('GET', '**/www.google.co.in/*').as('newTab')

  cy.get('a').click()

  cy.wait('@newTab').then(interception => {
    expect(interception.request.url).to.include('www.google.co.in')
  })

  cy.go('back')         // previous location
});

The redirect is quite unusual.

You can block the new tab by using an intercept on the page load.

Another intercept will verify the redirect goes to correct URL.

it('tests a funky redirect', () => {

  const baseUrl = Cypress.config('baseUrl')

  cy.intercept('GET', baseUrl, (req) => {
    req.continue(res => {
      res.body = res.body.replace(
        'form.target = option.target || "_blank";', 
        'form.target = "_self";'                      // prevent tab opening
      )
    })
  })

  cy.visit(baseUrl);

  cy.intercept('GET', '**/www.google.co.in/*').as('newTab')

  cy.get('a').click()

  cy.wait('@newTab').then(interception => {
    expect(interception.request.url).to.include('www.google.co.in')
  })

  cy.go('back')         // previous location
});

回复收藏 0 原文

彩扇题诗 2025-02-17 00:50:55

此方法还可以用于重定向到多个重定向，以及当您通过单击按钮而不是锚定或锚定为目标属性时将您重定向到其他页面时。

it('Redirect', () => {
   let applicationsLinks=[];
   cy.stub(win,'open').as('windowOpen').callsFake((url)=>{
       applicationsLinks.push(url);
   });
   cy.visit(baseUrl);
   cy.get('a').click();
   cy.get('@windowOpen').should('be.called');
   cy.then(()=>{
       applicationsLinks.forEach((link,index)=>{
           cy.visit(link);
       });
   });
});

This approach will also work for redirecting to multiple redirection and when the you are redirected to other page by clicking on a button and not anchor, or when anchor does not have target property.

it('Redirect', () => {
   let applicationsLinks=[];
   cy.stub(win,'open').as('windowOpen').callsFake((url)=>{
       applicationsLinks.push(url);
   });
   cy.visit(baseUrl);
   cy.get('a').click();
   cy.get('@windowOpen').should('be.called');
   cy.then(()=>{
       applicationsLinks.forEach((link,index)=>{
           cy.visit(link);
       });
   });
});

回复收藏 0 原文

~没有更多了~