Question

我在开发项目时使用backstopj进行可视化测试，在向项目添加新页面之后，我总是要从第一页到最后一页生成参考图像。

我不想从启动时生成这一代参考图像。我只想生成正在添加到配置中的新页面的引用。

这是剧本：

{
"viewports": [
    {
        "name": "desktop",
        "width": 1600,
        "height": 900
    }
],
"grabConfigs": [
    {
        "testName": "testName-1",
        "url": "http://localhost/project/index.html",
        "hideSelectors": [],
        "removeSelectors": [],
        "selectors": [
            "body"
        ]
    },
    {
        "testName": "testName-2",
        "url": "http://localhost/project/about.html",
        "hideSelectors": [],
        "removeSelectors": [],
        "selectors": [
            "body"
        ]
    },
    {
        "testName": "testName-3",
        "url": "http://localhost/project/contact.html",
        "hideSelectors": [],
        "removeSelectors": [],
        "selectors": [
            "body"
        ]
    }
]
}

现在，我只想生成../contact.html的参考。

但是在生成contact.html页面的引用后，它不应该删除about.html和index.html页面的先前引用。

运行“gulp test”后，应该检查旧的和新生成的推荐图像的所有页面引用。

Answer 1

BackstopJS目前不支持此功能 - 但是有一个简单的解决方法。它有点粗糙，但仍然简单而有效。这就是......

找到您的参考文件目录并将其复制到临时位置。
更新配置文件，将所有新测试或选择器添加到各自分支阵列的末尾。
运行gulp reference - 这将生成所有新引用。
将临时目录（在步骤1中创建）的内容移回原始位置（覆盖任何现有文件）。

希望有所帮助。

以特定间隔生成Gulp参考

1 个答案: