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
650
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
Reactの歴史を振り返る
Avatar for つちのこ tutinoko
1
170
WebAssemblyインタプリタを書く ～Component Modelを添えて～
Avatar for ruccho ruccho
1
580
Flutter로 Gemini와 MCP를 활용한 Agentic App 만들기 - 박제창 2025 I/O Extended Seoul
Avatar for JaiChangPark itsmedreamwalker
0
120
令和最新版手のひらコンピュータ
Avatar for KOBA789 koba789
13
6.2k
DynamoDBは怖くない！〜テーブル設計の勘所とテスト戦略〜
Avatar for hiroto_0411 hyamazaki
0
190
コーディングは技術者(エンジニア)の嗜みでして / Learning the System Development Mindset from Rock Lady
Avatar for mackey0225 mackey0225
2
230
MCP連携で加速するAI駆動開発/mcp integration accelerates ai-driven-development
Avatar for BPStudy bpstudy
0
280
Terraform やるなら公式スタイルガイドを読もう 〜重要項目 10選〜
Avatar for hiyanger hiyanger
12
2.9k
『リコリス・リコイル』に学ぶ！！ 〜キャリア戦略における計画的偶発性理論と変わる勇気の重要性〜
Avatar for わんこ(Wanko_IT) wanko_it
1
260
中級グラフィックス入門～効率的なメッシュレット描画～
Avatar for Pocol projectasura
4
2.5k
No Install CMS戦略 〜 5年先を見据えたフロントエンド開発を考える / no_install_cms
Avatar for Masahiko Sakakibara rdlabo
0
470
Scale out your Claude Code ~⁨⁩自社専用Agentで10xする開発プロセス~
Avatar for Yuku Kotani yukukotani
8
1.6k

Featured

See All Featured
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
35
2.5k
Done Done
Avatar for chrislema chrislema
185
16k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
272
27k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
31
1.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
110
19k
Scaling GitHub
Avatar for Zach Holman holman
461
140k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
25
1.8k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k

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