The document outlines various web application testing practices, emphasizing unit testing, regression testing, load testing, usability testing, and cross-browser testing, each tailored for specific roles such as engineers and designers. It highlights the benefits of using test-driven development (TDD) to simplify code and ensure functionality while recommending various tools and frameworks for testing across multiple languages. Additionally, it discusses usability testing methodologies and tools to garner feedback and enhance user experience.

1. Web Application Testing
By Andrew Kandels

2. Testing Practices
Unit Testing
Engineers
Regression Testing
Quality Assurance, Engineers
Load Testing
System Administrators, Engineers
Usability Testing
Designers, Random Audience, Existing Customers

3. Testing Practices
Functional Testing
QA, Customer Service, Sales
Environmental Testing
System Administrators, Engineers
Cross Browser Testing
Everyone
Device / Mobile Testing
Everyone

4. Unit Testing
Test driven development (TDD) encourages
simple designs and inspires confidence.
Tests define:
• The expected behavior
• What you want to achieve
• What your program should do

5. The Code

6. The Test

7. Behavior Modification

8. Benefits
There are numerous advantages:
• You have an execution environment for running
your code
• You have a place to document business rules
• Dramatically simplifies refactoring
• Forces you to write smaller, less complex functions
and methods

9. Benefits
Write tests for failing code.
• Problem is replicated and clearly described
• Fix is proven by demonstration

10. Code Coverage
Describes the degree in which a product is tested:

11. Tools
Unit testing frameworks are available in almost any
language:
• PHP’s PHPUnit
• Java’s JUnit
• Ruby’s Test::Unit
• iOS / Objective C (native)
• Python’s unittest
• .NET’s xUnit

12. Regression Testing
Automated scripts or playback of recordings.
• Verify changes don’t introduce unexpected faults
• Monitor performance changes
• Checks correctness of the program and its output
• Interacts with the program as a user would

13. Selenium
seleniumhq.org
Open Source
• Clicks links
• Fills out forms
• Scans for content
• Runs in-browser
• Interacts as a user would
• WebDriver Compatible

14. Selenium in Action

15. Watir
watir.com
Open Source
• Test with Ruby
• Multi-browser (WebDriver)
• Headless Mode
• Connects to Databases
• Measure Performance

16. Watir in Action

17. Load Testing
Measure response times after simulating real traffic.
• Ensure changes don’t impact performance
• Determine hardware/network requirements
• Expose bugs (race conditions)
• Simulate customer behavior at scale

18. wget

19. Neustar

20. Usability Testing
Evaluate your product using real users to:
• Discover errors
• Identify areas for improvement
• Efficiency
• Accuracy
• Recall
• Emotional Response

21. Hallway Testing
Participants chosen
from a random pool.
Can be cost prohibitive
for smaller companies.

22. Click Tracking
labsmedia.com
Price: Free
ClickHeat is a visual
heatmap of clicks on a
web page.

23. Crowd Sourcing
conceptfeedback.com
Price: Free
Submit your ideas,
designs, products to an
expert community for
feedback.

24. Five Second Test
fivesecondtest.com
Price: Free
Helps you fine tune
your landing pages and
calls to action by
analyzing the most
prominent elements of
your design.

25. Cross Browser Testing
browserling.com
Free Version (5 minute sessions)
• Driven by HTML5 Canvas
• Multiple Browser Support
• Reverse Proxy Support
• Automated Regression Support

26. Device / Mobile Testing
Emulators and simulators are your best bet.
Opera mini, blackberry, Android, iPhone, simulate headers, etc.

27. Lower Environments
turnkeylinux.org
Free
• Rapidly deploy applications
• Download or on the cloud
• Latest versions

28. Test / Sample Data

29. The End
Andrew Kandels
Web: http://andrewkandels.com
GitHub: https://github.com/akandels
Twitter: @andrewkandels