A Crash Course in JavaScript Functional Testing

1. FuncUnit Crash Course in JavaScript Functional Testing by Brian Moschel October 2010

2. We’re Gonna Test Srchr

3. The Testing Landscape *

4. What the FuncUnit? + + + =

5. Want to Functional Test Your JS App?

6. …with FuncUnit?

7. Testing === Pain 1. Barriers to Entry 2. Completely Foreign APIs 3. Debugging Across Platforms 4. Low Fidelity Event Simulation 5. QA and Developers Can’t Communicate

8. Getting Started Is Annoying arr

9. Download & Start Testing arr

10. You Know I Don’t Speak Spanish! arr

11. arr SystemUtil.Run"iexplore","http://www.yahoomail.com" Set g=Browser("name:=Yahoo.*").Page("title:=Yahoo.*") g.WebEdit("name:=login").Set "aaa" g.WebEdit("name:=passwd").SetSecure "bbb" g.WebButton("name:=Sign In").Click g.Link("name:=Inbox.*", "html id:=WelcomeInboxFolderLink").Click g.Link("name:=Sign Out").Click

12. But I Do Speak jQuery arr

13. arr test("JavaScript results",function(){ S('input').click().type("JavaScript") // wait until we have some results S('.autocomplete_item').visible(function(){ equals( S('.autocomplete_item').size(), 5, "there are 5 results") }) });

14. Cross Platform Debugging? arr

15. Firebug, Please arr

16. Your Tests Don’t Do What You Think arr

17. arr $(“input”).bind(“focus”, function(ev){ if ( $(this).val() == "Search API" ) { $(this).val("").removeClass('notFocused') } })

18. Accurate Event Simulation: Trust Your Tests arr syn.js

19. QA vs. Developers arr

20. QA is Your Friend arr

21. A Tested App in 15 Minutes arr Install Learn the API Write a test Debug tests Run tests Hand off to QA http://github.com/jupiterjs/srchr

22. Want more? arr http://funcunit.com http://jupiterjs.com http://javascriptmvc.com brian.moschel@gmail.com @jupiterjs @brianmoschel @funcunit