JavaScriptTesting

Delivered at XP2010

Transcript

1. The
secret
art
of
Agile
 Javascrip3ng
 Brian
Blignaut
 Luca
Grulla
 Trondheim,
4/6/10
‐
XP2010

2. 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

3. Disclaimer
  This

presentaKon
is
technology
agnosKc
  Each
tool
used
is
replaceable
  It
is
not
about
how
to
use
jQuery


4. Technology
Stack
 •  JQuery
 •  JSTestDriver
 •  Ewloe
 •  JavascriptLint

5. It
used
to
be
so
 simple…

6. Rich
clients

7. We
want
unit
tests

8. 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

13. So
what
is
wrong
 with
this
code
?

15. We
want
to
test
it!

16. Domain
abstrac3on


17. Abstrac3on
around
 integra3on
points

18. HTTP
 DOM
 PresentaKon
 Logic
 Business
Logic

27. Live
Demo
‐
Shopping
Cart

28. 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

29. Tools
Considera3ons
  ….whatever
you
like
but
has
to
be
pluggable
 in
your
ConKnuous
IntegraKon
!!

30. Ques3ons
?

31. Thank
You
!
  Brian
Blignaut
  bblignaut@thoughtworks.com
  Luca
Grulla
  lgrulla@thoughtworks.com
  hVp://www.lucagrulla.it

32. 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