This document discusses strategies for testing mobile web applications. It outlines approaches like paired scripted and exploratory testing. It also covers techniques for testing responsive designs across different devices and resolutions. Lessons learned include the benefits of pairing, prior investigation, and continuous research. The future of mobile web testing is discussed as involving evolving tools, new platforms and programming languages, and increased device integration.

2. Strategies to Approach Mobile Web
Testing
by
Raj Subramanian

3. Agenda
• Introduction
• Testing Approaches
• Testing Responsive Websites
• Lessons Learned
• Future of Mobile Web

4. Introduction

5. My Bio
• Tester at Progressive Insurance (STE)
• 7 years experience in testing
• Actively involved in testing community
• NOSQAA
• NOTICE meetup
• Newsletter
• Testing articles
• Blogging

6. Mobile Ecosystem

7. Mobile Ecosystem

8. Mobile Ecosystem

9. The Context
• Complete redesign of mobile website
• 3 releases
• Made the website responsive
• Testing team size - 2 testers

10. Device Selection
• Apple
• Android
• Windows
• Blackberry
• Firefox
• Ubuntu

11. Device Selection - Strategy
• Step 1 - Usage Statistics
• OS versions
• Rendering engines
• Browsers
• Step 2 - Discuss findings and get feedback
• Step 3 - Select devices to test

13. Testing Approaches

24. Paired Scripted Testing
• Two sets of eyes. Domain/technical
knowledge combination
• Both execute same high level test case and
discuss results

25. Defects

26. Defects

28. Paired Exploratory Testing
• 45 - 90 min session
• Charter/Goal
• Noted ideas and scenarios
• Paraphrased/Debriefed
• Discussed observations
• Posted defects

29. Defects

30. Defects

31. Defects

32. Defects

33. Defects

34. Defects

35. Defects

37. Mobile Testing - Device
• Wi-Fi / 4G
• Interrupt testing
• Sending text messages
• Calling phone
• Disabling javascript

38. Mobile Testing - Web
• Back buttoning
• Hard buttons
• Soft buttons

39. Mobile Testing - Web
• Back buttoning
• Hard buttons
• Soft buttons

40. Mobile Testing - Web
• Back buttoning
• Hard buttons
• Soft buttons

41. Mobile Testing - Web
• URL editing
• New pages
• Old pages
• System error pages

42. Mobile Testing - Web
• URL editing
• New pages
• Old pages
• System error pages

43. Mobile Testing - Web
• Private browsing (Incognito)

44. Mobile Testing - Web
• Checking function calls

45. RST Techniques
• Galumphing
• Doing number of clicks around a button,
page text etc.

46. RST Techniques
• Galumphing
• Doing number of clicks around a button,
page text etc.

47. RST Techniques
• Blink test
• Used to compare two very similar pages
and look for differences
• Testing to see visual patterns

49. Tools
• Browser tools
• Used Chrome/IE (F12) browser tools
• Inspect Javascript, HTML, CSS errors

50. Tools
• Browser tools
• Used Chrome/IE (F12) browser tools
• Inspect Javascript, HTML, CSS errors

51. Tools
• MITE
• Tool from Keynote
• Emulator - over 2200 mobile devices
• Useful for smoke testing

52. Tools
• MITE
• Tool from Keynote
• Emulator - over 2200 mobile devices
• Useful for smoke testing

53. Tools
• Fiddler
• Captures HTTP traffic
• “Login button” scenario

54. Tools
• Fiddler
• Captures HTTP traffic
• “Login button” scenario

55. Tools
• Fiddler
• Captures HTTP traffic
• “Login button” scenario

56. Testing Responsive
Websites

57. What is “Responsive”?

58. What is “Responsive”

59. Free Tools
• screenfly - http://quirktools.com/screenfly/
• responsivepx - http://responsivepx.com/
• resizeMyBrowser - http://resizemybrowser.com/
• Responsinator - http://www.responsinator.com/
• Matt Kersley’s tool - http://mattkersley.com/
responsive/
• Chrome plugin - Window Resizer

60. My Tools
• Break point test utility
• Media query test utility

61. Lessons Learned

62. From Testing
• Proof of concepts
• Pairing
• Prior investigation
• Continuous research

63. From Tools
• Sikuli
• Adobe Edge Inspect
• Test Studio
• SeeTest
• Meux
• DeviceAnywhere
• perfecto mobile
For more info - www.rajsubra.com

64. Future of Mobile Web

65. Future of Mobile Web
• Testing tools still evolving
• New OS, Plaform - Firefox, Fire 3.0,
Android L
• Programming languages - Swift, Go

66. Future of Mobile Web
• Majority of the websites would be
“Responsive”
• Mobile is moving in relation to customers
• Integration of mobile web with watch, cars
and other devices

67. Summary
• Introduction
• Testing Approaches
• Testing Responsive Websites
• Lessons Learned
• Future of Mobile Web

68. Contact Details
e-mail: raj@rajsubra.com
website: www.rajsubra.com
twitter: @epsilon11