html5 challenges and best practices

Appvance Webinar

April 10, 2013

www.appvance.com

Has Your App Testing Kept Up With Technology?Has HTML5 made your app testing framework redundant? Are you doing more workarounds than work? Are current tools able to keep up? Learn the best ways to automate testing and performance validation of HTML5 apps during this free hour-long webinar.Topics include:History and evolution of HTML5 and where HTML 5 is headed (including mobile)Challenges with test automation for HTML5-based applicationsDriving load testing using real HTML5 browsers (or “How I went headless in the Cloud with RUM”)The presenter is Ian Fleming, Appvance’s “Professor Test,” who works with enterprise customers to develop and implement HTML5 testing programs. Ian has more than 20 years’ experience in QA testing and leadership at SAP and Wells Fargo.ifleming@appvance.com

Has Your App Testing Kept Up With Technology?

April 10, 2013Frank Cohen, fcohen@pushtotest.com, (408) 364-5508Ian Fleming, ifleming@pushtotest.com, (408) 930-0814

Logistics for the Live Webinar

• Please input questions in the GoToWebinar console under “Questions”. We will do our best to answer during the presentation.

• Replay video and slides will be sent out within a couple of days – watch your email!

• Please fill out the survey after the event – we want to hear how we did and what content you need to see.

Appvance Enterprise

• Industry experts: over 10 years understanding functional, load and performance testing.

• You are not alone: excellent service and support.

• Test 100% of the End User experience

or …”Why are we the ones talking to you today?”

Why HTML5?

• “Nearly 75% of all North American users run HTML5-compatible browsers” – Forrester

• AJAX, RIA, Web 2.0, Web Thick Client

• User friendly, responsive, dynamic, “Moving wallpaper”

• Enabling Smart Phone and Tablet Apps

• Ext JS, ZKOSS, JQuery, SpringSource, MooTools, YUI

Challenges for HTML5 automated Functional testing

• Object identification

• Dynamic id's

• Multiple grids (arrays) for standard objects

• Constantly changing layouts, twitter feeds etc.

• Timing of events

• Asynchronous events, triggered and callbacks

Challenges

• HTTP requests frequent and partial

• http://mycrm.com/search?lang=en&search=functi

• http://mycrm.com/search?lang=en&search=functio

Best practices – Object identification

• Avoid xPath and CSS Selectors

• /html/body/div/div[3]/div[2]/div/div/div/div/div/div/div[2]/div/div/div[2]/div/div[3]/table/tbody/tr/td[4]/div

• Locate the item as a real person would

• _cell(0, _near(_cell("American Express Company")), _under(_cell("Change")))

Best practices – Timing and event recognition

• Use the same event triggers and responsesthe browser Uses

• Proxy and Code Injection - uxAvatar

What About Load and Performance Testing?

• Best practices based on Appvance Enterprise:

• Repurpose functional testing scripts• Multiple instances of browsers launched• Run from the Cloud (internal or external)

Performance Testing The Client

• Real User Monitoring - RUM

• Real User Experience - RUE

• Impact of latency, lost packets on the time sensitive Client (Mobile or Web) App

• Test during development, set a benchmark for end user performance

Predictive Monitoring

• Stay ahead of the app going viral

• It’s the software, not the CPU, NET, Memory

Testing Is Part of the DevOps Environment Now

• Agile, Continuous Integration, Cloud, Services

Summary

• HTML5 (Ajax) is an enabling technology, strong future

• HTML5 brings with it challenges and opportunities for testing

• Testing any App (including HTML5) requires QA expertise, rather than solely expert coding skills

• Simulating events and actions thru the real Browser guarantees the appropriate timing for functional and performance testing

• Object identification needs to be reliable and maintainable by QA and business domain personnel

Are You Ready?

• Take your current test tool

• Point it at your Ajax app (if you don’t have one use ours)

• If it does not drive the real end-user experience, call us at (855) 254-1164 or email us sales@appvance.com

and we will show you how