等到页面在 BackstopJS 中完全加载

Question

我有一个场景需要搜索。问题是我需要 BackstopJS 等到动画 gif 完成，然后再拍摄屏幕图片。我试过这个：

  {
  "label": "My_search",
  "cookiePath": "backstop_data/engine_scripts/cookies.json",
  "url": "https://my.test.com/test/#/search",
  "referenceUrl": "https://my.stage.test.com/test/#/search",
  "clickSelector": "#page-wrap > search > div > ul > li:nth-child(2) > a > span",
  "delay": 15000
}

知道如何解决这个问题吗？

Answer 1

您可以将加载事件监听器添加到您的页面，然后为 BackstopJS 记录一个 readyEvent 字符串

window.addEventListener('load', () => {
  console.log('pageLoaded');
});

在你的逆止方案中使用 "readyEvent": "pageLoaded",

等到页面在 BackstopJS 中完全加载

Wait until page is fully loaded in BackstopJS

puppeteer

backstop.js