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
なぜ今、Terraformの本を書いたのか？ - 著者陣に聞く！『Terraformではじめる実践IaC』登壇資料
Avatar for Ryoma Fujiwara fufuhu
4
410
DynamoDBは怖くない！〜テーブル設計の勘所とテスト戦略〜
Avatar for hiroto_0411 hyamazaki
0
180
CEDEC 2025 『ゲームにおけるリアルタイム通信への QUIC導入事例の紹介』
Avatar for SEGADevTech segadevtech
2
750
No Install CMS戦略 〜 5年先を見据えたフロントエンド開発を考える / no_install_cms
Avatar for Masahiko Sakakibara rdlabo
0
430
マイコンでもRustのtestがしたい その２/KernelVM Tokyo 18
Avatar for Toshifumi NISHINAGA tnishinaga
0
110
Understanding Kotlin Multiplatform
Avatar for HyunWoo Lee l2hyunwoo
0
250
Vibe Codingの幻想を超えて-生成AIを現場で使えるようにするまでの泥臭い話.ai
Avatar for Kuu fumiyakume
21
10k
知って得する@cloudflare_vite-pluginのあれこれ
Avatar for chimame chimame
1
140
Claude Code派？Gemini CLI派？ みんなで比較LT会！_20250716
Avatar for じゅん junholee
1
800
WebAssemblyインタプリタを書く ～Component Modelを添えて～
Avatar for ruccho ruccho
0
180
ワープロって実は計算機で
Avatar for Chiharu Shirasaka pepepper
1
480
あのころの iPod を どうにか再生させたい
Avatar for orumin orumin
0
140

Featured

See All Featured
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
750
Docker and Python
Avatar for Tania Allard trallard
45
3.5k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
86
4.8k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3.1k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Code Review Best Practice
Avatar for Trisha Gee trishagee
69
19k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
51
3.4k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k

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