Redirecting… Click here if you are not redirected.

Because PhantomJS permits the inspection of network traffic, it is suitable to build various analysis on the network behavior and performance. All the resource requests and responses can be sniffed using onResourceRequested and onResourceReceived. A very simple example to log every request and response is illustrated in the script netlog.js: var page = require('webpage').create(); page.onResourceR
骨折しました。@kyo_agoです。 今日はTravisCI上で実ブラウザ環境のテストを行う方法を紹介したいと思います。 弊社ではこれまで実ブラウザ環境のテストではTravisCIからProtractorを使ってSauceLabsへ接続してテストを行っていました。 しかし、これには以下のような問題があったため、ProtractorとSauceLabsを使用しない構成へ移行しました。 テストが高頻度で失敗するテストに影響しない部分の修正ですらテストが失敗し、コードの修正よりテストを通すほうが難しい状況になっていました。 (これは社内では「e2eガチャ」と呼ばれ、レビュー依頼のコメントには「e2eガチャ 1/5」と成功率が書かれていました。ちなみに「1/5」はわりといい確率です。悪い時は「1/12」くらいになります) 遅いSauceLabsへの接続時間、WebDriver経由のテスト実行などは
This page contains information about what to do if PhantomJS crashes. You will have seen a message like this: PhantomJS has crashed. Please file a bug report at https://github.com/ariya/phantomjs/issues/new and attach the crash dump file: /tmp/598e080c-58dd-e183-12fb7ba8-29a93fff.dmp” If you’re using an official binary (downloaded or installed via Homebrew) You can post the crash dump to an issue,
{ "ambientDependencies": { "angular": "github:DefinitelyTyped/DefinitelyTyped/angularjs/angular.d.ts#17ef40452039d19e06dc2a3815ea898c505860fa", "angular-protractor": "github:DefinitelyTyped/DefinitelyTyped/angular-protractor/angular-protractor.d.ts#17fa1e5f269189f7f8e0f53f8c443e6c2eac562c", "empower": "github:DefinitelyTyped/DefinitelyTyped/empower/empower.d.ts#aeb7701fbef3b7fc7261d67c025c823666ab
README.md E2E Testing for React Apps Retractor exposes the internals of a React application for end-to-end testing purposes. This allows you to select DOM nodes based on the name of the React Component that rendered the node as well as its state or properties. A retractor is a surgical instrument with which a surgeon can either actively separate the edges of a surgical incision or wound, or can ho
Webページの表示速度って大事ですよね。Googleの検索順位にも影響が出るっていうし、なによりユーザが見たいと思った時に、遅くてなかなか見られないというのは単純に機会損失になります。じゃあ表示速度を早くしようとなるわけですが、そこらへんはわりとベストプラクティスみたいなのが語られまくってますね。 ちょっと古いですが僕が昔か書いたWebフロントエンド表示速度、最速化手法まとめみたいなのとか。 で、早くする技工的なものは良いんですが、一番大事なのは計測すること。これですね。普段、どれくらいの表示速度で、揺らぎがあるのかないのか、どこかの時点で遅くなっていないかなどを把握する必要があります。 サイト表示速度の監視 サイトの表示速度を計測してくれるナイスなサービスがいくつかあります。 pingdom newrelic ruxit HAPPY APPS ALERT BOT Status Cake
Latest Version Before reporting an issue, make sure you are using the latest version: All examples are designed to work with the latest version of PhantomJS. If some examples do not work, make sure that there is not more than one version of PhantomJS installed in the system. Multiple versions may lead to conflict as to which one is being invoked in the terminal. Network Problem If the data is not
Since PhantomJS is using WebKit, a real layout and rendering engine, it can capture a web page as a screenshot. Because PhantomJS can render anything on the web page, it can be used to convert HTML content styled with CSS but also SVG, images and Canvas elements. The following script demonstrates the simplest use of page capture. It loads the GitHub homepage and then saves it as an image, github.p
Because PhantomJS can load and manipulate a web page, it is perfect to carry out various page automation tasks. DOM Manipulation Since the script is executed as if it is running on a web browser, standard DOM scripting and CSS selectors work just fine. The following useragent.js example demonstrates reading the textContent property of the element whose id is qua: var page = require('webpage').crea
PhantomJS 2.1 was released on January 23, 2016. It came with an updated WebKit library based on Qt 5.5. New features Upgraded Qt to 5.5.1 (issue #13377) Added support for SSL Client Authentication (issue #11275) Added support for context menu event (issue #11429) Allow remote debugging to use random port assigned by the OS (issue #13432) Improvements Allow outer context to access arbitrary URLs (i
AngularJSナシでもできる!Protractor(selenium-webdriver+jasmine)でWebサイトのE2Eテスト入門 2015年 7月 24日 WebサイトのE2Eテストとは E2Eというのは、「End to End(エンドツーエンド)」のことで、「両端で」「端から端まで」という意味の言葉です。 E2Eテストは、Webサイトやアプリケーションの「開始から終了まで」の両端において、設計された通りにフローが実行されているかどうかをテストするためのものです。 たとえば、OGPやリンクが正しく設定されているか、どこかを変更した場合に既に設計通りに動いている部分に影響が及んでいないかなど、いったんブラウザでレンダリングした状態を基に確認していきます。 とはいえ、どこか変更するたびに毎回人力で1つ1つ確認していくのは大変ですね。そこで、Jasmineの使い方で学ぶJavaSc
前提 Yeoman + AngularJS Generatorを使って構築し、Gruntfile.jsをGruntfile.coffeeへ書き換えた環境を前提としています。 Gruntfile.coffeeに関してはこちらをどうぞ http://qiita.com/rneuo/items/c7d449a7361fe9cea236#2-3 概要 インストールモジュール説明 AngularJS + CoffeeScript + Protractor + Gruntでテスト環境を構築するにあたって、下記のnodeモジュールを使って構築してみたいと思います。 Protractor本体 https://github.com/angular/protractor CoffeeScriptでspecを記述するProtractorプラグイン https://github.com/lebek/protrac
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く