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

Frontend Testing

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Sebastiaan Deckers Sebastiaan Deckers
April 01, 2013
Programming
370
3

Frontend Testing

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

Avatar for Sebastiaan Deckers

Sebastiaan Deckers

April 01, 2013

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
150
SVG Reality
Avatar for Sebastiaan Deckers sebdeckers
5
180
About Sebastiaan
Avatar for Sebastiaan Deckers sebdeckers
0
170
Frontend 100
Avatar for Sebastiaan Deckers sebdeckers
1
530
Frontend 101
Avatar for Sebastiaan Deckers sebdeckers
4
570
Frontend 102
Avatar for Sebastiaan Deckers sebdeckers
3
530
Frontend 103
Avatar for Sebastiaan Deckers sebdeckers
2
520
Grunt: The JavaScript Task Runner
Avatar for Sebastiaan Deckers sebdeckers
8
430

Other Decks in Programming

See All in Programming
SREは、MCPとSRE Agentをこう使え！
Avatar for kazumax55 kazumax55
0
150
Hunting Vulnerabilities in Symfony with LLMs
Avatar for Vincent Amstoutz vinceamstoutz
0
580
これからAgentCoreを触る方へ トレンドはGatewayです
Avatar for Har1101 har1101
6
480
OSINT for SRE: 
学術論文とポストモーテムから探る
システム障害の共通パターン / SRE NEXT 2026
Avatar for Tomoyuki KOYAMA tomoyk
1
3.3k
継続モナドとリアクティブプログラミング
Avatar for ゆきくらげ yukikurage
3
470
Even G2とAWSで推しのエージェントを召喚しよう！
Avatar for Har1101 har1101
1
160
関数型プログラミングのメリットって何だろう？
Avatar for わんこ(Wanko_IT) wanko_it
0
160
act2-costs.pdf
Avatar for Sumedh Bala sumedhbala
0
100
「なぜそう決めたのか」を残し続ける仕組み ― Notion AI カスタムエージェント × Slack連携による設計判断の自動記録 - NIKKEI Tech Talk #47
Avatar for ニフティ株式会社 niftycorp
PRO
0
260
Observability in Practice：Grafana 與 Edge Device SRE 的那些事
Avatar for Blueswen blueswen
0
190
過去最大のMCPアップデート! 2026-07-28 RC版の謎に迫る
Avatar for matsukada licux
6
460
エンジニアと一緒にテストコードの設計と実装を改善した話
Avatar for mototakatsu mototakatsu
0
260

Featured

See All Featured
A Soul's Torment
Avatar for Nat Ma seathinner
6
3k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.4k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
52k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
210
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.2k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
330
Leo the Paperboy
Avatar for Maya Tellez mayatellez
8
1.9k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Designing for Performance
Avatar for Lara Hogan lara
611
70k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
250
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
10k

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