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
340
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
Rails Frontend Evolution: It Was a Setup All Along
skryukov
0
260
チームのテスト力を総合的に鍛えて品質、スピード、レジリエンスを共立させる/Testing approach that improves quality, speed, and resilience
goyoki
5
1.1k
Porting a visionOS App to Android XR
akkeylab
0
670
システム成長を止めない!本番無停止テーブル移行の全貌
sakawe_ee
1
330
Azure AI Foundryではじめてのマルチエージェントワークフロー
seosoft
0
200
NPOでのDevinの活用
codeforeveryone
0
890
20250704_教育事業におけるアジャイルなデータ基盤構築
hanon52_
5
1k
オンコール⼊⾨〜ページャーが鳴る前に、あなたが備えられること〜 / Before The Pager Rings
yktakaha4
2
940
おやつのお供はお決まりですか?@WWDC25 Recap -Japan-\(region).swift
shingangan
0
140
フロントエンドのパフォーマンスチューニング
koukimiura
5
2k
PostgreSQLのRow Level SecurityをPHPのORMで扱う Eloquent vs Doctrine #phpcon #track2
77web
2
580
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
15
5.5k
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Six Lessons from altMBA
skipperchong
28
3.9k
Side Projects
sachag
455
42k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Automating Front-end Workflow
addyosmani
1370
200k
Making Projects Easy
brettharned
116
6.3k
It's Worth the Effort
3n
185
28k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
How STYLIGHT went responsive
nonsquared
100
5.6k
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 seb@cf.sg I blog ninja.sg I
work cf.sg I code git.io/seb