Home  >  Article  >  Web Front-end  >  BackstopJS--自动 CSS 回归测试工具_html/css_WEB-ITnose

BackstopJS--自动 CSS 回归测试工具_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-21 08:49:491314browse

BackstopJS 是自动 CSS 回归测试工具,它通过比较不同视窗大小的 DOM 截图来回应你所测试的 Web 界面。可以识别出两个不同视角上的网页差异。

{  "viewports": [    {         "name": "phone",      "width": 320,      "height": 480    },     {          "name": "tablet_v",      "width": 568,      "height": 1024    },     {            "name": "tablet_h",      "width": 1024,      "height": 768    }  ],      "scenarios": [    {           "label": "http://getbootstrap.com",           "url": "http://getbootstrap.com",           "hideSelectors": [],           "removeSelectors": [             "#carbonads-container"      ],            "selectors": [              "header",               "main",              "body .bs-docs-featurette:nth-of-type(1)",              "body .bs-docs-featurette:nth-of-type(2)",              "footer",              "body"      ],            "readyEvent": null,            "delay": 500    }  ]}
Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn