This document discusses various tools for debugging and testing the web tier, including: - Firebug and Web Developer Toolbar which allow debugging of CSS, browser features, and JavaScript. - JsUnit for unit testing JavaScript functions and pages. Tests can be run from a testRunner page. - Selenium for acceptance testing by simulating user interactions in standard browsers. - Other tools mentioned include Crosscheck for unit testing, and tracing for viewing test outputs. The importance of testing, isolation, customization and manageability of test environments is emphasized.

1. Debugging and Testing
the Web Tier
Muness Alrubaie
muness@gmail.com
muness.blogspot.com
ThoughtWorks
www.thoughtworks.com

2. ?
Ask!

3. What are we going to
talk about?

4. C:Program FilesMozillafirefox.exe -profilemanager
/Applications/Firefox.app/Contents/MacOS/firefox -profilemanager
/usr/local/mozilla/bin/firefox -profilemanager
.../firefox -P <profile>

5. What you want in a test
environment
• Isolated
• Customized
• Manageable
• Shared

6. Debugging is twice as hard as
writing the code in the first place.
Therefore, if you write the code as
cleverly as possible, you are, by
definition, not smart enough to
debug it.
Brian Kernighan

7. Web Developer Toolbar
• CSS
• Browser features
• Outline elements
• Manage cookies
• Validate

8. Don’t Panic

9. Firebug
• Debugger
• Profiler

10. alert('width: ' + width + ' height: ' + height);
console.log('width: %d height: %d', width, height);

11. console.debug('I am debug');
console.info('I am info');
console.warn('I am a warning');
console.error('I am an error');

12. Inline Debugging
• debugger keyword
• All the usual capabilities
• Step Over
• Step Into
• Step Out

13. What else?

14. What about
Internet Explorer?

15. We know about as much about
software quality problems as they
knew about the Black Plague in the
1600s.
We've seen the victims' agonies and
helped burn the corpses. We don't
know what causes it; we don't really
know if there is only one disease.
We just suffer -- and keep pouring
our sewage into our water supply.
Tom Van Vleck

16. JsUnit
• Unit testing
• xUnit for Javascript

17. Concepts
• Test Functions
• Test Page
• include jsUnitCore.js
• setUp and tearDown
• Test Suite
• testRunner.html

18. Tracing
• A way to view output
• There are 3 trace levels
• Configurable per test run

19. Automate your tests
• net.jsunit.StandaloneTest
• Browsers
• Test Pages
• JsUnitServer
• net.jsunit.DistributedTest

20. One test is worth
a thousand
opinions.

21. Crosscheck
• Unit testing
• Simulator
• Fast!

22. What does it provide?
• global variables
• functions
• document

23. Optimism is an
occupational hazard
of programming:
feedback is the
treatment.
Kent Beck

24. Selenium
• Acceptance testing
• Standard browser technology
• Simulates the user
• Java, Ruby, Perl, Python, .Net, Oh my!

26. ?
session
evaluations
Muness Alrubaie
muness@gmail.com
muness.blogspot.com
This work is licensed under the Creative Commons Attribution-Noncommercial-Share Alike 2.5
License.
http://creativecommons.org/licenses/by-nc-sa/2.5/