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

Test driven JavaScript

Avatar for Alexander Beletsky Alexander Beletsky
November 17, 2012
Programming
3
850

Test driven JavaScript

The slides from master class I did on XP Days 2012
Avatar for Alexander Beletsky

Alexander Beletsky

November 17, 2012
Tweet

More Decks by Alexander Beletsky

See All by Alexander Beletsky
Snapshot Testing: Going beyond UI
Avatar for Alexander Beletsky alexbeletsky
1
640
Tech Culture in Startups
Avatar for Alexander Beletsky alexbeletsky
0
210
TDD in JavaScript
Avatar for Alexander Beletsky alexbeletsky
4
840
This is Node.js
Avatar for Alexander Beletsky alexbeletsky
10
420
Likeastore
Avatar for Alexander Beletsky alexbeletsky
3
130
PaaS in your pocker with Dokku
Avatar for Alexander Beletsky alexbeletsky
7
2.5k
Building Single Page Applications
Avatar for Alexander Beletsky alexbeletsky
9
5.4k
.NET developer in JavaScript world
Avatar for Alexander Beletsky alexbeletsky
1
2.8k
How to write good tests?
Avatar for Alexander Beletsky alexbeletsky
2
310

Other Decks in Programming

See All in Programming
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
Avatar for hideki kinjyo o0h
PRO
1
210
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
Avatar for shiro seike seike460
PRO
1
670
既存デザインを変更せずにタップ領域を広げる方法
Avatar for Tiphaine tahia910
1
240
Cursor AI Agentと伴走する アプリケーションの高速リプレイス
Avatar for どすこい daisuketakeda
1
130
Result型で“失敗”を型にするPHPコードの書き方
Avatar for Takuma Kajikawa kajitack
4
300
Bytecode Manipulation 으로 생산성 높이기
Avatar for Daekyu bigstark
2
370
iOSアプリ開発で 関数型プログラミングを実現する The Composable Architectureの紹介
Avatar for yimajo yimajo
2
210
DroidKnights 2025 - 다양한 스크롤 뷰에서의 영상 재생
Avatar for 이가은 gaeun5744
3
310
XSLTで作るBrainfuck処理系
Avatar for MakKi makki_d
0
210
Team operations that are not burdened by SRE
Avatar for zosokh kazatohiei
1
190
関数型まつり2025登壇資料「関数プログラミングと再帰」
Avatar for Taison Tsukada taisontsukada
2
850
Go1.25からのGOMAXPROCS
Avatar for kuro kuro_kurorrr
1
800

Featured

See All Featured
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
693
190k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
81
9.1k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k
Navigating Team Friction
Avatar for Lara Hogan lara
187
15k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k

Transcript

  1. TEST DRIVEN JAVASCRIPT Show & Talk

  2. None

  3. >5 years of programming C# for fun and profit

  4. >5 years of practicing TDD

  5. “No line of production code without unit test “ rule

    that worked perfect for me during .NET programming

  6. But it FAILED miserably that I started JavaScript programming

  7. None

  8. > Reason 1 JavaScript code seems to be small and

    easy

  9. > Reason 2 Leaving comfort zone is always hard

  10. > Reason 3 DOM appears to be not testable at

    first glance
  11. None

  12. Frameworks && Tools

  13. qUnit, Jasmine, Mocha

  14. Testing business logic

  15. Testing UI/DOM code

  16. Mocking/Spying on objects

  17. Testing AJAX-dependent code

  18. Continuous Testing with LiveReload

  19. Final recommendations: 1. Don't be afraid to start testing. 2.

    Baby steps practice works. 3. Use MV* frameworks.

  20. Thanks, @alexbeletsky