Main Concepts of Web Testing Telerik Software Academy Software Quality Assurance.

Slides:



Advertisements
Similar presentations
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Advertisements

UNIT 12 LO4 BE ABLE TO CREATE WEBSITES Cambridge Technicals.
1 Configuring Internet- related services (April 22, 2015) © Abdou Illia, Spring 2015.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
XP Information Technology Center - KFUPM1 Microsoft Office FrontPage 2003 Creating a Web Site.
Macromedia Dreamweaver 4 Foundation Level Course.
XP Browser and Basics1. XP Browser and Basics2 Learn about Web browser software and Web pages The Web is a collection of files that reside.
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
Web Page Behavior IS 373—Web Standards Todd Will.
Web Accessibility Tests Using the Firefox Browser ACCESS to Postsecondary Education through Universal Design for Learning.
Topics in this presentation: The Web and how it works Difference between Web pages and web sites Web browsers and Web servers HTML purpose and structure.
Browser and Basics Tutorial 1. Learn about Web browser software and Web pages The Web is a collection of files that reside on computers, called.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
A closer look Dynamic Webpages Jessica Meyerson March 1, 2011.
* The basic components of a web site are: * Content – information displayed or accepted from users * Static – content that doesn’t change for different.
Client/Server Architectures
Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.
Chapter 9 Web Applications Copyright © 2011 by The McGraw-Hill Companies, Inc. All Rights Reserved. McGraw-Hill.
INTRODUCTION TO WEB DATABASE PROGRAMMING
Samuvel Johnson nd MCA B. Contents  Introduction to Real-time systems  Two main types of system  Testing real-time software  Difficulties.
Copyright © cs-tutorial.com. Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for.
Overview of Previous Lesson(s) Over View  ASP.NET Pages  Modular in nature and divided into the core sections  Page directives  Code Section  Page.
XHTML Introductory1 Linking and Publishing Basic Web Pages Chapter 3.
XP New Perspectives on Browser and Basics Tutorial 1 1 Browser and Basics Tutorial 1.
Objectives  Testing Concepts for WebApps  Testing Process  Content Testing  User Interface Testing  Component-level testing  Navigation Testing.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
Web Programming: Client/Server Applications Server sends the web pages to the client. –built into Visual Studio for development purposes Client displays.
XP Dreamweaver 8.0 Tutorial 3 1 Adding Text and Formatting Text with CSS Styles.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
Microsoft FrontPage 2003 Illustrated Complete Finalizing a Web Site.
McGraw-Hill © 2009 The McGraw-Hill Companies, Inc. All rights reserved. Programming with Visual Web Developer Chapter 9.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: – The head content – The body Creating Head Content and Setting Page.
Chapter 8 Collecting Data with Forms. Chapter 8 Lessons Introduction 1.Plan and create a form 2.Edit and format a form 3.Work with form objects 4.Test.
Database Handling, Sessions, and AJAX. Post Back ASP.NET Functionality The IsPostBack method in ASP.NET is similar to the BlackBerry.refresh method –IsPostBack.
Session: 1. © Aptech Ltd. 2Introduction to the Web / Session 1  Explain the evolution of HTML  Explain the page structure used by HTML  List the drawbacks.
Tutorial 3 Adding and Formatting Text with CSS Styles.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
SOAP-based Web Services Telerik Software Academy Software Quality Assurance.
Web Browsing *TAKE NOTES*. Millions of people browse the Web every day for research, shopping, job duties and entertainment. Installing a web browser.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Microsoft Office 2008 for Mac – Illustrated Unit D: Getting Started with Safari.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
Navigation Framework using CF Architecture for a Client-Server Application using the open standards of the Web presented by Kedar Desai Differential Technologies,
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
COMP 143 Web Development with Adobe Dreamweaver CC.
Windows Vista Configuration MCTS : Internet Explorer 7.0.
Etiquette. Overview of QC Software testing is a process of verifying and validating that a software application or program – Software testing identifies.
XP Creating Web Pages with Microsoft Office
Testing and delivery Web design principles. Web development is software development.
Microsoft FrontPage 2003 Illustrated Complete Creating a Web Site.
Teaching slides Chapter 6. Chapter 6 Software user interface design & construction Contents Introduction Graphical user interface – Rich window based.
1 Chapter 1 INTRODUCTION TO WEB. 2 Objectives In this chapter, you will: Become familiar with the architecture of the World Wide Web Learn about communication.
WEB TESTING
WEB Testing.
Running a Forms Developer Application
Project 1 Introduction to HTML.
Objective % Select and utilize tools to design and develop websites.
Project Objectives Publish to a remote server
Chapter 1 Introduction to HTML.
Project 1 Introduction to HTML.
Objective % Select and utilize tools to design and develop websites.
Testing Web Applications
Configuring Internet-related services
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
ASP.NET Module Subtitle.
Introduction of Week 11 Return assignment 9-1 Collect assignment 10-1
Teaching slides Chapter 6.
Lecture 34: Testing II April 24, 2017 Selenium testing script 7/7/2019
Lecture 33: Testing I April 20, 2018
Web Application Development Using PHP
Presentation transcript:

Main Concepts of Web Testing Telerik Software Academy Software Quality Assurance

 Snejina Lazarova Product Manager Business Services Team  Dimo Mitev QA Architect Backend Services Team 2

 Testing Web Applications  Main Characteristics And Issues  Main Web Testing Methods 3

