Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
Uploaded by
Teppei Sato
PDF, PPTX
33,241 views
JavaScript Unit Test Why? What? How?
第38回HTML5とか勉強会「Webアプリ×テスト最新事情」の発表資料です。 https://html5j.cloudfoundry.com/event/sd38
Technology
◦
Related topics:
Software Testing Insights
•
Read more
79
Save
Share
Embed
Embed presentation
Download
Download as PDF, PPTX
1
/ 43
2
/ 43
3
/ 43
4
/ 43
5
/ 43
6
/ 43
7
/ 43
8
/ 43
9
/ 43
10
/ 43
11
/ 43
12
/ 43
13
/ 43
14
/ 43
15
/ 43
16
/ 43
17
/ 43
18
/ 43
19
/ 43
20
/ 43
21
/ 43
22
/ 43
23
/ 43
24
/ 43
25
/ 43
26
/ 43
27
/ 43
28
/ 43
29
/ 43
30
/ 43
31
/ 43
32
/ 43
33
/ 43
34
/ 43
35
/ 43
36
/ 43
37
/ 43
38
/ 43
39
/ 43
40
/ 43
41
/ 43
42
/ 43
43
/ 43
More Related Content
PDF
Automation test.ssf alpha
by
ryuji koyama
PDF
Azureを使って手軽にブラウザテストの自動化をはじめよう
by
Naoya Kojima
PPTX
【システムテスト自動化カンファレンス2015】 楽天の品質改善を加速する継続的システムテストパターン #stac2015
by
Kotaro Ogino
PDF
Selenium Antipatterns
by
Jumpei Miyata
PPTX
モデルベースドテスト入門 -テスト詳細設計を自動化しよう- #stac2013
by
Kinji Akemine
PPTX
20131201 テスト自動化カンファレンスLT「激しいUI変更との戦い」
by
Hiroko Tamagawa
PPTX
ノンプログラマのためのSelenium de DDTはじめの一歩
by
Satsuki Urayama
PDF
#STAC2014 システムテスト自動化ハンズオン
by
kyon mm
Automation test.ssf alpha
by
ryuji koyama
Azureを使って手軽にブラウザテストの自動化をはじめよう
by
Naoya Kojima
【システムテスト自動化カンファレンス2015】 楽天の品質改善を加速する継続的システムテストパターン #stac2015
by
Kotaro Ogino
Selenium Antipatterns
by
Jumpei Miyata
モデルベースドテスト入門 -テスト詳細設計を自動化しよう- #stac2013
by
Kinji Akemine
20131201 テスト自動化カンファレンスLT「激しいUI変更との戦い」
by
Hiroko Tamagawa
ノンプログラマのためのSelenium de DDTはじめの一歩
by
Satsuki Urayama
#STAC2014 システムテスト自動化ハンズオン
by
kyon mm
What's hot
PPT
自動テスト知識体系TABOKのご紹介
by
Shinsuke Matsuki
PDF
スマートフォンアプリの テスト自動化をはじめよう
by
Koji Hasegawa
PDF
詳解!自動結合テスト #jasst
by
kyon mm
PDF
快適・簡単・安心なアプリE2Eテストの実行環境 #stac2017
by
Yahoo!デベロッパーネットワーク
PDF
実践で学ぶ、効率的な自動テストスクリプトのメンテナンス
by
Nozomi Ito
PDF
1時間で分かるSTA (Software Test Automation) #stac2014
by
Kazuhiro Suzuki
PDF
SeleniumE2Eテストフレームワークを使用したテスト自動化事例 #Seleniumjp
by
Yahoo!デベロッパーネットワーク
PDF
事例から見るテスト自動化のポイント
by
Hiroshi Maekawa
PDF
OSSのブラウザ自動テストツール「Selenium」を使った、開発・テストの効率化
by
Nozomi Ito
PDF
組み込み開発でのシステムテスト自動化の一つの考え方(STAC)
by
H Iseri
PPTX
20150418 システムテスト自動化 第二章
by
atsushi ishiji
PPTX
【STAC2017】テスト自動化システム 成長記
by
友隆 浅黄
PDF
STAC 2015 自動家は見た~自動化の現場の真実~ SIDE:マネージャ
by
Noriyuki Mizuno
PDF
20150418 システムテスト自動化 第一章
by
Yuki Fujisawa
PDF
20161218 selenium study4
by
Naoya Kojima
PPTX
手動テストからの移行大作戦
by
Satsuki Urayama
PDF
異業種でのテスト自動化の実際
by
Satsuki Urayama
PPTX
Stac2013 開会挨拶
by
Shinsuke Matsuki
PDF
テストの自動化を考える前に
by
bleis tift
PDF
STAC2015 講演3 広告システム刷新よもやま話〜テストが当たり前となるまでにやったこと #stac2015
by
Yahoo!デベロッパーネットワーク
自動テスト知識体系TABOKのご紹介
by
Shinsuke Matsuki
スマートフォンアプリの テスト自動化をはじめよう
by
Koji Hasegawa
詳解!自動結合テスト #jasst
by
kyon mm
快適・簡単・安心なアプリE2Eテストの実行環境 #stac2017
by
Yahoo!デベロッパーネットワーク
実践で学ぶ、効率的な自動テストスクリプトのメンテナンス
by
Nozomi Ito
1時間で分かるSTA (Software Test Automation) #stac2014
by
Kazuhiro Suzuki
SeleniumE2Eテストフレームワークを使用したテスト自動化事例 #Seleniumjp
by
Yahoo!デベロッパーネットワーク
事例から見るテスト自動化のポイント
by
Hiroshi Maekawa
OSSのブラウザ自動テストツール「Selenium」を使った、開発・テストの効率化
by
Nozomi Ito
組み込み開発でのシステムテスト自動化の一つの考え方(STAC)
by
H Iseri
20150418 システムテスト自動化 第二章
by
atsushi ishiji
【STAC2017】テスト自動化システム 成長記
by
友隆 浅黄
STAC 2015 自動家は見た~自動化の現場の真実~ SIDE:マネージャ
by
Noriyuki Mizuno
20150418 システムテスト自動化 第一章
by
Yuki Fujisawa
20161218 selenium study4
by
Naoya Kojima
手動テストからの移行大作戦
by
Satsuki Urayama
異業種でのテスト自動化の実際
by
Satsuki Urayama
Stac2013 開会挨拶
by
Shinsuke Matsuki
テストの自動化を考える前に
by
bleis tift
STAC2015 講演3 広告システム刷新よもやま話〜テストが当たり前となるまでにやったこと #stac2015
by
Yahoo!デベロッパーネットワーク
Similar to JavaScript Unit Test Why? What? How?
KEY
JUnit実践入門 xUnitTestPatternsで学ぶユニットテスト
by
Shuji Watanabe
KEY
Unit testで定時帰宅!
by
Funato Takashi
PDF
最近の単体テスト
by
Ken Morishita
PPT
Sue445 Style TDD #atest_hack
by
Go Sueyoshi (a.k.a sue445)
PDF
ありえるえりあ勉強会@五反田~テスト編~ Part3
by
Tomoyuki Sato
PDF
【Unite2014】Unity Test Tools
by
cfm_art
PDF
JS開発におけるTDDと自動テストツール利用の勘所
by
Koji Nakamura
JUnit実践入門 xUnitTestPatternsで学ぶユニットテスト
by
Shuji Watanabe
Unit testで定時帰宅!
by
Funato Takashi
最近の単体テスト
by
Ken Morishita
Sue445 Style TDD #atest_hack
by
Go Sueyoshi (a.k.a sue445)
ありえるえりあ勉強会@五反田~テスト編~ Part3
by
Tomoyuki Sato
【Unite2014】Unity Test Tools
by
cfm_art
JS開発におけるTDDと自動テストツール利用の勘所
by
Koji Nakamura
More from Teppei Sato
PDF
You Don't Know ES Modules
by
Teppei Sato
PDF
本当のClosure Compilerをお見せしますよ。
by
Teppei Sato
PDF
SPAと覚悟
by
Teppei Sato
PDF
Closure CompilerのES6対応 あるいはES6時代のAltJS生存戦略
by
Teppei Sato
PDF
Node.js Native ESM への道 〜最終章: Babel / TypeScript Modules との闘い〜
by
Teppei Sato
PDF
kintoneがAWSで目指すDevOpsQAな開発
by
Teppei Sato
PDF
Automated Dependency Updates with Renovate
by
Teppei Sato
PDF
君はyarn.lockをコミットしているか?
by
Teppei Sato
PDF
サイボウズの現在と未来
by
Teppei Sato
PDF
サイボウズの開発を支えるKAIZEN文化
by
Teppei Sato
PDF
サイボウズの給与交渉戦 - Boss Side -
by
Teppei Sato
PDF
Closure Compiler Updates for ES6
by
Teppei Sato
PDF
Flowtype Introduction
by
Teppei Sato
PDF
サイボウズのフロントエンド開発 現在とこれからの挑戦
by
Teppei Sato
PDF
離れた場所でも最高のチームワークを実現する方法 ーサイボウズ開発チームのリモートワーク事例ー
by
Teppei Sato
PDF
Our wish to Flowtype
by
Teppei Sato
PDF
JavaScript Language Update 2016 (LLoT)
by
Teppei Sato
PDF
Recent compat-table issues
by
Teppei Sato
PDF
ES6 in Practice
by
Teppei Sato
PDF
Effective ES6
by
Teppei Sato
You Don't Know ES Modules
by
Teppei Sato
本当のClosure Compilerをお見せしますよ。
by
Teppei Sato
SPAと覚悟
by
Teppei Sato
Closure CompilerのES6対応 あるいはES6時代のAltJS生存戦略
by
Teppei Sato
Node.js Native ESM への道 〜最終章: Babel / TypeScript Modules との闘い〜
by
Teppei Sato
kintoneがAWSで目指すDevOpsQAな開発
by
Teppei Sato
Automated Dependency Updates with Renovate
by
Teppei Sato
君はyarn.lockをコミットしているか?
by
Teppei Sato
サイボウズの現在と未来
by
Teppei Sato
サイボウズの開発を支えるKAIZEN文化
by
Teppei Sato
サイボウズの給与交渉戦 - Boss Side -
by
Teppei Sato
Closure Compiler Updates for ES6
by
Teppei Sato
Flowtype Introduction
by
Teppei Sato
サイボウズのフロントエンド開発 現在とこれからの挑戦
by
Teppei Sato
離れた場所でも最高のチームワークを実現する方法 ーサイボウズ開発チームのリモートワーク事例ー
by
Teppei Sato
Our wish to Flowtype
by
Teppei Sato
JavaScript Language Update 2016 (LLoT)
by
Teppei Sato
Recent compat-table issues
by
Teppei Sato
ES6 in Practice
by
Teppei Sato
Effective ES6
by
Teppei Sato
JavaScript Unit Test Why? What? How?
1.
JavaScript Unit Test Why?
What? How? 佐藤鉄平@teppeis 2013/04/26 第38回HTML5とか勉強会
2.
自己紹介 •佐藤鉄平 •@teppeis •サイボウズでkintoneっていう B2Bサービスを作っています。 •フロントからバックエンドまで •宗派: Vim, JS,
Google Closure
3.
JS連載2年目に突入!
4.
一人目なので、 JSテストの全体像を お話します。 まだJSでテストを書いてない 人向けです。
5.
コードはでてきません!
6.
http://www.flickr.com/photos/freakygoldie/5044175060 Why?
7.
どうしてJavaScriptで ユニットテストを書くのか?
8.
そもそもテストって何だろう?
9.
実践アジャイルテスト
10.
アジャイルテストの4象限 ビジネス面 技術面 チームを 支援する 製品を 批評する 結合テスト 機能テスト ユニットテスト ユーザビリティテスト 探索的テスト 性能テスト 脆弱性テスト
11.
ビジネス面 技術面 チームを 支援する 製品を 批評する 結合テスト 機能テスト ユニットテスト ユーザビリティテスト 探索的テスト 性能テスト 脆弱性テスト 結合テスト
12.
結合テスト •ビジネスを支援する技術面のテスト •エンドツーエンド •「何を作るのか?」 •どんなサービスでも必須 •自動化推奨 (Seleniumなど)
13.
ビジネス面 技術面 チームを 支援する 製品を 批評する 結合テスト 機能テスト ユニットテスト ユーザビリティテスト 探索的テスト 性能テスト 脆弱性テスト ユニットテスト
14.
ユニットテスト •チームを支援する技術面のテスト •開発者による開発者のためのテスト •「どう作るのか?」 •設計とコードの質が向上 •大規模ではほぼ必須 •自動化が必須
15.
TDDと黄金の回転 ©t-wada きれい 汚い (すぐには)動かない 動作する Red Green Refactoring TDDと黄金の回転 http://www.slideshare.net/t_wada/javaja-tdd-2nd
16.
実践テスト駆動開発
17.
二重のフィードバックループ 失敗する 受入テスト を書く 失敗する ユニットテスト を書く テスト成功! リファクタリング
18.
CI
20.
JSをとりまく状況 •コードとチームの大規模化 •フロントエンド領域の増大 •高速で高品質な開発の要求
21.
ユニットテストの 必要性が高まってる!
22.
テスト環境の向上 •Node.jsの隆盛 •テスト関連ツールの盛り上がり •MV*フレームワークや モジュール化の仕組みが成熟
23.
ユニットテストが やりやすくなった!
24.
http://www.flickr.com/photos/beorn_ours/5675267679/ What?
25.
どこから手をつけたら。。
26.
JSのユニットテストって 難しいんでしょ?
27.
JSテストの難しい点 •コードがビューと結びつきがち •実行環境=ブラウザが扱いづらい => MV*な設計で解決 => ツールで解決
28.
MV* •いろいろ宗派はあるけど、 やりたいことはビューとロジックの分離。 •それさえできれば、 ロジック(Model)のテストは 普通にできるはず。
29.
例) メール一覧画面 •Model •全部のリスト •宛先で絞り込み •タグで絞り込み •View •受け取ったら表示するだけ
30.
Modelのテストをしよう! •純粋なロジック •不確実性が低い •リファクタリングで疎結合に分解
31.
Viewのテストは •DOMのテストは書きにくい •ユーザビリティはテストできない •画面を見ながらの試行錯誤が必要 •書きたくなったらチャレンジしよう!
32.
http://www.flickr.com/photos/dunechaser/270552745/ How?
33.
テストツールの分類 PhanotmJS jsdom envjs 実ブラウザ Testem Karma Jasmine QUnit Mocha JsTestDriver Buster.JS Chai expect.js Sinon.JS 実行環境 リモート テストランナー テスティング フレームワーク モック ライブラリ
34.
テスティングフレームワーク •テストの記述と実行を担当 •どれを選んでも間違いはないレベル •詳細は今日の他の方の発表を お聞きくださいw
35.
実行環境が重要 •実ブラウザ •本物だけど面倒、遅い •ヘッドレスブラウザ (PhantomJS) •だいたい本物でそこそこ速い •でもWebKitだけ •シミュレータ(jsdom, envjs) •偽物だけど速い
36.
リモートテストランナー •ブラウザをキャプチャリングして リモートでテストを実行するツール •実ブラウザの欠点を補う •同時に複数のブラウザでTDDが可能 •Testem, Karma(Testacular), JsTestDeriver, Buster.JS
37.
どれを選ぶ? PhanotmJS jsdom envjs 実ブラウザ Testem Karma Jasmine QUnit Mocha JsTestDriver Buster.JS Chai expect.js Sinon.JS 実行環境 リモート テストランナー テスティング フレームワーク モック ライブラリ
38.
Demo •おすすめ簡単構成 •Jasmine + Testem
+ 実ブラウザ •FizzBuzz with TDD •CI with PhantomJS
39.
ユニットテスト以外にも •カバレッジ測定 •静的解析 •Lint (JSHint, JSLint,
Closure) •型チェック (Closure, TypeScript) •それらを支えるgruntなどなど
40.
まとめ •JSでもユニットテストは大事! •モデルのテストから始めよう! •テスト関連ツールの進化がやばい! •TDDで楽しい開発!
41.
http://www.flickr.com/photos/mlpeixoto/5351547427/ When?
42.
Just Now!
43.
ありがとうございました!
Download