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

Frontend Testing

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
160
Frontend 100
Avatar for Sebastiaan Deckers sebdeckers
1
510
Frontend 101
Avatar for Sebastiaan Deckers sebdeckers
4
560
Frontend 102
Avatar for Sebastiaan Deckers sebdeckers
3
510
Frontend 103
Avatar for Sebastiaan Deckers sebdeckers
2
500
Grunt: The JavaScript Task Runner
Avatar for Sebastiaan Deckers sebdeckers
8
420

Other Decks in Programming

See All in Programming
KIKI_MBSD Cybersecurity Challenges 2025
Avatar for ikema ikema
0
1.3k
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
0
790
Denoのセキュリティに関する仕組みの紹介 (toranoana.deno #23)
Avatar for uki00a uki00a
0
270
なぜSQLはAIぽく見えるのか/why does SQL look AI like
Avatar for florets1 florets1
0
410
Architectural Extensions
Avatar for Denys Poltorak denyspoltorak
0
250
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
Avatar for ahu ahuglajbclajep
5
950
Unicodeどうしてる？ PHPから見たUnicode対応と他言語での対応についてのお伺い
Avatar for てきめん tekimen youkidearitai
PRO
1
1k
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
Avatar for MomokoShirakawa momok47
0
180
ThorVG Viewer In VS Code
Avatar for Nor-s nors
0
750
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
620
AIで開発はどれくらい加速したのか？AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
Avatar for どすこい daisuketakeda
1
930
Vibe codingでおすすめの言語と開発手法
Avatar for uyuki uyuki234
0
210

Featured

See All Featured
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
170
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
48
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Fireside Chat
Avatar for paigeccino paigeccino
41
3.8k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.6k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
74
11k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
6.9k
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
230k

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