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

Frontend Testing

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
Avatar for osari.k cloverrose
2
510
開発者から情シスまで - 多様なユーザー層に届けるAPI提供戦略 / Postman API Night Okinawa 2026 Winter
Avatar for tasshi tasshi
0
200
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
Avatar for とすり tosuri13
4
260
Package Management Learnings from Homebrew
Avatar for Mike McQuaid mikemcquaid
0
210
15年続くIoTサービスの SREエンジニアが挑む 分散トレーシング導入
Avatar for Melonps melonps
2
180
Rust 製のコードエディタ “Zed” を使ってみた
Avatar for NearMeの技術発表資料です nearme_tech
PRO
0
150
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
520
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
1
230
IFSによる形状設計／デモシーンの魅力 @ 慶應大学SFC
Avatar for がむ gam0022
1
300
Unicodeどうしてる？ PHPから見たUnicode対応と他言語での対応についてのお伺い
Avatar for てきめん tekimen youkidearitai
PRO
1
1.1k
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
840
Smart Handoff/Pickup ガイド - Claude Code セッション管理
Avatar for rasshii yukiigarashi
0
130

Featured

See All Featured
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
110
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
120
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.4k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
64
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.1k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8k
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
0
2.3k

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