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

Frontend Testing

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Sebastiaan Deckers Sebastiaan Deckers
April 01, 2013
Programming
3
350

Frontend Testing

Test All The Things: Code hinting, unit testing, functional testing.

Avatar for Sebastiaan Deckers

Sebastiaan Deckers

April 01, 2013
Tweet

More Decks by Sebastiaan Deckers

See All by Sebastiaan Deckers
Commons Host: Building a CDN for the rest of the world
Avatar for Sebastiaan Deckers sebdeckers
1
140
SVG Reality
Avatar for Sebastiaan Deckers sebdeckers
5
150
About Sebastiaan
Avatar for Sebastiaan Deckers sebdeckers
0
160
Frontend 100
Avatar for Sebastiaan Deckers sebdeckers
1
510
Frontend 101
Avatar for Sebastiaan Deckers sebdeckers
4
560
Frontend 102
Avatar for Sebastiaan Deckers sebdeckers
3
510
Frontend 103
Avatar for Sebastiaan Deckers sebdeckers
2
510
Grunt: The JavaScript Task Runner
Avatar for Sebastiaan Deckers sebdeckers
8
420

Other Decks in Programming

See All in Programming
今、アーキテクトとして 品質保証にどう関わるか
Avatar for Nealle nealle
0
190
Claude Code、ちょっとした工夫で開発体験が変わる
Avatar for Toranosuke Minamikawa tigertora7571
0
190
猫の手も借りたい！ので AIエージェント猫を作って社内に放した話 Claude Code × Container Lambda の Slack Bot "DevNeko"
Avatar for naramomi7 naramomi7
0
220
DSPy入門 Pythonで実現する自動プロンプト最適化 〜人手によるプロンプト調整からの卒業〜
Avatar for sea-turt1e seaturt1e
1
380
AIに仕事を丸投げしたら、本当に楽になれるのか
Avatar for ディップ株式会社 dip_tech
PRO
0
170
AIとペアプロして処理時間を97%削減した話 #pyconshizu
Avatar for Kashun Yoshida kashewnuts
1
170
AI駆動開発の本音 〜Claude Code並列開発で見えたエンジニアの新しい役割〜
Avatar for hisuzuya hisuzuya
3
420
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
310
CopilotKit + AG-UIを学ぶ
Avatar for NearMeの技術発表資料です nearme_tech
PRO
1
110
エージェント開発初心者の僕が エージェントを作った話と今後やりたいこと
Avatar for ta-hasunuma thasu0123
0
210
LangChain4jとは一味違うLangChain4j-CDI
Avatar for Kenji Kazumura kazumura
1
120
Go 1.26でのsliceのメモリアロケーション最適化 / Go 1.26 リリースパーティ #go126party
Avatar for mazrean mazrean
1
300

Featured

See All Featured
Visualization
Avatar for Eitan Lees eitanlees
150
17k
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
340
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
190
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
260
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.1k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
0
160
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
62
50k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.6k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
470

Transcript

  1. Test all the things! Code hinting Unit testing Functional testing

  2. Frontend :( • Testing is hard weird • Not sure

    what to test • TIMTOWTDI

  3. How I learned to stop worrying and love tests.

  4. Why How I learned to stop worrying and love tests.

  5. editor holy war hard vs soft tabs code readability syntax

    consistency team.length > 1

  6. comments are lies documentation is fiction intent !== effect document

    behaviour, not implementation // this is not a doc

  7. downtime is $ never deploy a broken app env.production =

    true;

  8. N builds / day triggered by any developer who broke

    the build? ship it

  9. Then how?

  10. It's the little things: line length, camel casing, tabs/spaces, ...

    Benevolent dictator of syntax JSHint

  11. nodeunit DRY bug fixing Behaviour is documented, implementation is verified.

    "How did that utility work again?"

  12. CasperJS Run high-level tests on a headless WebKit "Do all

    our features still work?"

  13. Demo https://github.com/cbas/demo-testing https://travis-ci.org/cbas/demo-testing

  14. I am Sebastiaan I email [email protected] I blog ninja.sg I

    work cf.sg I code git.io/seb