Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Unit Testing Sencha Applications

Avatar for Arthur Kay Arthur Kay
June 05, 2012
Technology
1
120

Unit Testing Sencha Applications

Avatar for Arthur Kay

Arthur Kay

June 05, 2012
Tweet

More Decks by Arthur Kay

See All by Arthur Kay
Analyzing the ROI of JavaScript in Enterprise Software Development
Avatar for Arthur Kay arthurakay
0
150
Debugging your Apps with Google Chrome and Sencha
Avatar for Arthur Kay arthurakay
1
260
Announcing Ext JS 5
Avatar for Arthur Kay arthurakay
0
140
Conquering the Command Line
Avatar for Arthur Kay arthurakay
0
310
The Future of Enterprise App Development
Avatar for Arthur Kay arthurakay
0
130
Best Practices for Enterprise JavaScript Applications
Avatar for Arthur Kay arthurakay
7
2.5k
Bringing the Mobile Web to the Cloud
Avatar for Arthur Kay arthurakay
2
550
Building Native Windows 8 Apps with Sencha
Avatar for Arthur Kay arthurakay
0
250
Creating Windows 8 Apps with Ext JS
Avatar for Arthur Kay arthurakay
1
290

Other Decks in Technology

See All in Technology
roppongirb_20250911
Avatar for Kuniaki IGARASHI igaiga
1
210
Rustから学ぶ 非同期処理の仕組み
Avatar for skanehira skanehira
1
130
AWSで始める実践Dagster入門
Avatar for キタガワ kitagawaz
1
590
「どこから読む？」コードとカルチャーに最速で馴染むための実践ガイド
Avatar for ZOZO Developers zozotech
PRO
0
290
なぜテストマネージャの視点が 必要なのか？ 〜 一歩先へ進むために 〜
Avatar for Sammy(MoritaMasami) moritamasami
0
210
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
8.7k
Webアプリケーションにオブザーバビリティを実装するRust入門ガイド
Avatar for nwiizo nwiizo
6
760
職種の壁を溶かして開発サイクルを高速に回す~情報透明性と職種越境から考えるAIフレンドリーな職種間連携~
Avatar for daitasu daitasu
0
140
Obsidian応用活用術
Avatar for 松濤Vimmer onikun94
1
470
JTCにおける内製×スクラム開発への挑戦〜内製化率95%達成の舞台裏/JTC's challenge of in-house development with Scrum
Avatar for AEON aeonpeople
0
200
品質視点から考える組織デザイン/Organizational Design from Quality
Avatar for miisan mii3king
0
200
DDD集約とサービスコンテキスト境界との関係性
Avatar for Aja9tochin pandayumi
3
280

Featured

See All Featured
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
460k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
920
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
111
20k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
9.9k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
53
8.9k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
55
13k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k

Transcript

  1. Presented by Art Kay Unit Testing Sencha Applications

  2. Who am I? !   Arthur Kay !   Solutions

    Engineer at Sencha, Inc. !   Longtime ExtJS fanatic !   Web developer for 10+ years !   www.akawebdesign.com !   @arthurakay

  3. Sencha Chicago User Group !   Looking for: !  

    Speakers !   Ideas !   Giveaways !   Sponsors !   GET INVOLVED!

  4. Agenda !   Overview of Unit Testing concepts !  

    Tools !   Overview of “Prize Patrol” !   Questions

  5. Disclaimer I do not assert that this presentation: !  

    is how Sencha tests products internally !   is how Sencha would recommend you test your applications This is just a presentation of materials that have helped me.

  6. Test Driven JS Development

  7. Book http://www.tddjs.com BUY. THIS. BOOK.

  8. Unit Testing !   Confidence in your code. !  

    Syntax !   Unit Tests !   Integration Tests

  9. Code Correctness !   Correct syntax !   jslint.com

  10. Unit Tests !   “Units” tested in isolation !  

    Setup / Teardown !   Mocks / Stubs TDD: Must write testable code!

  11. Integration Tests !   Interaction with Application

  12. Isn’t that a lot of work? !   Yes. !

      Automation is key! !   Version control hooks !   Build process

  13. Unit Testing Tools

  14. JS Testing Tools !   Syntax !   JS Lint

    / JS Hint !   Hammer.js !   Unit Tests !   Jasmine !   JsTestDriver !   Integration Tests !   Selenium !   Phantom.js

  15. Automation !   Shell scripts !   IDE plugins !

      (Or something more elegant…)

  16. A Sencha Touch App: Prize Patrol https://github.com/arthurakay/Prize-Patrol

  17. Testing a Sencha MVC App !   MVC separates presentation

    from logic !   Easy to write testable “units” !   Should allow us to “drive” tests

  18. Jasmine !   Testing the “testable” units !   Little

    or no reliance on DOM !   Sencha uses Jasmine internally

  19. JsTestDriver !   Automated test suites across browsers ! IntelliJ

    IDE Plugin !   Command line control

  20. Phantom.js !   Lint all JS files (PhantomLint) !  

    Execute all Unit Tests (Jasmine) !   Drive Integration Tests (Casper.js)

  21. Questions