Main Characteristics And Issues

 Most software applications today are written as web-based applications  Being run in an Internet browser 5

 Testing a web application is quite a bit more difficult than testing the same functionality in a Windows Desktop application  Various issues are present:  Timing difficulties  Differences between browsers  New technologies that make web browsing a rich, but difficult-to-test, experience 6

 Web browsers don't provide clear visibility to what's happening on the page  The tester has no straight-forward way of consistently identifying an element on a web page and detecting changes in the element's state 7

 New technologies introduce new testing issues  The same features that make web browsing a richer experience also present obstacles to testing  Asynchronous processes  Client side code running directly in the browser  Animation  Etc. 8

 Before JavaScript the browser experience was completely server based  Entire pages were refreshed each time a button was clicked  With JavaScript you can have an action take place instantly without refreshing the page  This presents a whole new set of paths  They need to be checked to get full testing coverage 9

 AJAX = Asynchronous JavaScript And XML  JavaScript is capable of making calls to the server and updating selected portions of the page  From the testing perspective, AJAX may add a pause while information is retrieved from the server  AJAX is also "asynchronous"  Not all parts of the page are updated at one time 10

 Handling AJAX  One of the principal ways AJAX can be handled is by waiting for a particular element to reach some state  E.g. "text content = '1234'" 11

 Silverlight is a "plug in", object embedded to a standard web page  Runs right in the browser  Silverlight applications present unique testing issues  E.g. the Silverlight elements are not readily accessible 12  The user interface can be asynchronously updated  Elements are likely to be animated

13

 Web testing tools are a common type of test tool, used for:  Functional/Regression Testing  Load and Performance Testing  Web Site Security Testing  Web Site Management Testing  Mobile Web/App Testing 14

 Web testing tools are a common type of test tool, used for:  Scanning websites for broken or missing hyperlinks (Link checkers)  Static analysis on HTML, checking for conformance to standards 15

 Functionality Testing  Check all the links  the outgoing links from all the pages from specific domain under test  all internal links  links jumping on the same pages  links used to send the  check if there are any orphan pages  check for broken links 17

 Functionality Testing  Test forms in all pages  Check all the validations on each field  Check for the default values of fields  Wrong inputs to the fields in the forms  Options to create forms if any, form delete, view or modify the forms 18

 Functionality Testing  Cookies testing  Test the application by enabling or disabling the cookies in your browser options  Test if the cookies are encrypted before they are written to user machine  Check application security by deleting the cookies 19

 Functionality Testing  Test HTML and CSS  Checking for syntax errors  Readable color schemas  Standard compliance  E.g. standards such W3C and ISO is followed 20

 Functionality Testing  Database testing  Testing the backend databases, like comparing the actual results with expected results 21

 Functionality Testing  Database testing basically include  Data validity testing  Test if any errors are shown while executing queries  Data Integrity testing  Maintained while creating, updating or deleting data in database  Check response time of queries  Test data retrieved from the database is shown accurately in the web application 22

 Web page usability test  A method of simulating the user's way of experience  E.g., checking help links, contents in the page, checking menu options and their links, think times between the pages and message dialogs in the pages 23

 Usability testing  Test for navigation  How the user surfs the web pages, different controls like buttons, boxes or how user using the links on the pages to surf different pages  Web site should be easy to use  Instructions should be provided clearly and correct (it means whether they satisfy purpose) 24

 Usability testing  Content checking  Content should be logical, easy to understand and meaningful  Check for spelling errors  All the anchor text links should be working properly  Images should be placed properly with proper sizes 25

 Usability testing  Interface Testing  The main layers are  Web server  Application server  Database server Check if all the interactions between these servers are executed properly 26

 Usability testing  Compatibility Testing  Browser compatibility  Operating system compatibility  Mobile browsing  Printing options 27

 Testing web page compatibility  A method of testing multiple browsers based on user requirements  The web page presentation depends on how well the components are used 28

 Sample browser compatibility checklist 29 CSS validation HTML or XHTML validation Page validations with and without JavaScript enabled Ajax and jQuery functionality Font size validation Page layout in different resolutions All images and alignment Header and footer sections Page styles Date formats Special characters with HTML character encoding Page zoom-in and zoom-out functionality  You can repeat these tests on different browsers and operating systems

 Security Testing basically include  Testing for vulnerabilities of the web application  Test unauthorized access to secure pages should not be permitted  Restricted files should not be downloadable without appropriate access  Check sessions are automatically killed after prolonged user inactivity 30

 Performance Testing  Verifies web page responses as per expectations based on the environment  Also includes stress testing and load testing of the application 31

 Testing a web application using different networks  Required due to different points a user may access the system from  E.g., a local intranet or an internet with a lower network speed  An application's performance and the accessibility are based directly on the network used  This is also part of performance testing 32

 There are many other types of testing that can be performed as part of Web Performance Testing:  Using different operating systems  Using different databases  Installing different versions of an operating system 33

 Set up a test environment that is separate from your development and production environment  This includes a separate web server, database server, and application server if applicable 34

Desktop AppClient Server AppWeb App Single tier app 2 tier app 3 tier app App runs in single system App runs in two or more systems Single user Limited number of users Unlimited number of users Connection exists until logout Disconnected mode (stateless) – management of cookies App in menu driven App in URL driven Known network issues in case of intranet as number of clients and servers are known Many issues exist like hardware, browser and version compatibility, security issues, performance issues Known users Unknown users 35

Questions?

 C# Telerik Academy  csharpfundamentals.telerik.com csharpfundamentals.telerik.com  Telerik Software Academy  academy.telerik.com academy.telerik.com  Telerik Facebook  facebook.com/TelerikAcademy facebook.com/TelerikAcademy  Telerik Software Academy Forums  forums.academy.telerik.com forums.academy.telerik.com