Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Frontend Testing

Avatar for Sebastiaan Deckers Sebastiaan Deckers
April 01, 2013
Programming
3
350

Frontend Testing

Test All The Things: Code hinting, unit testing, functional testing.

Avatar for Sebastiaan Deckers

Sebastiaan Deckers

April 01, 2013
Tweet

More Decks by Sebastiaan Deckers

See All by Sebastiaan Deckers
Commons Host: Building a CDN for the rest of the world
Avatar for Sebastiaan Deckers sebdeckers
1
140
SVG Reality
Avatar for Sebastiaan Deckers sebdeckers
5
150
About Sebastiaan
Avatar for Sebastiaan Deckers sebdeckers
0
150
Frontend 100
Avatar for Sebastiaan Deckers sebdeckers
1
500
Frontend 101
Avatar for Sebastiaan Deckers sebdeckers
4
550
Frontend 102
Avatar for Sebastiaan Deckers sebdeckers
3
500
Frontend 103
Avatar for Sebastiaan Deckers sebdeckers
2
490
Grunt: The JavaScript Task Runner
Avatar for Sebastiaan Deckers sebdeckers
8
410

Other Decks in Programming

See All in Programming
技術的負債の正体を知って向き合う
Avatar for irof irof
0
200
アメ車でサンノゼを走ってきたよ！
Avatar for Shigure Shimotori s_shimotori
0
230
Claude CodeによるAI駆動開発の実践 〜そこから見えてきたこれからのプログラミング〜
Avatar for 入井 啓太 iriikeita
0
310
Domain-centric? Why Hexagonal, Onion, and Clean Architecture Are Answers to the Wrong Question
Avatar for Oliver Drotbohm olivergierke
3
920
実践Claude Code：20の失敗から学ぶAIペアプログラミング
Avatar for 武田隆志 takedatakashi
15
6.1k
ソフトウェア設計の実践的な考え方
Avatar for 増田 亨 masuda220
PRO
4
620
Server Side Kotlin Meetup vol.16: 内部動作を理解して ハイパフォーマンスなサーバサイド Kotlin アプリケーションを書こう
Avatar for ternbusty ternbusty
3
220
オープンソースソフトウェアへの解像度🔬
Avatar for うたもく utam0k
16
3.1k
Go言語の特性を活かした公式MCP SDKの設計
Avatar for hond hond0413
1
300
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
7
500
Flutterで分数(Fraction)を表示する方法
Avatar for kouki.miura koukimiura
0
140
iOSでSVG画像を扱う
Avatar for Kishikawa Katsumi kishikawakatsumi
0
130

Featured

See All Featured
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
190
55k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
910
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
66k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
526
40k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
10
600
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
7
270
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
115
20k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k

Transcript

  1. Test all the things! Code hinting Unit testing Functional testing

  2. Frontend :( • Testing is hard weird • Not sure

    what to test • TIMTOWTDI

  3. How I learned to stop worrying and love tests.

  4. Why How I learned to stop worrying and love tests.

  5. editor holy war hard vs soft tabs code readability syntax

    consistency team.length > 1

  6. comments are lies documentation is fiction intent !== effect document

    behaviour, not implementation // this is not a doc

  7. downtime is $ never deploy a broken app env.production =

    true;

  8. N builds / day triggered by any developer who broke

    the build? ship it

  9. Then how?

  10. It's the little things: line length, camel casing, tabs/spaces, ...

    Benevolent dictator of syntax JSHint

  11. nodeunit DRY bug fixing Behaviour is documented, implementation is verified.

    "How did that utility work again?"

  12. CasperJS Run high-level tests on a headless WebKit "Do all

    our features still work?"

  13. Demo https://github.com/cbas/demo-testing https://travis-ci.org/cbas/demo-testing

  14. I am Sebastiaan I email [email protected] I blog ninja.sg I

    work cf.sg I code git.io/seb