0

我正在测试的网页在 iOS 设备上显示 Apple 智能应用横幅，在 HTML 中使用以下属性：

name="apple-itunes-app"
content="app-id=foobar"
rel="manifest"
href="/CompanyName/mobile/include/manifest.json"

但是，我不希望显示这个。通常，如果涉及请求，我会使用 TestCafe Request Mocker，但是这个横幅似乎没有使用请求，它只是出现了！“网络”选项卡中没有清单请求。

如何使用 TestCafe 原生功能或任何合适的 Node 包来阻止智能应用程序横幅？

解决方案（感谢@Alex Kamaev 的帮助）：

import { ClientFunction } from 'testcafe';

fixture `fixture`
    .page `http://localhost:8080`;

test.clientScripts({ content: `
    document.querySelector('meta[name="apple-itunes-app"]').remove();
` })(`test`, async t => {
    await t.wait(5000);
});
4

1 回答 1

2

您可以尝试使用 ClientScripts 机制从页面中删除横幅元标记。请参考以下文章获取详细信息：https ://devexpress.github.io/testcafe/documentation/using-testcafe/common-concepts/inject-scripts-into-tested-pages.html

我准备了一个例子：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Math Ninja iPhone/iPod Touch Game | Making Addition, Subtraction, Multiplication, and Division Fun!</title>
    <meta name="apple-itunes-app" content="app-id=370144476"/>
    <link rel="stylesheet" type="text/css" href="reset.css"/>
    <link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
</body>
</html>

测试代码：

import { ClientFunction } from 'testcafe';

fixture `fixture`
    .page `http://localhost:8080`;


const removeBanner = ClientFunction(() => {
    var banner = document.querySelector('meta');

    banner.parentNode.removeChild(banner);
});

test.clientScripts({ content: `
    var banner = document.querySelector('meta');

    banner.parentNode.removeChild(banner);
` })(`test`, async t => {
    await t.wait(5000);
});
于 2020-03-11T11:09:51.847 回答