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
860

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
660
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
430
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
Conquering Massive Traffic Spikes in Ruby Applications with Pitchfork
Avatar for Shia riseshia
0
150
Signals & Resource API in Angular: 3 Effective Rules for Your Architecture @BASTA 2025 in Mainz
Avatar for Manfred Steyer manfredsteyer
PRO
0
110
どの様にAIエージェントと 協業すべきだったのか？
Avatar for Takepepe takefumiyoshii
2
620
Playwrightはどのようにクロスブラウザをサポートしているのか
Avatar for nus3 yotahada3
7
2.3k
Web Components で実現する Hotwire とフロントエンドフレームワークの橋渡し / Bridging with Web Components
Avatar for Daichi KUDO da1chi
3
1.9k
2分台で1500examples完走！爆速CIを支える環境構築術 - Kaigi on Rails 2025
Avatar for Hayato OKUMOTO falcon8823
3
3.4k
Go言語の特性を活かした公式MCP SDKの設計
Avatar for hond hond0413
1
200
uniqueパッケージの内部実装を支えるweak pointerの話
Avatar for magavel magavel
0
940
デミカツ切り抜きで面倒くさいことはPythonにやらせよう
Avatar for aokirishima aokswork3
0
210
ててべんす独演会〜Flowの全てを語ります〜
Avatar for てべすてん tbsten
1
220
CSC305 Lecture 05
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
210
Railsだからできる 例外業務に禍根を残さない 設定設計パターン
Avatar for えいえい ei_ei_eiichi
0
370

Featured

See All Featured
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
53k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.1k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
57
5.9k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
5
200
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
11
880
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.5k
It's Worth the Effort
Avatar for 3n 3n
187
28k

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