Question

问题：使用Chrome的设备模拟器在移动设备中单击某些锚点元素将无法导航到目标链接。

在这里，我正在尝试通过单击图标（该图标是带有带有参数“ disp = list”的href的锚标记的图标）来测试将产品单元格样式从网格视图切换到列表视图的行为。

现在单击图标不会执行任何操作，在导航栏中的其他锚点元素上执行的单击操作中也可以看到相同的行为。当我在chrome仿真器和ucelabs中手动测试时，一切都按预期工作，但是当我尝试使用testcafe时，一切都会失败，因为它使用本地安装的浏览器，所以应该没有什么不同。

page to test

命令： testcafe "chrome:emulation:device=iphone X" path-to-file.js

浏览器/操作系统： Chrome 75.0.3770 / Mac OS X 10.14.5

这是测试：

fixture`[mobile] navigation`
  .page('https://tw.bid.yahoo.com/search/auction/product?qt=product&kw=iphone&p=iphone')

test
  ('Clicking the view button should switch item cell view', async t => {
    await t
       .click(Selector('.ViewSwitchButton__viewButton___1r1Kh.MobileNavigation__menuButton___1OVvQ'))
        .expect(getPageUrl()).contains('disp=list')
  })

单击视图样式图标应将页面从网格视图更新为列表视图，并将URL更新为https://tw.bid.yahoo.com/search/auction/product?disp=list&kw=iphone&p=iphone&refine=-prop_3%2C-prop_2

Answer 1

我已在“ testcafe-hammerhead”代理下复制了此行为。您可以跟踪以下问题：https://github.com/DevExpress/testcafe-hammerhead/issues/2080。我们的团队将对其进行研究，并寻找合适的解决方案。

单击锚标记不会导航到目标目的地

1 个答案: