文章出處

Protractor是專為AngularJS應用程序編寫的UI自動化測試框架。前端構建有很多構建工具，比如Grunt、Gulp等。一般我們會把這些構建工具作為集成集成的腳本執行工具。所以如果把Protractor的執行也集成進去，則可以達到自動驗證UI功能的效果。

本文將介紹如何將Protractor命令集成到Grunt task中。

首先需要為Grunt安裝一個插件，grunt-protractor-runner。這個插件會幫你在Grunt中運行Protractor。

1

npm install grunt-protractor-runner —save-dev

在Gruntfile.js文件中引入該插件(如果你沒有package.json文件)。

1

grunt.loadNpmTasks('grunt-protractor-runner');

接著在Gruntfile.js中配置protractor運行參數。需要指定protractor的配置文件路徑。

1
2
3
4
5
6
7
8

protractor: {
  e2e: {
      options: {
      keepAlive: true,
      configFile: "protractor.conf.js"
          }
  }
}

然后在Gruntfile.js中新注冊一個名為e2e的task，用于運行Protractor。

1
2
3
4
5
6
7

grunt.registerTask(‘e2e’,’run e2e tests’, function() {
  grunt.task.run([
       'connect:test',
       'protractor:e2e'
  ]);

});

此外為了不忘記自動更新webdriver的版本，可以在package.json中加入以下代碼塊：

1
2
3

"scripts": {
  "install": "node node_modules/protractor/bin/webdriver-manager update"
}

這樣每次運行npm install時會自動更新webdriver版本。


文章列表


不含病毒。www.avast.com
全站熱搜
創作者介紹
創作者 大師兄 的頭像
大師兄

IT工程師數位筆記本

大師兄 發表在 痞客邦 留言(0) 人氣()

E-mail轉寄