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
340

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
140
About Sebastiaan
Avatar for Sebastiaan Deckers sebdeckers
0
150
Frontend 100
Avatar for Sebastiaan Deckers sebdeckers
1
490
Frontend 101
Avatar for Sebastiaan Deckers sebdeckers
4
550
Frontend 102
Avatar for Sebastiaan Deckers sebdeckers
3
490
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
XSLTで作るBrainfuck処理系
Avatar for MakKi makki_d
0
210
[初登壇＠jAZUG]アプリ開発者が気になるGoogleCloud/Azure＋wasm/wasi
Avatar for asaringo asaringo
0
130
今ならAmazon ECSのサービス間通信をどう選ぶか / Selection of ECS Interservice Communication 2025
Avatar for Tetsuya Kikuchi tkikuc
11
2.8k
Benchmark
Avatar for 송상윤 sysong
0
230
Perplexity Slack Botを作ってAI活用を進めた話 / AI Engineering Summit プレイベント
Avatar for yukyan n3xem
0
670
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
Avatar for Hayato OKUMOTO falcon8823
3
780
エンジニア向け採用ピッチ資料
Avatar for 犬飼嵩 inusan
0
140
レガシーシステムの機能調査・開発におけるAI利活用
Avatar for takuya ohtonari takuya_ohtonari
0
610
社内での開発コミュニティ活動とモジュラーモノリス標準化事例のご紹介/xPalette and Introduction of Modular monolith standardization
Avatar for Mitsuharu Maruyama m4maruyama
1
130
カクヨムAndroidアプリのリブート
Avatar for Nabe numeroanddev
0
430
Spring gRPC で始める gRPC 入門 / Introduction to gRPC with Spring gRPC
Avatar for mackey0225 mackey0225
2
520
SODA - FACT BOOK
Avatar for SODA inc. sodainc
1
1.1k

Featured

See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
22k
Done Done
Avatar for chrislema chrislema
184
16k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
Docker and Python
Avatar for Tania Allard trallard
44
3.4k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
26k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
299
21k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
270
20k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.3k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
69
11k

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