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
350
3
Share
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
160
About Sebastiaan
sebdeckers
0
160
Frontend 100
sebdeckers
1
510
Frontend 101
sebdeckers
4
560
Frontend 102
sebdeckers
3
510
Frontend 103
sebdeckers
2
510
Grunt: The JavaScript Task Runner
sebdeckers
8
420
Other Decks in Programming
See All in Programming
Migration to Signals, Signal Forms, Resource API, and NgRx Signal Store @Angular Days 03/2026 Munich
manfredsteyer
PRO
0
230
Mastering Event Sourcing: Your Parents Holidayed in Yugoslavia
super_marek
0
140
車輪の再発明をしよう!PHP で実装して学ぶ、Web サーバーの仕組みと HTTP の正体
h1r0
3
500
Kubernetesでセルフホストが簡単なNewSQLを求めて / Seeking a NewSQL Database That's Simple to Self-Host on Kubernetes
nnaka2992
0
200
PHPで TLSのプロトコルを実装してみる
higaki_program
0
730
モックわからないマン卒業記 ~振る舞いを起点に見直した、フロントエンドテストにおけるモックの使いどころ~
tasukuwatanabe
3
440
テレメトリーシグナルが導くパフォーマンス最適化 / Performance Optimization Driven by Telemetry Signals
seike460
PRO
2
220
KagglerがMixSeekを触ってみた
morim
0
370
Coding at the Speed of Thought: The New Era of Symfony Docker
dunglas
0
4.5k
「接続」—パフォーマンスチューニングの最後の一手 〜点と点を結ぶ、その一瞬のために〜
kentaroutakeda
5
2.4k
AI Assistants for YourAngular Solutions @Angular Graz, March 2026
manfredsteyer
PRO
0
150
感情を設計する
ichimichi
5
830
Featured
See All Featured
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
190
From π to Pie charts
rasagy
0
160
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
133
19k
Google's AI Overviews - The New Search
badams
0
960
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
480
Test your architecture with Archunit
thirion
1
2.2k
Statistics for Hackers
jakevdp
799
230k
The Curse of the Amulet
leimatthew05
1
11k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
240
Producing Creativity
orderedlist
PRO
348
40k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.4k
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