Rails4 + Capybara + PhantomJS (poltergeist) なテスト環境 - (ﾟ∀ﾟ)o彡 sasata299's blog
2013年08月05日14:53 Ruby JavaScript Rails4 + Capybara + PhantomJS (poltergeist) なテスト環境 Rails4 でのエンドツーエンドなテスト環境を作ってみたのでメモです。 統合テストといえば Capybara さんなわけですが、デフォルトだと JavaScript を実行する際にドライバとして Selenium が使われてしまいます。 Selenium さん良い人なんですが、、、ブラウザが起動するので重いし、そもそも毎回ブラウザが起動する必要は無いのでヘッドレス（ブラウザの起動無しに JavaScript が実行できる）ドライバにしちゃいましょう。サヨナラ。 ヘッドレスドライバはいろいろあるんですが、最近は PhantomJS というライブラリが良いみたいなのでこれを使ってみます。Capybara から PhantomJ
phantomjsで大きいページをレンダリングする時はトリミングしたほうが良い - new takyam();
phantomjsでキャプチャをとる時に、ページがあまりにも大きいとCPUを長時間食いまくるので、単純なサムネイル的にキャプチャ取りたいだけならサイズを制限してレンダリングした方がよいです。 Backbone.jsのサイトとかキャプチャしようとすると、死にます。 WIDTH = 1024 HEIGHT = 768 OUTPUT_PATH = '/tmp/cap.png' page.viewportSize = { width: WIDTH, height: HEIGHT } page.open address, (status) -> if status isnt 'success' console.log 'Unable to load the address!' phantom.exit 1 else window.setTimeout (-> page.clipRect = {lef
PhantomJSでページに注釈を付けてスクリーンショット撮るやつ - hitode909の日記
WebOverlayっていうツールを作った．指定されたURLのページを開いて，要素を囲んでラベルを載せて，スクリーンショットを保存してくれる便利ツール． GitHub - hitode909/web-overlay: Annotate A Web Page and Take a Screenshot with PhantomJS. ためしにAppleのトップページの画像を囲んだ様子． こういう設定ファイルをWebOverlayに渡して実行するとimgタグが赤い線で囲まれてそれぞれ右下にimageっていうラベルがついたスクリーンショットが出てくる． { "url": "http://apple.com", "overlays": [ { "selector": "img:visible", "label": "image", "type": "all" } ] } 例だから画像を全部囲んでみ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - jamesgpearce/confess: [ARCHIVED] Uses PhantomJS to headlessly analyze web pages and generate manifests. You may be able to use the puppeteer-har package instead.![GitHub - jamesgpearce/confess: [ARCHIVED] Uses PhantomJS to headlessly analyze web pages and generate manifests. You may be able to use the puppeteer-har package instead.](https://cdn-ak-scissors.b.st-hatena.com/image/square/a464b3ac13f3096310d3c436debf6ba847adcbda/height=288;version=1;width=512/https%3A%2F%2Fopengraph.githubassets.com%2F62826df91b0c7808547cc6a75f572f4d260243b810e3e589b32cff310da03573%2Fjamesgpearce%2Fconfess)
