テストを書くのに挫折したあとやったこと

Copyright © 2016 Yuta Ohashi All Rights Reserved.
テスト書くのに
挫折したあと
やったこと
雑兵MeetUp #3
2016.02.19
Yuta Ohashi

2Copyright © 2016 Yuta Ohashi All Rights Reserved.
テスト書いてますか？

そもそもスキルが足りないんｚｙ(ry
そ・・・そんなこと・・・あ、あるよ・・・

ところで
現場はレガシーコード？

レガシーコード改善ガイド
テストのないコードは
レガシーコードだ！

テスト・・書くぞ！！

と、思っても・・・

モデルの中でnewしてる
ジャマだ・・・
private function setMemoOption($memos){
if(!empty($memos)){
$memos = array();
foreach ($memos as $value) {
$memos[] = new Memo($value);
}
}
return $memos;
}
※コードはサンプルですよ

コントローラーの中でrequireしてる
なぜそこで・・・（500行目くらい）
try {
require_once 'Models/Memo.php';
$memo = $this->_getMemo($memo_id);
} catch (Exception $e) {
throw $e;
}
protected function _getMemo($memo_id){
$memo = Memo::getMemo($memo_id);
if($memo !== null){
return $memo;
}
return Memo::getMemoFromDB($memo_id);
}
※コードはサンプルですよ

11Copyright © 2016 Yuta Ohashi All Rights Reserved.photo by Bev Sykes [ https://www.flickr.com/photos/basykes/490907537/ ]
いやだー！！！

もうテスト書くのやーめた（白目
テスト初心者の心は折れた・・・
• 検索すれば色々な手法があるが全然分からん。←勉強不足
• ファイルがてんこ盛りで大杉内
• 気軽にコミットできない
• そもそも1人でやるのつらくない！？
• みんなでやりたいなぁ・・・（と声を上げる勇気もない
• etc…etc….etc…..

でも何かやらなきゃ・・・という気持ちはある
あきらめたらそこで試合終了ですよ。
• 1人でやる方法はないか？
• 既存コードを汚さず（修正せず）できることはないか？

そこで

テスト書くのに挫折してテスト書いてた
Selenium WebDriverを試してみた！
• 1人で始められる
• ローカルに環境整えればOK
• 既存のコードと完全に分けて書いておける
• 自分のPCでブラウザ動いて見ていて楽しい
• テストやってるー！って気分になる
• etc…etc….etc…..

Selenium WebDriver with PHPUnit
Vagrant 自分のPC
Jenkins
PHPUnit Test
Selenium Grid Server(hub)
Selenium Grid Server(node)
Brower
0.登場人物

1.JenkinsからPHPUnitを実行
Vagrant 自分のPC

2.PHPUnitからSelenium Grid Server(hub)を呼ぶ
Vagrant 自分のPC

3.Selenium Grid Server(hub)がNodeを呼ぶ
Vagrant 自分のPC

4.指定されたブラウザでページを開いてテスト
Vagrant 自分のPC

どんなことをテストした？
主要なページでできること（機能）をテスト化
• タイトルタグの中身は正しい？
• ちゃんと投稿ができるか？
• いいねボタンは機能するか？
• Javascriptの動作は正常か？
• ログインしていない場合はログインページに遷移するか？
• Jenkinsで定期実行
• いわゆるリグレッションテスト？
Webページを自分で操作して確認できることは、
だいたいテストとして表現が可能

気付いたこと
こんなことが良かった
• ぼっちではじめられる！
• 既存のコードは汚さずこっそりできた！
• テスト書いたページに改修が入るとテストの調整がいる
• 読み込みエラーとか（広告が刺さったり）でたまにSeleniumこける
• Seleniumが動いている間はフォーカスが奪われて作業にならない
こんなことが悪かった

そして数ヶ月・・・
JenkinsでSeleniumを毎晩定期実行してたら・・・
デグレを発見できた！

何を見つけた？
クリック後にポップアップが出る部分
• いいねボタンを押すと対象者の名前がポップアップで出る
↓
• ex)「○○さんの投稿にいいねしました！」
↓
• なぜか「undefinedさんの投稿にいいねしました！」になってる
↓
• 対象者の名前が入ってるDOMの要素を間違って削除しちゃってた（気づきにくいよね
↓
• JavascriptでDOMが読めなくて変数ないのでundefined
↓
• 気がついて連絡
↓
• Seleniumまぁまぁやるじゃん！の声をいただく

そしてたぶん・・・

チームの中でもテストが
ちょっとでも意識された瞬間
photo by littlekiss☆l[ https://www.flickr.com/photos/littlekiss3/15172213184/ ]

まとめ？
テストが書けるスキルは必要とされる時代
• やっぱりテスト大事
• 「書かない」を選んでるならまだいい
• 「書けない」のはまずい
• Laravelリファレンス本でも50ページに渡ってテストの章が（分かりやすい
• でも困ったらSeleniumからはじめてみてもいいかも

ありがとうございました

テストを書くのに挫折したあとやったこと

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (18)

En vedette

En vedette (10)

Similaire à テストを書くのに挫折したあとやったこと

Similaire à テストを書くのに挫折したあとやったこと (20)

Plus de Yuta Ohashi

Plus de Yuta Ohashi (18)

Dernier

Dernier (11)

テストを書くのに挫折したあとやったこと