分度器の設置と基本使用のチュートリアル

1 Star2 Stars3 Stars4 Stars5 Stars (まだ評価されていません)
Loading...

序文

分度器は、WebDriverJS上に構築されたEnd-to-End(E2E)AngularJS JavaScript Webアプリケーションテストフレームワークです。 分度器は、実際のブラウザで開発者アプリケーションを操作、実行、テストするために現実世界のシミュレーションユーザーを完全に自動化します。 分度器の設置と基本的な使用に関する関連コンテンツを見てみましょう。

1、JDKのインストールと環境設定

JDKのインストールと設定に関しては、ここでは言及しませんが、必要な友達はこの記事を参照することができます。

2、npm分度器


npm install -g protractor 

3、npm分裂器の依存関係をインストールする

2番目の手順でダウンロードしたファイルに基づいて、コマンドラインにnodejs->分度器のディレクトリを入力します。


npm install 

4、テストプロジェクト

単純な角ページ、設定ファイル、テストファイルを含みます

設定ファイルprotractor_conf.jsコード:


/**
* Created by Administrator on 2015/4/24.
*/
exports.config = {
directConnect: true,
// Capabilities to be passed to the webdriver instance.
capabilities: {
'browserName': 'chrome'
},
// Spec patterns are relative to the current working directly when
// protractor is called.
specs: ['test.js'],
// Options to be passed to Jasmine-node.
jasmineNodeOpts: {
showColors: true,
defaultTimeoutInterval: 30000
}
}; 

Test.jsファイルコード


/**
* Created by Administrator on 2015/4/24.
*/
describe('angularjs homepage', function () {
it('should greet the named user', function () {
browser.get('http://localhost:63342/protractor/Index.html');
element(by.id('userName')).sendKeys(' Sparrow');
browser.sleep(4000);
});
}); 

Index.htmlコード


<!DOCTYPE html>
<html data-ng-app="protractor">
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div data-ng-controller="myAppController">
{{userName}}
<input id="userName" data-ng-model="userName" />
</div>
</body>
<script src="lib/angular.min.js"></script>
<script>
var app = angular.module('protractor',[]);
app.controller('myAppController',['$scope',function($scope){
$scope.userName = 'Jackey';
}]);
</script>
</html> 

要約

上記の内容はすべてこの記事の内容ですが、この記事の内容が皆さんの研究や仕事に役立つことを願っております。ご不明な点がございましたら、メッセージを残してScript Houseのご支援に感謝いたします。


1 Star2 Stars3 Stars4 Stars5 Stars (まだ評価されていません)
Loading...
      この投稿は審査処理中  | 元のサイトへ