15
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 year s’ experience in QA testing and leadership at SAP and Wells Fargo. [email protected]

HTML5 Challenges and Best Practices

Embed Size (px)

Citation preview

Page 1: 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 [email protected]

Page 2: HTML5 Challenges and Best Practices

Has Your App Testing Kept Up With Technology?

April 10, 2013Frank Cohen, [email protected], (408) 364-5508Ian Fleming, [email protected], (408) 930-0814

Page 3: HTML5 Challenges and Best Practices

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.

Page 4: HTML5 Challenges and Best Practices

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?”

Page 5: HTML5 Challenges and Best Practices

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

Page 6: HTML5 Challenges and Best Practices

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

Page 7: HTML5 Challenges and Best Practices

Challenges

• HTTP requests frequent and partial

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

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

Page 8: HTML5 Challenges and Best Practices

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")))

Page 9: HTML5 Challenges and Best Practices

Best practices – Timing and event recognition

• Use the same event triggers and responsesthe browser Uses

• Proxy and Code Injection - uxAvatar

Page 10: HTML5 Challenges and Best Practices

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)

Page 11: HTML5 Challenges and Best Practices

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

Page 12: HTML5 Challenges and Best Practices

Predictive Monitoring

• Stay ahead of the app going viral

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

Page 13: HTML5 Challenges and Best Practices

Testing Is Part of the DevOps Environment Now

• Agile, Continuous Integration, Cloud, Services

Page 14: HTML5 Challenges and Best Practices

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

Page 15: HTML5 Challenges and Best Practices

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 [email protected]

and we will show you how