Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Frontend Testing
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Sebastiaan Deckers
April 01, 2013
Programming
370
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Frontend Testing
Test All The Things: Code hinting, unit testing, functional testing.
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
sebdeckers
1
150
SVG Reality
sebdeckers
5
180
About Sebastiaan
sebdeckers
0
170
Frontend 100
sebdeckers
1
530
Frontend 101
sebdeckers
4
570
Frontend 102
sebdeckers
3
530
Frontend 103
sebdeckers
2
520
Grunt: The JavaScript Task Runner
sebdeckers
8
430
Other Decks in Programming
See All in Programming
Even G2とAWSで推しのエージェントを召喚しよう!
har1101
1
120
フロントエンドとバックエンドで「1文字」を揃えよう
youkidearitai
PRO
0
720
Vue × Nuxt × Oxc どこまで使える?実運用の現在地
andpad
0
270
ローカルLLMを使ってB2Bサービスを作っていての学び
yaotti
0
200
AI 輔助遺留系統現代化的經驗分享
jame2408
1
820
ECSアプリログをFireLensでコスト削減しようとしたけど諦めた話 in Fargate×Node.js
akihisaikeda
2
4.2k
Signal Forms: Details & Live Coding @enterJS 2026 in Mannheim
manfredsteyer
PRO
0
160
Developing with AI Agents — Codex, Claude Code & Cowork Practical Guide
x5gtrn
PRO
0
1.3k
気圧・高度・GPSを記録&可視化するアプリ「Koudo」を作った話
hjmkth
1
310
TSKaigi Night Talks 2026_TypeScriptでサプライチェーンの整合性を型に閉じ込める
geekplus_tech
0
400
脅威をエンジニアリングの糧にして――現場編 / Turning Threats into Engineering Fuel — Field Edition
nrslib
0
290
CSC307 Lecture 17
javiergs
PRO
0
320
Featured
See All Featured
Utilizing Notion as your number one productivity tool
mfonobong
4
320
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
2k
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
290
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
430
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.3k
30 Presentation Tips
portentint
PRO
1
330
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
260
Code Reviewing Like a Champion
maltzj
528
40k
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
How to make the Groovebox
asonas
2
2.2k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
310
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
Transcript
Test all the things! Code hinting Unit testing Functional testing
Frontend :( • Testing is hard weird • Not sure
what to test • TIMTOWTDI
How I learned to stop worrying and love tests.
Why How I learned to stop worrying and love tests.
editor holy war hard vs soft tabs code readability syntax
consistency team.length > 1
comments are lies documentation is fiction intent !== effect document
behaviour, not implementation // this is not a doc
downtime is $ never deploy a broken app env.production =
true;
N builds / day triggered by any developer who broke
the build? ship it
Then how?
It's the little things: line length, camel casing, tabs/spaces, ...
Benevolent dictator of syntax JSHint
nodeunit DRY bug fixing Behaviour is documented, implementation is verified.
"How did that utility work again?"
CasperJS Run high-level tests on a headless WebKit "Do all
our features still work?"
Demo https://github.com/cbas/demo-testing https://travis-ci.org/cbas/demo-testing
I am Sebastiaan I email
[email protected]
I blog ninja.sg I
work cf.sg I code git.io/seb