Your SlideShare is downloading. ×
HTML5 Challenges and Best Practices
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

HTML5 Challenges and Best Practices

483

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
483
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • _getText(_cell(0, _near(_div("1")))) //returns 1st cell text which displays the row index of the first row_getText(_cell(1, _near(_div("1")))) //returns 2nd cell text which displays the company Name of the first row
  • This is a discrete step because app devs don ’ t at this step have to access to the production environment.
  • Transcript

    • 1. Appvance WebinarApril 10, 2013www.appvance.comHas Your App Testing Kept Up With Technology?Has HTML5 made your app testing framework redundant? Are youdoing more workarounds than work? Are current tools able to keep up? Learn the best ways to automate testing andperformance 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 testautomation for HTML5-based applicationsDriving load testing using real HTML5 browsers (or “How I went headlessin the Cloud with RUM”)The presenter is Ian Fleming, Appvance’s “Professor Test,” who works with enterprise customers to develop andimplement HTML5 testing programs. Ian has more than 20 years’ experience in QA testing and leadership at SAPand Wells Fargo.ifleming@appvance.com
    • 2. Has Your App Testing Kept Up With Technology? April 10, 2013 Frank Cohen, fcohen@pushtotest.com, (408) 364-5508 Ian Fleming, ifleming@pushtotest.com, (408) 930-0814
    • 3. 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.
    • 4. Appvance Enterprise or …”Why are we the ones talking to you today?” • 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
    • 5. 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
    • 6. Challenges for HTML5 automated Functional testing • Object identification • Dynamic ids • Multiple grids (arrays) for standard objects • Constantly changing layouts, twitter feeds etc. • Timing of events • Asynchronous events, triggered and callbacks
    • 7. Challenges • HTTP requests frequent and partial • http://mycrm.com/search?lang=en&search=functi • http://mycrm.com/search?lang=en&search=functio
    • 8. 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/t d[4]/div • Locate the item as a real person would • _cell(0, _near(_cell("American Express Company")), _under(_cell("Change")))
    • 9. Best practices – Timing and event recognition • Use the same event triggers and responses the browser Uses • Proxy and Code Injection - uxAvatar
    • 10. 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)
    • 11. 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
    • 12. Predictive Monitoring • Stay ahead of the app going viral • It’s the software, not the CPU, NET, Memory
    • 13. Testing Is Part of the DevOps Environment Now • Agile, Continuous Integration, Cloud, Services
    • 14. 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
    • 15. 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

    ×