Uploaded byRyunosuke SATO

KEY, PPTX14,693 views

capybara で快適なテスト生活を

岡山Ruby会議01 LT での発表資料です。 Capybara を利用したテストに対してのぼくの取り組みをご紹介します。

Technology◦

Capybaraで快適な
テスト生活を

http://www.ﬂickr.com/photos/capybarajp/5229619542

2012.07.07 Ruby札幌
岡山Ruby会議01 佐藤竜之介(@tricknotes)

提供

From Sapporo, with Love for Ruby.

Ruby札幌

webアプリケー
ションのEnd-to-
Endテストについ
て、私の取り組みを
ご紹介します

良い点

ユーザが使うであろうシナ
リオを押さえてある

すべてのコンポーネントを
統合した状態の試験である

automatization
http://www.ﬂickr.com/photos/hidekazufuruki/6881051786

README 読んでね

see: https://github.com/jnicklas/
capybara/blob/master/README.md

capybara-
selenium webkit

capybara

cucumber RSpec

drivers
ブラウザ
selenium
エミュレータ
capybara-webkit
capybara-zombie
poltergeist
https://github.com/jnicklas/capybara/wiki/Available-drivers

using capybara

ブラウザでの操作やエ
ミュレータでの操作が、
全部 Ruby で書ける

いろいろ壊れる
例えば...
scope
routing
acts_as_paranoid
will_paginate
...

capybara
テスト
仕様化検証
検証

移行前移行後
rails2 rails3

とは言っても、
テスト結果を
Excelで欲しい人のために

https://gist.github.com/3062485

✓ capybaraは End-to-End
テストのためのライブラリです
✓ capybaraは rails 以外にも
使えます

http://www.ﬂickr.com/photos/sakura-kame/479871795/

快適なテスト生活を！

capybara で快適なテスト生活を

1.
Capybaraで快適なテスト生活を http://www.ﬂickr.com/photos/capybarajp/5229619542 2012.07.07 Ruby札幌岡山Ruby会議01 佐藤竜之介(@tricknotes)
2.
提供 From Sapporo, withLove for Ruby. Ruby札幌
3.
About me
8.
よろしくお願いします
9.
今日の話
10.
webアプリケーションのEnd-to- Endテストについて、私の取り組みをご紹介します
12.
対象者これから仕事でも Rubyを使ってみたいひと
13.
End-to-End テスト
14.
テスト項目管理ツール
16.
良い点ユーザが使うであろうシナリオを押さえてあるすべてのコンポーネントを統合した状態の試験である
17.
最大の欠点自動化できない
18.
automatization http://www.ﬂickr.com/photos/hidekazufuruki/6881051786
19.
http://jnicklas.github.com/capybara/
20.
? ? Capybara
21.
README 読んでね see: https://github.com/jnicklas/ capybara/blob/master/README.md
22.
簡単に。
23.
capybara- selenium webkit capybara cucumber RSpec
24.
drivers ブラウザ selenium エミュレータ capybara-webkit capybara-zombie poltergeist https://github.com/jnicklas/capybara/wiki/Available-drivers
25.
using capybara ブラウザでの操作やエミュレータでの操作が、全部Ruby で書ける
26.
例えばこんな感じ
27.
自分が経験した話どういうところで実施したかというと...
28.
rails2.3 から rails 3.2 への移行
29.
大変
30.
いろいろ壊れる例えば... scope routing acts_as_paranoid will_paginate ...
31.
アプリケーションコードに依存しないテスト ≠railsのテスト
32.
capybara テスト仕様化検証検証移行前移行後 rails2 rails3
33.
さらに…
34.
アプリケーションコードに依存しないテスト ≠railsのテスト
35.
例えば... capybara テスト etc
36.
おまけ
37.
とは言っても、テスト結果を Excelで欲しい人のために https://gist.github.com/3062485
42.
まとめ
43.
✓ capybaraは End-to-End テストのためのライブラリです ✓ capybaraは rails 以外にも使えます
44.
http://www.ﬂickr.com/photos/sakura-kame/479871795/ 快適なテスト生活を！

Editor's Notes

