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
510
Grunt: The JavaScript Task Runner
Avatar for Sebastiaan Deckers sebdeckers
8
420

Other Decks in Programming

See All in Programming
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
760
AI Agent Tool のためのバックエンドアーキテクチャを考える #encraft
Avatar for izumin5210 izumin5210
6
1.8k
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
0
920
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
Avatar for tetutetu214 tetutetu214
2
100
疑似コードによるプロンプト記述、どのくらい正確に実行される？
Avatar for kokuyouwind kokuyouwind
0
380
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
Avatar for nrs nrslib
2
1.8k
360° Signals in Angular: Signal Forms with SignalStore & Resources @ngLondon 01/2026
Avatar for Manfred Steyer manfredsteyer
PRO
0
120
高速開発のためのコード整理術
Avatar for sutetotanuki sutetotanuki
1
390
Oxlintはいいぞ
Avatar for Yuji Yamaguchi yug1224
5
1.3k
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
650
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
Avatar for osari.k cloverrose
2
510
なぜSQLはAIぽく見えるのか/why does SQL look AI like
Avatar for florets1 florets1
0
450

Featured

See All Featured
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
140
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
110
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
88
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
3.9k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
74
11k
Design in an AI World
Avatar for tapps tapps
0
140
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
0
230
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
49
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.4k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
110

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