Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
JavaScriptTesting
Search
Luca Grulla
April 23, 2012
1
1.1k
JavaScriptTesting
Delivered at XP2010
Luca Grulla
April 23, 2012
Tweet
Share
More Decks by Luca Grulla
See All by Luca Grulla
Il grande bluff delle stime
lucagrulla
0
210
Building a Firehose with NodeJS
lucagrulla
1
140
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
59
3.8k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
1
1.2k
WebSockets: Embracing the real-time Web
robhawkes
59
6.9k
Optimizing for Happiness
mojombo
369
69k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
6
950
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
319
20k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
19
1.9k
Adopting Sorbet at Scale
ufuk
66
8.5k
Imperfection Machines: The Place of Print at Facebook
scottboms
257
12k
Making Projects Easy
brettharned
106
5.4k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
355
22k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
18
1.7k
Transcript
The secret art of Agile Javascrip3ng Brian Blignaut Luca Grulla Trondheim, 4/6/10 ‐ XP2010
Our background Large public facing websites Significant javascript codebase with complex DOM interacKon Heavy use of Ajax Large amount of business logic Long life expectancy
Disclaimer This presentaKon is technology agnosKc Each tool used is replaceable It is not about how to use jQuery
Technology Stack • JQuery • JSTestDriver • Ewloe • JavascriptLint
It used to be so simple…
Rich clients
We want unit tests
Scenario Login form Need to validate user credenKals Need to execute a server call via ajax POST Based on the result we need to show a welcome or an error message
None
None
None
None
So what is wrong with this code ?
None
We want to test it!
Domain abstrac3on
Abstrac3on around integra3on points
HTTP DOM PresentaKon Logic Business Logic
None
None
None
None
None
None
None
None
Live Demo ‐ Shopping Cart
Our approach Javascript is a first class language create abstracKons: business logic presentaKon logic integraKons …but not limited to a specific paVern !! Keep your presentaKon logic class as skinny as possible in order to express intents Favour interacKon tests over integraKon tests
Tools Considera3ons ….whatever you like but has to be pluggable in your ConKnuous IntegraKon !!
Ques3ons ?
Thank You ! Brian Blignaut
[email protected]
Luca Grulla
[email protected]
hVp://www.lucagrulla.it
References Live demo starKng point code hVp://github.com/gurrie/norway Live demo refactored code hVp://github.com/gurrie/norway/tree/completedSoluKon Ewloe hVp://github.com/gurrie/ewloe