README

此包旨在简化测试和比较您应用程序中的前端更改。

使用它，您首先可以截取网页的屏幕截图，然后进行比较。

一个常见的场景是检查应用程序特定版本与其他版本之间的差异（例如，master 和 develop）。

Voyeur

为了开始截取屏幕截图，您只需要配置 服务 和 参数

parameters:
    namshi_voyeur:
      browsers:
        - firefox
        - safari
        - chrome
      urls:
        homepage:     "/"
        new-arrivals: "mail"
      shots_dir: "/Users/xx/Downloads/screenshots"
      base_url:       "http://google.com/"

您需要告诉包您想使用哪些浏览器截取屏幕截图，在哪些 URL 上，一个基础 URL 以及屏幕截图将保存到的目录。

然后，配置服务

services:
    safari:
        class:  Behat\Mink\Driver\Selenium2Driver
        calls:
          - [start]
        arguments:
          browser: safari
    firefox:
        class:  Behat\Mink\Driver\Selenium2Driver
        calls:
          - [start]
    chrome:
        class:  Behat\Mink\Driver\Selenium2Driver
        calls:
          - [start]
        arguments:
          browser: chrome

基本上是 Selenium2 驱动的实例，Voyeur 将使用这些服务。

最后一步是从命令行启动 Voyeur

php app/console namshi:voyeur

Voyeur:diff

要生成由 Voyeur 捕获的不同屏幕截图之间的差异，只需触发此命令

php app/console namshi:voyeur:diff path/to/first/screenshots path/to/other/screenshots

您还可以指定保存差异的路径

--diff-dir=path/to/diffs

否则，它们将被保存在 path/to/other/screenshots。

测试不同的网站

您可以可选地指定不同的配置

parameters:
    namshi_voyeur:
      browsers:
        - firefox
      urls:
        homepage:     "/"
        new-arrivals: "mail"
      shots_dir: "/Users/xx/Downloads/screenshots"
      base_url:       "http://google.com/"
    voyeur_ae:
      base_url:       "http://google.ae/"
    voyeur_de:
      base_url:       "http://google.de/"
    voyeur_it:
      base_url:       "http://google.it/"

然后使用指定的配置运行 Voyeur

php app/console namshi:voyeur --config=voyeur_de

上面的例子将在 google.de 上运行 Voyeur，而不是 .com。