#2 \n
#3 \n
#4 &#x4ECA;&#x65E5;&#x307C;&#x304F;&#x304C;&#x304A;&#x8A71;&#x3059;&#x308B;&#x30C6;&#x30FC;&#x30DE;&#x306A;&#x3093;&#x3067;&#x3059;&#x304C;&#x3001;\n
#5 \n
#6 &#x666E;&#x6BB5;&#x306F; Ruby &#x3068; JavaScript &#x3092;&#x4F7F;&#x3063;&#x3066;&#x304A;&#x4ED5;&#x4E8B;&#x3092;&#x3057;&#x3066;&#x3044;&#x307E;&#x3059;\n
#7 \n
#8 \n
#9 \n
#10 &#x4ECA;&#x65E5;&#x307C;&#x304F;&#x304C;&#x304A;&#x8A71;&#x3059;&#x308B;&#x30C6;&#x30FC;&#x30DE;&#x306A;&#x3093;&#x3067;&#x3059;&#x304C;&#x3001;\n
#11 \n
#12 \n
#13 \n
#14 &#x4ECA;&#x65E5;&#x307C;&#x304F;&#x304C;&#x304A;&#x8A71;&#x3059;&#x308B;&#x30C6;&#x30FC;&#x30DE;&#x306A;&#x3093;&#x3067;&#x3059;&#x304C;&#x3001;\n
#15 \n
#16 \n
#17 \n
#18 \n
#19 \n
#20 &#x307E;&#x305F;&#x3001;&#x30AF;&#x30E9;&#x30A4;&#x30A2;&#x30F3;&#x30C8;&#x30B5;&#x30A4;&#x30C9;&#x3067;&#x5927;&#x898F;&#x6A21;&#x958B;&#x767A;&#x3092;&#x884C;&#x3046;&#x969B;&#x306E;&#x3001;&#x30D1;&#x30BF;&#x30FC;&#x30F3;&#x306E;&#x4E00;&#x5B9F;&#x88C5;&#x3068;&#x3057;&#x3066;&#x3001; backbone.js &#x3068;&#x3044;&#x3046;&#x30D5;&#x30EC;&#x30FC;&#x30E0;&#x30EF;&#x30FC;&#x30AF;&#x3082;&#x51FA;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n&#x3057;&#x3063;&#x304B;&#x308A;&#x4F7F;&#x3063;&#x305F;&#x308F;&#x3051;&#x3067;&#x306F;&#x3042;&#x308A;&#x307E;&#x305B;&#x3093;&#x304C;&#x3001;&#x3055;&#x304D;&#x307B;&#x3069;&#x306E; nodejitsu &#x306E;&#x8A18;&#x4E8B;&#x306E;&#x4E2D;&#x3067;&#x3082;&#x7D39;&#x4ECB;&#x3055;&#x308C;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n
#21 &#x3067;&#x306F;&#x3001;&#x3053;&#x3053;&#x3067;&#x3001;&#x30D1;&#x30BF;&#x30FC;&#x30F3;&#x304C;&#x5927;&#x4E8B;&#x3067;&#x3042;&#x308B;&#x7406;&#x7531;&#x306B;&#x3064;&#x3044;&#x3066;&#x8003;&#x3048;&#x3066;&#x307F;&#x307E;&#x3057;&#x3087;&#x3046;&#x3002;\n
#22 \n
#23 \n
#24 \n
#25 \n
#26 \n
#27 &#x307E;&#x305F;&#x3001;&#x30AF;&#x30E9;&#x30A4;&#x30A2;&#x30F3;&#x30C8;&#x30B5;&#x30A4;&#x30C9;&#x3067;&#x5927;&#x898F;&#x6A21;&#x958B;&#x767A;&#x3092;&#x884C;&#x3046;&#x969B;&#x306E;&#x3001;&#x30D1;&#x30BF;&#x30FC;&#x30F3;&#x306E;&#x4E00;&#x5B9F;&#x88C5;&#x3068;&#x3057;&#x3066;&#x3001; backbone.js &#x3068;&#x3044;&#x3046;&#x30D5;&#x30EC;&#x30FC;&#x30E0;&#x30EF;&#x30FC;&#x30AF;&#x3082;&#x51FA;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n&#x3057;&#x3063;&#x304B;&#x308A;&#x4F7F;&#x3063;&#x305F;&#x308F;&#x3051;&#x3067;&#x306F;&#x3042;&#x308A;&#x307E;&#x305B;&#x3093;&#x304C;&#x3001;&#x3055;&#x304D;&#x307B;&#x3069;&#x306E; nodejitsu &#x306E;&#x8A18;&#x4E8B;&#x306E;&#x4E2D;&#x3067;&#x3082;&#x7D39;&#x4ECB;&#x3055;&#x308C;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n
#28 \n
#29 \n
#30 &#x307E;&#x305F;&#x3001;&#x30AF;&#x30E9;&#x30A4;&#x30A2;&#x30F3;&#x30C8;&#x30B5;&#x30A4;&#x30C9;&#x3067;&#x5927;&#x898F;&#x6A21;&#x958B;&#x767A;&#x3092;&#x884C;&#x3046;&#x969B;&#x306E;&#x3001;&#x30D1;&#x30BF;&#x30FC;&#x30F3;&#x306E;&#x4E00;&#x5B9F;&#x88C5;&#x3068;&#x3057;&#x3066;&#x3001; backbone.js &#x3068;&#x3044;&#x3046;&#x30D5;&#x30EC;&#x30FC;&#x30E0;&#x30EF;&#x30FC;&#x30AF;&#x3082;&#x51FA;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n&#x3057;&#x3063;&#x304B;&#x308A;&#x4F7F;&#x3063;&#x305F;&#x308F;&#x3051;&#x3067;&#x306F;&#x3042;&#x308A;&#x307E;&#x305B;&#x3093;&#x304C;&#x3001;&#x3055;&#x304D;&#x307B;&#x3069;&#x306E; nodejitsu &#x306E;&#x8A18;&#x4E8B;&#x306E;&#x4E2D;&#x3067;&#x3082;&#x7D39;&#x4ECB;&#x3055;&#x308C;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n
#31 &#x307E;&#x305F;&#x3001;&#x30AF;&#x30E9;&#x30A4;&#x30A2;&#x30F3;&#x30C8;&#x30B5;&#x30A4;&#x30C9;&#x3067;&#x5927;&#x898F;&#x6A21;&#x958B;&#x767A;&#x3092;&#x884C;&#x3046;&#x969B;&#x306E;&#x3001;&#x30D1;&#x30BF;&#x30FC;&#x30F3;&#x306E;&#x4E00;&#x5B9F;&#x88C5;&#x3068;&#x3057;&#x3066;&#x3001; backbone.js &#x3068;&#x3044;&#x3046;&#x30D5;&#x30EC;&#x30FC;&#x30E0;&#x30EF;&#x30FC;&#x30AF;&#x3082;&#x51FA;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n&#x3057;&#x3063;&#x304B;&#x308A;&#x4F7F;&#x3063;&#x305F;&#x308F;&#x3051;&#x3067;&#x306F;&#x3042;&#x308A;&#x307E;&#x305B;&#x3093;&#x304C;&#x3001;&#x3055;&#x304D;&#x307B;&#x3069;&#x306E; nodejitsu &#x306E;&#x8A18;&#x4E8B;&#x306E;&#x4E2D;&#x3067;&#x3082;&#x7D39;&#x4ECB;&#x3055;&#x308C;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n
#32 &#x307E;&#x305F;&#x3001;&#x30AF;&#x30E9;&#x30A4;&#x30A2;&#x30F3;&#x30C8;&#x30B5;&#x30A4;&#x30C9;&#x3067;&#x5927;&#x898F;&#x6A21;&#x958B;&#x767A;&#x3092;&#x884C;&#x3046;&#x969B;&#x306E;&#x3001;&#x30D1;&#x30BF;&#x30FC;&#x30F3;&#x306E;&#x4E00;&#x5B9F;&#x88C5;&#x3068;&#x3057;&#x3066;&#x3001; backbone.js &#x3068;&#x3044;&#x3046;&#x30D5;&#x30EC;&#x30FC;&#x30E0;&#x30EF;&#x30FC;&#x30AF;&#x3082;&#x51FA;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n&#x3057;&#x3063;&#x304B;&#x308A;&#x4F7F;&#x3063;&#x305F;&#x308F;&#x3051;&#x3067;&#x306F;&#x3042;&#x308A;&#x307E;&#x305B;&#x3093;&#x304C;&#x3001;&#x3055;&#x304D;&#x307B;&#x3069;&#x306E; nodejitsu &#x306E;&#x8A18;&#x4E8B;&#x306E;&#x4E2D;&#x3067;&#x3082;&#x7D39;&#x4ECB;&#x3055;&#x308C;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n
#33 &#x307E;&#x305F;&#x3001;&#x30AF;&#x30E9;&#x30A4;&#x30A2;&#x30F3;&#x30C8;&#x30B5;&#x30A4;&#x30C9;&#x3067;&#x5927;&#x898F;&#x6A21;&#x958B;&#x767A;&#x3092;&#x884C;&#x3046;&#x969B;&#x306E;&#x3001;&#x30D1;&#x30BF;&#x30FC;&#x30F3;&#x306E;&#x4E00;&#x5B9F;&#x88C5;&#x3068;&#x3057;&#x3066;&#x3001; backbone.js &#x3068;&#x3044;&#x3046;&#x30D5;&#x30EC;&#x30FC;&#x30E0;&#x30EF;&#x30FC;&#x30AF;&#x3082;&#x51FA;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n&#x3057;&#x3063;&#x304B;&#x308A;&#x4F7F;&#x3063;&#x305F;&#x308F;&#x3051;&#x3067;&#x306F;&#x3042;&#x308A;&#x307E;&#x305B;&#x3093;&#x304C;&#x3001;&#x3055;&#x304D;&#x307B;&#x3069;&#x306E; nodejitsu &#x306E;&#x8A18;&#x4E8B;&#x306E;&#x4E2D;&#x3067;&#x3082;&#x7D39;&#x4ECB;&#x3055;&#x308C;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n
#34 &#x307E;&#x305F;&#x3001;&#x30AF;&#x30E9;&#x30A4;&#x30A2;&#x30F3;&#x30C8;&#x30B5;&#x30A4;&#x30C9;&#x3067;&#x5927;&#x898F;&#x6A21;&#x958B;&#x767A;&#x3092;&#x884C;&#x3046;&#x969B;&#x306E;&#x3001;&#x30D1;&#x30BF;&#x30FC;&#x30F3;&#x306E;&#x4E00;&#x5B9F;&#x88C5;&#x3068;&#x3057;&#x3066;&#x3001; backbone.js &#x3068;&#x3044;&#x3046;&#x30D5;&#x30EC;&#x30FC;&#x30E0;&#x30EF;&#x30FC;&#x30AF;&#x3082;&#x51FA;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n&#x3057;&#x3063;&#x304B;&#x308A;&#x4F7F;&#x3063;&#x305F;&#x308F;&#x3051;&#x3067;&#x306F;&#x3042;&#x308A;&#x307E;&#x305B;&#x3093;&#x304C;&#x3001;&#x3055;&#x304D;&#x307B;&#x3069;&#x306E; nodejitsu &#x306E;&#x8A18;&#x4E8B;&#x306E;&#x4E2D;&#x3067;&#x3082;&#x7D39;&#x4ECB;&#x3055;&#x308C;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n
#35 &#x307E;&#x305F;&#x3001;&#x30AF;&#x30E9;&#x30A4;&#x30A2;&#x30F3;&#x30C8;&#x30B5;&#x30A4;&#x30C9;&#x3067;&#x5927;&#x898F;&#x6A21;&#x958B;&#x767A;&#x3092;&#x884C;&#x3046;&#x969B;&#x306E;&#x3001;&#x30D1;&#x30BF;&#x30FC;&#x30F3;&#x306E;&#x4E00;&#x5B9F;&#x88C5;&#x3068;&#x3057;&#x3066;&#x3001; backbone.js &#x3068;&#x3044;&#x3046;&#x30D5;&#x30EC;&#x30FC;&#x30E0;&#x30EF;&#x30FC;&#x30AF;&#x3082;&#x51FA;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n&#x3057;&#x3063;&#x304B;&#x308A;&#x4F7F;&#x3063;&#x305F;&#x308F;&#x3051;&#x3067;&#x306F;&#x3042;&#x308A;&#x307E;&#x305B;&#x3093;&#x304C;&#x3001;&#x3055;&#x304D;&#x307B;&#x3069;&#x306E; nodejitsu &#x306E;&#x8A18;&#x4E8B;&#x306E;&#x4E2D;&#x3067;&#x3082;&#x7D39;&#x4ECB;&#x3055;&#x308C;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n
#36 &#x307E;&#x305F;&#x3001;&#x30AF;&#x30E9;&#x30A4;&#x30A2;&#x30F3;&#x30C8;&#x30B5;&#x30A4;&#x30C9;&#x3067;&#x5927;&#x898F;&#x6A21;&#x958B;&#x767A;&#x3092;&#x884C;&#x3046;&#x969B;&#x306E;&#x3001;&#x30D1;&#x30BF;&#x30FC;&#x30F3;&#x306E;&#x4E00;&#x5B9F;&#x88C5;&#x3068;&#x3057;&#x3066;&#x3001; backbone.js &#x3068;&#x3044;&#x3046;&#x30D5;&#x30EC;&#x30FC;&#x30E0;&#x30EF;&#x30FC;&#x30AF;&#x3082;&#x51FA;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n&#x3057;&#x3063;&#x304B;&#x308A;&#x4F7F;&#x3063;&#x305F;&#x308F;&#x3051;&#x3067;&#x306F;&#x3042;&#x308A;&#x307E;&#x305B;&#x3093;&#x304C;&#x3001;&#x3055;&#x304D;&#x307B;&#x3069;&#x306E; nodejitsu &#x306E;&#x8A18;&#x4E8B;&#x306E;&#x4E2D;&#x3067;&#x3082;&#x7D39;&#x4ECB;&#x3055;&#x308C;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n
#37 &#x4ECA;&#x65E5;&#x307C;&#x304F;&#x304C;&#x304A;&#x8A71;&#x3059;&#x308B;&#x30C6;&#x30FC;&#x30DE;&#x306A;&#x3093;&#x3067;&#x3059;&#x304C;&#x3001;\n
#38 &#x307E;&#x305F;&#x3001;&#x30AF;&#x30E9;&#x30A4;&#x30A2;&#x30F3;&#x30C8;&#x30B5;&#x30A4;&#x30C9;&#x3067;&#x5927;&#x898F;&#x6A21;&#x958B;&#x767A;&#x3092;&#x884C;&#x3046;&#x969B;&#x306E;&#x3001;&#x30D1;&#x30BF;&#x30FC;&#x30F3;&#x306E;&#x4E00;&#x5B9F;&#x88C5;&#x3068;&#x3057;&#x3066;&#x3001; backbone.js &#x3068;&#x3044;&#x3046;&#x30D5;&#x30EC;&#x30FC;&#x30E0;&#x30EF;&#x30FC;&#x30AF;&#x3082;&#x51FA;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n&#x3057;&#x3063;&#x304B;&#x308A;&#x4F7F;&#x3063;&#x305F;&#x308F;&#x3051;&#x3067;&#x306F;&#x3042;&#x308A;&#x307E;&#x305B;&#x3093;&#x304C;&#x3001;&#x3055;&#x304D;&#x307B;&#x3069;&#x306E; nodejitsu &#x306E;&#x8A18;&#x4E8B;&#x306E;&#x4E2D;&#x3067;&#x3082;&#x7D39;&#x4ECB;&#x3055;&#x308C;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n
#39 &#x307E;&#x305F;&#x3001;&#x30AF;&#x30E9;&#x30A4;&#x30A2;&#x30F3;&#x30C8;&#x30B5;&#x30A4;&#x30C9;&#x3067;&#x5927;&#x898F;&#x6A21;&#x958B;&#x767A;&#x3092;&#x884C;&#x3046;&#x969B;&#x306E;&#x3001;&#x30D1;&#x30BF;&#x30FC;&#x30F3;&#x306E;&#x4E00;&#x5B9F;&#x88C5;&#x3068;&#x3057;&#x3066;&#x3001; backbone.js &#x3068;&#x3044;&#x3046;&#x30D5;&#x30EC;&#x30FC;&#x30E0;&#x30EF;&#x30FC;&#x30AF;&#x3082;&#x51FA;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n&#x3057;&#x3063;&#x304B;&#x308A;&#x4F7F;&#x3063;&#x305F;&#x308F;&#x3051;&#x3067;&#x306F;&#x3042;&#x308A;&#x307E;&#x305B;&#x3093;&#x304C;&#x3001;&#x3055;&#x304D;&#x307B;&#x3069;&#x306E; nodejitsu &#x306E;&#x8A18;&#x4E8B;&#x306E;&#x4E2D;&#x3067;&#x3082;&#x7D39;&#x4ECB;&#x3055;&#x308C;&#x3066;&#x3044;&#x307E;&#x3059;&#x3002;\n
#40 \n
#41 \n
#42 \n
#43 &#x4ECA;&#x65E5;&#x307C;&#x304F;&#x304C;&#x304A;&#x8A71;&#x3059;&#x308B;&#x30C6;&#x30FC;&#x30DE;&#x306A;&#x3093;&#x3067;&#x3059;&#x304C;&#x3001;\n
#44 \n
#45 \n

capybara で快適なテスト生活を

More Related Content

What's hot

Viewers also liked

Similar to capybara で快適なテスト生活を

More from Ryunosuke SATO

Recently uploaded

capybara で快適なテスト生活を

Editor's Notes