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
AIを活用し、今後に備えるための技術知識 / Basic Knowledge to Utilize AI
Avatar for Naoki Kishida kishida
22
5.9k
プロポーザル駆動学習 / Proposal-Driven Learning
Avatar for mackey0225 mackey0225
2
1.3k
Ruby×iOSアプリ開発 ~共に歩んだエコシステムの物語~
Avatar for Tomoki Kobayashi temoki
0
350
ProxyによるWindow間RPC機構の構築
Avatar for syumai syumai
3
1.2k
Kiroで始めるAI-DLC
Avatar for kaonash kaonash
2
630
AI Coding Agentのセキュリティリスク：PRの自己承認とメルカリの対策
Avatar for さうす s3h
0
240
Processing Gem ベースの、2D レトロゲームエンジンの開発
Avatar for tokujiros tokujiros
2
130
アセットのコンパイルについて
Avatar for ojun ojun9
0
130
Updates on MLS on Ruby (and maybe more)
Avatar for sylph01 sylph01
1
180
より安全で効率的な Go コードへ： Protocol Buffers Opaque API の導入
Avatar for shoyan shwatanap
2
810
2025 年のコーディングエージェントの現在地とエンジニアの仕事の変化について
Avatar for azukiazusa azukiazusa1
24
12k
Introducing ReActionView: A new ActionView-compatible ERB Engine @ Rails World 2025, Amsterdam
Avatar for Marco Roth marcoroth
0
710

Featured

See All Featured
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
279
23k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
460k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
53k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
513
110k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
530
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.4k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.1k
How GitHub (no longer) Works
Avatar for Zach Holman holman
315
140k

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