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
Sebastiaan Deckers
April 01, 2013
Programming
3
350
Frontend Testing
Test All The Things: Code hinting, unit testing, functional testing.
Sebastiaan Deckers
April 01, 2013
Tweet
Share
More Decks by Sebastiaan Deckers
See All by Sebastiaan Deckers
Commons Host: Building a CDN for the rest of the world
sebdeckers
1
140
SVG Reality
sebdeckers
5
150
About Sebastiaan
sebdeckers
0
150
Frontend 100
sebdeckers
1
500
Frontend 101
sebdeckers
4
550
Frontend 102
sebdeckers
3
500
Frontend 103
sebdeckers
2
490
Grunt: The JavaScript Task Runner
sebdeckers
8
410
Other Decks in Programming
See All in Programming
マッチングアプリにおけるフリックUIで苦労したこと
yuheiito
0
190
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
1.1k
Hack Claude Code with Claude Code
choplin
7
2.6k
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
2
660
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
1
200
iOS 26にアップデートすると実機でのHot Reloadができない?
umigishiaoi
0
140
新メンバーも今日から大活躍!SREが支えるスケールし続ける組織のオンボーディング
honmarkhunt
5
8.7k
CDK引数設計道場100本ノック
badmintoncryer
2
480
「テストは愚直&&網羅的に書くほどよい」という誤解 / Test Smarter, Not Harder
munetoshi
0
200
TypeScriptでDXを上げろ! Hono編
yusukebe
3
770
React は次の10年を生き残れるか:3つのトレンドから考える
oukayuka
17
5.3k
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
880
Featured
See All Featured
Statistics for Hackers
jakevdp
799
220k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
GitHub's CSS Performance
jonrohan
1031
460k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
520
It's Worth the Effort
3n
185
28k
Facilitating Awesome Meetings
lara
54
6.5k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Speed Design
sergeychernyshev
32
1k
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