Automating Web 2.0 Rich Internet Applications (RIA). - PowerPoint Presentation

395 views
Uploaded On 2016-07-04

Automating Web 2.0 Rich Internet Applications (RIA). - PPT Presentation

GWT New Kid on the Block Igor Gershovich Connected Testing Inc wwwconnectedtestingcom Often feature a rich userfriendly interface based Rich Internet Application RIA technologies such as Ajax Flex Silverlight ID: 390919

ajax web object gwt web ajax gwt object custom applications objects extensibility qtp server html javascript ria page www

Link:

Copy

Embed:

<iframe width="560" height="315" src="https://www.docslides.com/embed/390919" frameborder="0" allowfullscreen></iframe>

Download Presentation from below link

Download Presentation The PPT/PDF document "Automating Web 2.0 Rich Internet Applica..." is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.

Presentation Transcript

Slide1

Automating Web 2.0 Rich Internet Applications (RIA).GWT – New Kid on the Block.

Igor Gershovich

Connected Testing, Inc.

www.connectedtesting.comSlide2
Slide3

Often feature a rich, user-friendly interface based Rich Internet Application (RIA) technologies such as Ajax, Flex, Silverlight.Are Web Applications with some features of desktop applicationsCommunicate with server applications, and use a plug-in or browser technologies in addition to or instead of HTML and CSS. Web 2.0 applications:Slide4

Adobe Flash/FlexGoogle Web Toolkit (GWT)Microsoft SilverlightdojoCurljQueryAnd 200 or 300 othersRIA Frameworks/ToolkitsSlide5

Most of Rich Internet are based on AJAX (Asynchronous JavaScript + XML) technologyMicrosoft Silverlight and Adobe Flex have proprietary runtime technologiesRIA technologiesSlide6

RIA Youtube.com relies on Adobe Flash for Video playbackSlide7

AJAX is a technique that combines and exploits some long-standing Web technologies:Using XHTML and Cascading Style Sheets (CSS) for structure and presentation. Displaying and manipulating pages using the Document Object Model (DOM). Using the browser's XMLHttpRequest object to transfer data between the client and the server. Using XML as the format for the data flowing between the client and the server.

Using JavaScript to dynamically display and interact with all of the above.

What is AJAX?Slide8

AJAX allows the server to update the current Web page as opposed to sending a new pageThe single page interface increases user interactivityAdvantages of AJAXSlide9

Some search engines are not equipped for AJAX-based applicationsCan be too much context on one pageBookmarks, Browser’s Back or Forward navigation may not function as expectedDisadvantages of AJAXSlide10

Simple AJAX application

Clicking on Adelie

Information From ServerSlide11

This is what happened behind the screen after clicking on link

Internet

Server

Client

4. Client processes XML Doc

using JScript and updates

Web page

3. Server sends HTTP

Response With XML Data

1. Client creates XmlHttpRequest

object using JScript then sends

HTTP request

2. Server processes the

HTTP requestSlide12

Google Web Toolkit (GWT) is a framework for Java Developers to develop AJAX Web ApplicationsThere are numerous widget libraries available for GWTWhat is GWT?Slide13

The developer uses Google Web Toolkit (GWT) to write AJAX front-end in the Java programming languageWhen it is ready to deploy, GWT compiles Java source code into optimized, standalone JavaScript files. How GWT works in a nutshellSlide14

GWT Application exampleSlide15

Automating GWT-based applicationsSlide16

Custom or 3rd party Web controlsNo unique object propertiesSynchronization for AJAXCascading Style Sheets (CSS)No common design framework between GWT applicationsCan’t view HTML using View  Source

ChallengesSlide17

It is a Microsoft add-on for IE6 and IE7 that aimed to aid in design and debugging of web pages. It is included in IE8.It allows to view DOM and CSS structuresFirebug is a similar tool for FirefoxIE Developer toolbarSlide18

IE6/IE7 Developer ToolsSlide19

Automated tools “see” all the objects in CSS-based applications, even if objects are hiddenCSS uses “display” property to hide parts of HTML pageTo verify if object or part of HTML page is visible use “Style.display” and “CurrentStyle.display” properties CurrentStyle.Display = “block” ‘visible CurrentStyle.Display = “none” ‘not visible

CSS considerations Slide20

By default GWT doesn’t generate the useful web object properties, like “html id” or “name” for object recognition mechanism of GUI test toolsIt is highly recommended to work with development team to get a unique static value assigned to web objectsObject propertiesSlide21

Combobox is a collection of objects

<DIV> - WebElements (children)

<IMG> - Image

<INPUT> - WebEdit

<DIV> - WebElement (parent)Slide22

Custom controls: Grids, Comboboxes, Trees…

Tree

GridSlide23

Browser’s Status Bar isn’t relevant for GWT applications since page is not getting reloadedVerify that Object exist If .WeEdit(“”).Exist(seconds) …

Page sync – count number of objects on the page and verify that count doesn’t changed several times in a row

Use AJAX “Please Wait” Wheel object or similar objects

Dynamic Object contents – sync on object properties