Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Frontend Testing
Search
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
170
SVG Reality
sebdeckers
5
180
About Sebastiaan
sebdeckers
0
180
Frontend 100
sebdeckers
1
530
Frontend 101
sebdeckers
4
580
Frontend 102
sebdeckers
3
530
Frontend 103
sebdeckers
2
540
Grunt: The JavaScript Task Runner
sebdeckers
8
430
Other Decks in Programming
See All in Programming
Starting & Sustaining Code-Based E2E Testing for Non-Coding QA Teams( #jasstniigata )
teyamagu
PRO
1
490
Vue Fes Japan 2026 タイムテーブル徹底解説
448jp
1
480
モデルのリファクタリングが難しいと思ったら、そもそも複雑だったのはビジネス仕様だった ? / is-the-business-domain-the-real-complexity
hatsu38
0
390
スマートフォンでモールス信号を送受信する 〜スマートフォンのLEDとカメラで作る光通信の設計と実装〜
atsuki_seo
0
170
Webの地図
yosuke_furukawa
PRO
6
4.7k
iOS 27でニュースアプリはどう変わる!? 〜日経電子版の新機能対応と、開発事例から〜
lynnswap
1
7.9k
XP祭りでしか伝わらないフリップネタ #xpjug
murabayashi
0
150
マイコン向けの軽量Ruby「PicoRuby」で各種デバイスを制御するネイティブアプリの実現手法
bash0c7
0
430
SONY CISC-NEWS NWS-1750 + NWB-225 フレームバッファの NetBSD/news68k ドライバ実装 / OSC2026Hiroshima
tsutsui
0
140
Ghostty + Neovimで作る 透明でカッコ良い開発環境
j341nono
0
110
世界の中心で、AI(App Intents)をさけぶ ー App Intents中心設計の実践ガイド
touyou
0
650
AI Agent時代のリアーキテクチャ戦略と実践
hokaccha
9
4.9k
Featured
See All Featured
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
250
Stop Working from a Prison Cell
hatefulcrawdad
274
21k
How to build a perfect <img>
jonoalderson
1
6k
Become a Pro
speakerdeck
PRO
31
6.3k
Ethics towards AI in product and experience design
skipperchong
2
380
Designing for Timeless Needs
cassininazir
1
480
Amusing Abliteration
ianozsvald
1
310
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Ten Tips & Tricks for a 🌱 transition
stuffmc
1
230
Paper Plane
katiecoart
PRO
4
53k
The Curse of the Amulet
leimatthew05
3
15k
Balancing Empowerment & Direction
lara
6
1.3k
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