“clickSelector”和“hoverSelector”属性不适用于 backstopJS答案

【问题标题】：'clickSelector' and 'hoverSelector' attributes are not working for backstopJS“clickSelector”和“hoverSelector”属性不适用于 backstopJS
【发布时间】：2019-03-18 23:50:13
【问题描述】：

我正在使用带有 chrome 引擎的 Backstopjs。我可以通过传递不同的 url 并使用各种属性来截取屏幕截图，但是当我尝试在截取屏幕截图之前单击按钮时，单击不起作用。

“clickSelector”和“hoverSelector”属性被忽略，没有执行任何操作。

请告诉我如何使用这些属性。

下面是我的backstop.json 文件，我在其中打开google.com 并尝试在截屏前点击“我感觉很幸运”：

 {
  "id": "backstop_default",
  "viewports": [
    {
      "label": "iPad",
      "width": 1024,
      "height": 768
    }
  ],
  "onBeforeScript": "chromy/onBefore.js",
  "onReadyScript": "chromy/onReady.js",
  "scenarios": [
    {
      "label": "Google",
      "url": "https://www.google.co.in",
      "referenceUrl": "https://www.google.co.in",
      "readyEvent": "",
      "readySelector": "",
      "delay": 0,
      "hideSelectors": [],
      "clickSelector": "input[name='btnI']",
      "hoverSelector": "input[name='btnI']",
      "removeSelectors": [],
      "postInteractionWait": "",
      "selectors": ["viewport"],
      "selectorExpansion": true,
      "misMatchThreshold" : 0.1,
      "requireSameDimensions": true
    }
  ],
  "paths": {
    "bitmaps_reference": "backstop_data/bitmaps_reference",
    "bitmaps_test": "backstop_data/bitmaps_test",
    "engine_scripts": "backstop_data/engine_scripts",
    "html_report": "backstop_data/html_report",
    "ci_report": "backstop_data/ci_report"
  },
  "report": ["browser"],
  "engine": "chrome",
  "engineFlags": [],
  "engineOptions": {
  "waitTimeout": 120000,
  "chromePath": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe",
  "chromeFlags": "['--disable-gpu', '--force-device-scale-factor=1']"
},
  "asyncCaptureLimit": 2,
  "asyncCompareLimit": 50,
  "debug": false,
  "debugWindow": true
}

【问题讨论】：

标签： javascript backstop.js

【解决方案1】：

尝试将“postInteractionWait”设置为整数。这表示 BackstopJS 点击或悬停后等待多长时间。

【讨论】：