Capybara-Webkit＋Cucumber＋Sinon.JSでJavaScriptのテストはここまで変わる
Capybara-Webkit＋Cucumber＋Sinon.JSでJavaScriptのテストはここまで変わる：フレームワークで実践！ JavaScriptテスト入門（5）（1/3 ページ） しっかりとJavaScriptをテストするために、今注目のJavaScript用のテストフレームワークをいくつか紹介し、その概要から実践的な使い方まで解説する連載。今回は、RubyでWebKitをヘッドレス化するフレームワーク、受け入れテストの記述が日本語でできるツール、スタブやモック、スパイが使えるライブラリを組み合わせたテスト方法などを紹介。 Capybara-WebkitとCucumberとSinon.JSを利用したJavaScriptのテスト 本連載の最終回となる今回は、これまでの連載のようなJavaScriptのロジックを単体テストするのではなく、Webブラウザ上の操作と、それによって動作
capybara-webkit を headless（画面なし・Xなし）で動かした - babie, you're my home
どうも皆さんこんにちは、GW返上で頑張る babie でございます。日中にキャッキャウフフ行楽してる奴は殺人光線を浴びて死ぬ。 Rails のインテグレーションテストで一般的となった Capybara ですが、JavaScript のテストには選択肢が色々あります。envjs, selenium, akephalos, celerity, culerity などなどです。迷いますねー。 ですが、当方、Ruby 1.9.2 p136 on VPS の関係のため、 envjs ―― 依存してる johnson が Ruby 1.9 系列ではコンパイルできないので× selenium ―― X ごっそり入れるのイヤなので× akephalos ―― 依存してる HTMLUnit が jQuery 1.2 までしか対応してないので× celerity ―― JRuby 専用なので× culerit
capybara使うと簡単にキャプチャできる。もともとjsのheadless testの為のツールなのでjsも実行されるし良い。 Macの場合 brew install qt gem install capybara capybara-webkit #!/usr/bin/env ruby require 'rubygems' require 'capybara-webkit' driver = Capybara::Driver::Webkit.new 'web_capture' driver.visit 'http://shokai.org/blog/' driver.render 'out.png' MacにGUIでログインしていなくてもキャプチャできる。モニタほぼ使ってないサーバー状態のMacで使いたかったのでありがたい。 webkit2png(http://d.hatena.ne.j
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - thoughtbot/capybara-webkit: A Capybara driver for headless WebKit to test JavaScript web apps
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
RSpec3 / Capybara / Capybara-Webkit チートシート - Rails Webook
Railsの有名なテストフレームワークのRSpec、エンドツーエンドテスト用のフレームワークのCapybara、エンドツーエンドテストのJavascript(Ajaxなど)部分のテスト用のCapybara-webkitのチートシートです。 基本的な使い方を知っていることを前提に、Railsでの使い方をまとめました。 その他参考になるサイトです。 RSpec/Capybaraの導入方法 FactoryGrilのチートシート 動作確認 Rails 4.1.7 rspec-rails 3.1.0 capybara 2.4.1 capybara-webkit 1.3.0 目次 RSpec Matcher 独自RSpec Matcher RSpec Mock(モック/スタブ) Shoulda-Macher Capybara JSのテスト(with Capybara-WebKit) RSpec Mat
RSpec/Capybara/Capybara-Webkitの導入方法 - Rails Webook
RSpecの基本について理解している人を対象に、「RSpecのテストに必要なGem、モデル、コントローラー、Feature(Capybare)、JavaScriptなどの基本的なテストの書き方」についてまとめました。 下記のサイトも参考になります。 Factory Girl Rails のチートシート RSpec/Capybara/Capybara-Webkit のレシピ集 動作環境 Mac OS X 10 Ruby 2.1 Rails 4.1 rspec-rails 3.1.0 shoulda-matchers 2.6.2 factory_girl_rails 4.4.1 capybara 2.4.1 Phantomjs 1.9.8 poltergeist 1.5.1 capybara-webkit 1.3.0 database_cleaner 1.3.0 目次 UTからE2Eテストのた
Capybara-webkitによる高速インテグレーションテストまとめ - === SANDmark 19106 === beginning stress test
このテのエントリも何度目になるかわかりませんが、 実際に使ってきて「これだ！」という環境がある程度確立できた気がするので 一旦ここにまとめておきます。Ruby1.9.3、Rails3.2.2で動作確認。 参考: http://ja.asciicasts.com/episodes/285-spork http://d.hatena.ne.jp/akihito_s/20110701 （今更）RSpec2+Capybara-webkitでインテグレーションテスト - === SANDmark 19106 === beginning stress test RSpec2 + Capybara-Webkitでの注意点 - === SANDmark 19106 === beginning stress test 使うものリスト: ライブラリ名 ちょっとした解説 Spork テストの高速化をしてくれるD
RSpec Capybara Webkit Xvfb CentOS 要するにRailsでjavascriptをテストしたい
RSpec + Capybara のセットアップは簡単でいいんですが、javascriptのテストができません。 いざ本当にウェブサイトやウェブアプリのテストしようと思ったらjavascriptのテストは必須。 それを可能にするには意外にも長い道のりがあるので、まとめておきます。 想定する開発環境はこんな感じ。 Vagrant (Virtual box) CentOS 6.4 ここでつまずいたらドットインストールで学習 ローカル開発環境の構築 (全12回) - プログラミングならドットインストール Vagrant入門 (全13回) - プログラミングならドットインストール Rails4 RSpec Capybara テストについてよくわからなければ、このチュートリアルで学習。 Ruby on Rails チュートリアル：実例を使って Rails を学ぼう テスト駆動開発の定義とは、アプリケ
ここしばらく、Rails 3.x ベースで簡単な開発をしています。 どうせやるなら、新しいことやらないと、ということで、今回は Behavior Driven 開発をしようとしてました。Cucumberでの、振る舞いベースの要求仕様策定から、RSpecを用いた Test Driven な開発へと落とし込んで行く方法です。The RSpec Bookやら、Continuous Testing: with Ruby, Rails, and JavaScriptを読みつつ、色々と実験してました。 そんなわけで、いくつかTipsなどまとめたいと思っているのですが、とりあえず、役に立ちそうなことを先に書いみようということで、前置きが長くなりましたが、capybara-webkitについて。 RSpecは、 「プログラムの振舞 (behaviour)」を記述するためのドメイン特化言語 (DomainS
capybara-webkitとcucumberでjavascriptを使ったページのテストを行う - tech-kazuhisa's blog
みなさん、cucumber使ってテスト書いてますか？最近はrspecでユニットテストを書き、インテグレーションテストはcucumberを使う例が増えていると聞きます。 ここで問題になるのがjavascriptを含むページのテストです。色々情報を調べていたところ、capybara-webkitなるものをid:babieさんが使用しているのを発見。今回はcucumberで動かしてみました。 qtのインストール capybara-webkitはqtというGUIフレームワークを使用しています。先にインストールしてしまいましょう。どちらの場合もコンパイルにめちゃくちゃ時間がかかるのでご注意を。 mac portsの人 $ sudo port install qt4-mac-devel home brewの人 $ brew install qt Gemfileの設定 適当にRailsプロジェクトを作成
RSpec Capybara Webkit Xvfb CentOS 要するにRailsでjavascriptをテストしたい
RSpec + Capybara のセットアップは簡単でいいんですが、javascriptのテストができません。 いざ本当にウェブサイトやウェブアプリのテストしようと思ったらjavascriptのテストは必須。 それを可能にするには意外にも長い道のりがあるので、まとめておきます。 想定する開発環境はこんな感じ。 Vagrant (Virtual box) CentOS 6.4 ここでつまずいたらドットインストールで学習 ローカル開発環境の構築 (全12回) - プログラミングならドットインストール Vagrant入門 (全13回) - プログラミングならドットインストール Rails4 RSpec Capybara テストについてよくわからなければ、このチュートリアルで学習。 Ruby on Rails チュートリアル：実例を使って Rails を学ぼう テスト駆動開発の定義とは、アプリケ
Motivation Today I migrated a medium size test suite from capybara-webkit to Poltergeist with PhantomJS. I had two main motivations for switching: PhantomJS is more sensitive to avoiding false positives. For example, in the past, one could click on non-visible DOM elements with capybara-webkit. While this may not currently be true with the latest Capybara, I've had good luck with PhantomJS in the
capybara-webkit と font-awesome を仲良くさせる方法 - おもしろwebサービス開発日記
皆さん、font-awesome は使っていますか？font-awesomeは、twitter bootstrap が提供しているアイコンを、フォントとして使えるようにしてくれるライブラリです。フォントなので、拡大しても画質が荒くならないですし、色を変えることも簡単にできます。べんり！ ただ、一つだけ難点があります。font-awesome を使っていると capybara-webkit でのテストがこけるのです。理由は、capybara-webkit(というかcapybara-webkitが依存しているqt) が font-awesome などの外部フォントに対応していないためです。というわけで下記のようにして対処しました。 前提 gem 'font-awesome-sass-rails'を使っています。素の font-awesome を使っている人は別のやり方でないとダメだと思います。
RSpec2 + Capybara-Webkitでの注意点 - === SANDmark 19106 === beginning stress test
昨日の記事 id:sandmark:20120324 に不備があったので補足です。 参考サイト: kinopyo blog - Learning through Writing RSpec2はテストをそれぞれ実行するときデータベースをクリアしてくれますが、 capybara-webkit を使ったとき（it "hoge", :js => trueのとき）は データが渡されない＋クリアされない＝テストが動かないので、何とかしてやる必要があります。 gem 'database_cleaner' を使ってRSpec2に設定をしてやります。 Gemfile: group :test, :development do gem "database_cleaner" end spec/spec_helper.rb:（2012-04-03: 間違いです。後述。） RSpec.configure do |c
■概要 こちらの素晴らしい記事では、capybara-webkitを利用して、headlessでjsが動く環境を紹介されています。 capybara-webkitのこれまでリリースされているバージョン(～0.5.0)では、capybara1.0.0系への依存が解決できない為、抗う方法をご紹介されています。が、0.6.0からは上手く依存関係を解決されるようになりました！ ■手順 こちらと同様ですが、Xvfbとqtの当たらしいバージョン(qt47)をインストールしておきます。 qt47にする理由はphantomjsも動かしたいからです ^o^ $ sudo yum -y install firefox ★ seleniumで動かす必要があれば $ sudo yum -y install xorg-x11-server-Xvfb xorg-x11-fonts* $ sudo vim /etc/y
capybara-webkit入れようとしたらqmakeコマンドないよって怒られたからインストールした | tagamidaiki.com
こんにちは！ Rubyのgemであるcapybara-webkitをインストールしてスクリーンショットを自動で撮って来てもらおうと思ったのですが、 MacのほうでもCentOSのほうでもqmakeコマンドがないよって怒られてしまったのでまとめて調べてみました。 以下のページに全て書いてありました。 Installing Qt and compiling capybara webkit OS X Mavericks 10.9とMountain Lion 10.8の場合 OS X Mavericks 10.9とMountain Lion 10.8の場合はHomebrewであればとても簡単です $ brew update $ brew install qt4 もし他のMacOSの場合は参考ページに書いてあるのでそちらをご確認ください。 Installing Qt and compiling ca
[epel-qt48] name=Software Collection for Qt 4.8 baseurl=http://repos.fedorapeople.org/repos/sic/qt48/epel-$releasever/$basearch/ enabled=1 skip_if_unavailable=1 gpgcheck=0 [epel-qt48-source] name=Software Collection for Qt 4.8 - Source baseurl=http://repos.fedorapeople.org/repos/sic/qt48/epel-$releasever/SRPMS enabled=0 skip_if_unavailable=1 gpgcheck=0
capybara-webkitでwebページのスクリーンショットを撮る - 橋本詳解 - http://d.hatena.ne.jp/shokai/20120302/1330670227 最新の capybara-webkit だとこちらのコードは動かない模様 Macの場合 require 'capybara-webkit' browser = Capybara::Webkit::Driver.new('web_capture').browser browser.visit 'http://qiita.com/' browser.render('qiita.png', 1280, 650)
会社でも Capybara と capybara-webkit を使った integration test をしたいので、Windows 7 で環境を作ってみる。 基本的にここの手順に従っているが、左の通りにしなくても良いようなので、以下の手順で行った。 RubyとDevKitのインストール RubyInstaller.org から、Ruby 2.0 の最新版と対応するDevelopment Kit*1をダウンロード。 Ruby は C:\Ruby200 などにインストール。途中で環境変数PATHにRubyのbinフォルダを追加するオプションがあるので、チェックしておく。 Development Kit は C:\DevKit などに展開。インストール手順はGitHubの Installation Instructions のページにあるが、コマンドプロンプトで以下のようにする。 push
docker コンテナ + capybara-webkit でウェブサイトのスクリーンショットを撮影する - Qiita
FROM ruby RUN apt-get update && apt-get install -y libqt4-dev libqtwebkit-dev xvfb fonts-ipafont fonts-ipafont-gothic fonts-ipafont-mincho RUN gem install capybara-webkit --no-ri --no-rdoc ADD fonts.conf /etc/fonts/fonts.conf ADD /capture.rb /capture.rb ADD /capture.sh /capture.sh RUN chmod +x /capture.sh ENTRYPOINT ["/capture.sh"] libqt4-dev と libqtwebkit-dev はヘッドレスブラウザを立ち上げるために必要なやつ。 xvfb はヘッドレス
縦長のwebページを画像として保存したかったので久しぶりにcapybara-webkitを使った。 インストール Macで使うにはqtが必要 % brew install qt % gem install capybara-webkit % gem list | grep capybara capybara (2.4.4) capybara-webkit (1.5.2) キャプチャ 久しぶりに使ったらインタフェースが変わってたけど、ドキュメントが無いみたいなのでlib/capybara/webkit/driver.rbを読んで適当にやったらキャプチャできた。 capybara-capture.rb require 'capybara-webkit' require 'uri' exit 1 if ARGV.empty? url = ARGV.shift driver = Capybara:
Switch from capybara-webkit to poltergeist by bkeepers · Pull Request #32 · github/swordfish
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
capybara-webkitを使ってインテグレーションテストする方法を探す - soutaroブログ
弊社でもAjax的なプログラミングを少しずつ始めていまして、ちゃんとインテグレーションテストする方法が欲しくなってきたところでした。で、いろいろ見てみると、capybara-webkitとか言うのが良さそう。 でも、ちゃんとテストできるまで、なんか妙に苦労したのでその話をします。あと基本的には、例によってCapybaraのREADMEを隅から隅まで読めば全部書いてあるので、ちゃんと読んだほうが良いかもしれません。 References jnicklas/capybara · GitHub thoughtbot/capybara-webkit · GitHub Google グループ #1745020 - Pastie ぼくのかんがえたさいきょうのtest_helper Capybara.default_driver = :rack_test class ActionDispatch::In
以下のようにcapybara-webkit のbundle時に失敗したときの対応メモ。 Installing capybara-webkit (0.8.0) with native extensions /System/Library/Frameworks/Ruby.framework/Versions/1.8/usr/lib/ruby/1.8/rubygems/installer.rb:482:in `build_extensions': ERROR: Failed to build gem native extension. (Gem::Installer::ExtensionBuildError) /System/Library/Frameworks/Ruby.framework/Versions/1.8/usr/bin/ruby extconf.rb Gem files will
Mac OS X(Lion)に capybara-webkit のインストール - ohsada's Diary
Mac OS X(Lion)に capybara-webkit のインストール 必須環境 qt rvm Ruby 1.9.3 Ruby Enterprise Edition Bundler ■qt install http://qt.nokia.com/downloads/qt-for-open-source-cpp-development-on-mac-os-x/ ■rvm install $ bash -s stable < <(curl -s https://raw.github.com/wayneeseguin/rvm/master/binscripts/rvm-installer ) $ echo ' -s "$HOME/.rvm/scripts/rvm" && . "$HOME/.rvm/scripts/rvm" # Load RVM function' >> ~/.bash_
capybara + poltergeist か capybara + capybara-webkit でテストが通らない問題にぶつかった - @banyan's blog
はじめに この情報は 2012-10-24 のものです。これ以降ではこの回避方法より正式に upgrade するだけで問題が解決する可能性がありますのでご確認ください。 現状日本語の情報がなかったので書きました。また正式な対応があり次第 update する予定です。何かありましたら @banyan まで教えて頂けるとありがたいです。 現象 poltergeist を使っている場合 js => true にしていると1つ目のテストは通るが js => true にしている2つ目のテストは落ちる 正確にいうと奇数のテストは通るが、偶数のテストは落ちる エラー内容は以下のような感じ Failure/Error: visit "/" Capybara::Poltergeist::DeadClient: The PhantomJS client died while processing {"nam
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Capybara-Webkit＋Cucumber＋Sinon.JSでJavaScriptのテストはここまで変わる
Capybara-Webkit＋Cucumber＋Sinon.JSでJavaScriptのテストはここまで変わる：フレームワークで実践！ JavaScriptテスト入門（5）（2/3 ページ） Capybara＋Cucumberでテスト内容を記述する ここまででCucumberで特定のURLを開きスクリーンショットを保存するテストを記述し、実行できました。 ただし、これだけではWebブラウザのスクリーンショットが取得できただけであり、JavaScriptのテストの内容になっていないので、まずはテスト対象となるプロダクションコードを用意してテストのコードを書いていきます。 プロダクションコードを用意する ここからは以下のHTML／JavaScriptに対するテストを書いていきます。 このHTML／JavaScriptは「ユーザーが入力したユーザー名の利用可否をボタンを押したタイミングで取得し
Configuring acceptance tests with capybara, webkit and selenium - Alexander Shvets's Web Page
Configuring Acceptance Tests with Capybara, Webkit and Selenium Introduction We all know about importance of being armed with tests for your project. Usually project could have unit, integration and acceptance tests. Unit tests help us to test small piece of functionality in isolation (within single class) and try to answer this question: Do our objects do the right thing, are they convenient to w
（今更）RSpec2+Capybara-webkitでインテグレーションテスト - === SANDmark 19106 === beginning stress test
今回参考にさせてもらったところ。 っていうかほとんどそのまんま。 capybara-webkit を headless（画面なし・Xなし）で動かした - babie, you're my home あのさみんな、Cucumberに関する情報が少なすぎると思わないかい。 胸熱なのはわかったよ、でも使い方を教えてくれよ。俺頭悪いからわからないよ。*1 というわけでCucumberはさっくり諦めてRSpec2をこれまで以上に愛していきます。 組み合わせは Ruby1.9.3, Rails3.2, Spork, autotest, RSpec2, Capybara-webkit, headless の7つ。 前半5つについては過去の記事を参照してもらうことにして、 今回はCapybara-webkitとheadlessでJavaScriptのテストを有効にするところまで。 ※今回は実際にJavaS
We recently blogged about our experiences and ongoing efforts to discover and improve tools for Javascript testing. In closing, we mentioned that we were fairly happy with Akephalos, but we didn’t believe the quest was over. Today, the quest continues. Akephalos Akephalos is a well-written driver that integrates soundly with the htmlunit virtual browser. However, as well-integrated as Akephalos is
概要 capybara-webkitをインストールしようとすると、qmakeコマンドがないといエラーが出てインストールできない。調べてみたことろ、CentOS7での解決方法がなかったので、CentOS6.4での対象方法を参考に、CentOS7でqmakeコマンドをインストールしてみた。 エラー内容 $ bundle install --path vendor/bundle Installing capybara-webkit 1.11.1 with native extensions Gem::Ext::BuildError: ERROR: Failed to build gem native extension. current directory: /home/vagrant/RSpec/vendor/bundle/ruby/2.3.0/gems/capybara-webkit-1.1
I still get WebkitNoResponseError · Issue #181 · thoughtbot/capybara-webkit
rspec spec/requests/delivery_notes_spec.rb spec/requests/organizations_spec.rb spec/requests/people_spec.rb spec/requests/projects_spec.rb spec/requests/schedules_spec.rb spec/requests/work_breakdown_structures_spec.rb Run filtered including {:focus=>true} DeliveryNotes GET /projects/12345/work_breakdown_structures/12345/destroy >> Visit >> 1 >> 36 >> http://127.0.0.1:62396/users/sign_in << ok <<
capybara-webkit を debian の CI サーバで動かす (headless) - milk1000cc
まず、Qt と xvfb を入れます。 sudo aptitude install libqt4-dev xvfb Gemfile に、headless gem を追加します。 group :test do ... gem 'capybara' gem 'database_cleaner' gem 'launchy' gem 'capybara-webkit' gem 'headless' ... end spec/spec_helper.rb に、headless の設定を追加します。 DatabaseCleaner.strategy = :truncation Capybara.javascript_driver = :webkit # headless の設定 if Headless::CliUtil.application_exists?('Xvfb') headless = He
Click events in poltergeist vs capybara-webkit - Programming with Soulcutter
Due to constraints from a continuous integration service that I am using, I found myself converting from capybara-webkit to poltergeist for my headless javascriptable feature testing needs. To capybara's credit, the driver change is as simple as Capybara.javascript_driver = :poltergeist Unfortunately I discovered that after this simple substitution some of my features involving asynchronous reques
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
capybara-webkitでwebページのスクリーンショットを撮る - 橋本詳解
Installing Qt and compiling capybara webkit
RSpec + capybara-webkit で ヘッドレステスト - LocalScope::
Migrating from Capybara-Webkit to Poltergeist-PhantomJs
capybara-webkitを動かす 2011/08/23時点版
CentOSにcapybara-webkitインストール - Qiita
capybara-webkitでWebページのスクリーンショットを撮る2013 - Qiita
Windows でも capybara-webkit でテストしたい - penultの日記
橋本商会 » capybara-webkitでWebページのスクリーンショットを撮る
capybara-webkit のbundleに失敗したら。 - よかろうもん！
Create new page · thoughtbot/capybara-webkit Wiki
The Quest Continues: Introducing Capybara Webkit
CentOS7にqmakeとcapybara-webkitをインストールする - Qiita