使用backstopjs检查滑块内容

Question

我使用过bxslider并希望使用backstopjs检查滑块的第二个和第三个子节点。 我在backstop.json和bxslider脚本中都使用了delay事件。 它为滑块的子内容生成引用。但未能生成项目的适当参考。

1）这是我的HTML

<ul class="bxslider">
      <li><img src="http://grab.by/NplU" title="Funky roots" /></li>
      <li><img src="http://grab.by/Npm2" title="The long and winding road" /></li>
      <li><img src="http://grab.by/Npma" title="Happy trees" /></li>
    </ul>

2）bxslider初始化脚本

$('.bxslider').bxSlider({
        auto: true,
        autoDelay: 900
    });

3）这是我的backstopjs脚本

{
  "viewports": [
    {
      "name": "desktop",
      "width": 1600,
      "height": 900
    }
  ],
  "scenarios": [
    {
      "label": "Bxslider",
      "url": "http://localhost/jquery-bxslider/",
      "hideSelectors": [],
      "removeSelectors": [],
      "selectors": [
        "section ul li:nth-of-type(1)",
        "section ul li:nth-of-type(2)",
        "section ul li:nth-of-type(3)"
      ],
      "readyEvent": null,
      "delay": 1000,
      "misMatchThreshold" : 0.1,
      "onReadyScript": "onReady.js"
    }
  ]
}