+ All Categories
Home > Documents > METS Web Testing

METS Web Testing

Date post: 06-Apr-2018
Category:
Upload: lobna-al
View: 219 times
Download: 0 times
Share this document with a friend
27
1 Web Tes t ing w ith METS Presented by Greg Paskal
Transcript
Page 1: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 1/27

Page 2: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 2/27

2

METS – Physical Test Grid

Page 3: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 3/27

3

Pages – Complete LoadingVerify complete page loading by observing thebrowser action icon.

Internet Explorer 

Netscape

Page 4: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 4/27

Page 5: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 5/27

5

Pages – Complete Loading

This image indicates

the image was not found.

Look for broken image icons or images thatnever seem to get loaded

Page 6: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 6/27

6

Pages – Complete LoadingOther things to consider…

• Is the page loading in a reasonable timeframe

• Is the page loading consistently between browser versions

• How quickly does the page load under load testing

Page 7: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 7/27

7

Pages – ContinuityDo all your pages feel like they are part of thesame site?

Look for things such as…

Logo differences, paragraph formatting, colors, fonts, etc.

Page 8: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 8/27

8

Graphics - Image QualityThe majority of graphics used on a web page willbe either in .GIF or .JPG format. Each of theseformats have there own advantages anddisadvantages.

Typical .GIF Images Typical .JPG Images

Page 9: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 9/27

9

Graphics - Image QualityGIF images are best for solid colors or verymonotone images. GIF uses a very effectivecompression algorithm that depends on largeareas of the same color

What happens when you apply GIF formatting to the wrong type of image

Original Image Saved as a GIF

Very Pixilated and loss of color transition

Page 10: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 10/27

10

Graphics - Image Quality

What happens when you apply GIF formatting to the wrong type of image

Original Image Banding Issue

Other GIF problems such as banding come fromlimited color pallets. Unpredictable colorissues can also happen on lower bit depthvideo cards.

Page 11: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 11/27

11

Graphics - Image QualityJPG images are best for photographs andimages that contain complex colorsand gradients.

What happens when you apply JPG formatting to the wrong type of image

Original Image Saved as a JPG

Color approximations problems, blotchy, color shifts (Background)

Page 12: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 12/27

12

Graphics - Image Quality

This is what happens when to much compression is applied to a JPG

Original Image  Artifact Issue

Other JPG issues such as being overartifacted are very common. Thishappens when to much compressionis applied.

Page 13: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 13/27

13

Links - Correct ResultsLinks (Hyperlinks) have a very simple purpose,performing an action such a loading a newpage or instantiating and email client.Understanding how links work will give youinsight to where problems may occur.

Typical Hyperlink Typical email Link

http://www.google.com

www.yahoo.com

msn.com

[email protected]

[email protected]

[email protected]

Page 14: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 14/27

14

Links - Correct ResultsThere are actually two aspects of a typical webpage hyperlink.

<a href="http://www.fedex.com/newcustomer.html">New Customer?</a>

1) What the end user seeson the webpage(New Customer?)

2) The code to perform

when the link is clicked

Obviously all links should be checked to see if they work and go to

the correct, logical location.

Page 15: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 15/27

15

Links - Correct ResultsProblems can arise when a page containsa large quantity of links in a similar format…

Developers aretempted to cut apaste repetitivelinks such as theseand then go backthrough the code

and actually codethe link go to thecorrect locations.

A simple phone call is all the distraction that is needed for our developer to

skip over one of these links that needs coding. A bug is born.

Page 16: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 16/27

16

Links - Correct ResultsEmail link defects are easy to overlook.From the web page, the email addressmay look valid.

This is what shows up on the webpage

Behind the link in the HTML code you would see this…

<a href="mailto:[email protected]">[email protected]</a>

It would be easy to assume that the link the user sees on the

webpage is the same link that is used in the email client. This is

not necessarily the case. Always click email links and verify they

are the same on the webpage and email client.

Page 17: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 17/27

17

Links - Correct ResultsSome last thoughts pertaining to email links.It's a good idea to send a confirmationemail to the address provided.

You should verify…

1) The recipient address is correct

2) The recipient of the email is the correct contact person for 

the area of the website where the link came from.

3) The recipient of the email still works for your company

and is in the same position as when the link was

originally created.

Page 18: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 18/27

18

Tools - What to use when

Software testers, much likeautomotive mechanics, have a hostof tools available to assist in

effective testing.

Most testers consider the webbrowser as their only real tool.

We will now look at some additionaltools that can really enhance yoursoftware testing.

Page 19: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 19/27

19

Tools - What to use whenBrowsers are the obvious tools buthave you considered this.

1) Much like other Microsoft products, IE will tryto help you out by fixing coding issues.

2) IE Supports many proprietary coding tags and

scripting languages not supported by

Netscape and other browsers

3) IE does not provide a reliable way to flush the

cache ensuring fresh page views upon each

page load.

Internet Explorer is one of the worst tools totest website with.

Testing with IE will be necessary but not the final authority (Pass/Fail)

Page 20: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 20/27

20

Tools - What to use when

Netscape Tricks

Netscape Navigator version 4.78 is a greattool to discover many web issues.

Netscape will render special characterssuch as " &, @, _ " differently depending

on how your developer inserted them into

the HTML code. These characters along

with many others can be created in a

variety of ways, some that will be more

cross browser friendly.

Consider picking up this HTML handbook, it

contains many helpful tables of alternatives for 

generating special characters.ISBN: 0596002963

Page 21: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 21/27

21

Tools - What to use when

Netscape & Internet Explorer

The format you get in Netscape should not

be much different than what you see in IE.

If you see a huge difference, it's likely the

HTML is missing important closing tags

such as </p>, </td>, </tr> or </table>.

Closing tags such as these are even morecritical than just a few years ago with

greater adoption of Cascading Style

Sheets (CSS).

Page 22: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 22/27

22

Tools - What to use when

Other Browsers

Mozilla - http://www.mozilla.org/products/mozilla1.x

Firefox - http://www.mozilla.org/products/firefox

Opera - http://www.opera.com

Safari - http://www.apple.com/safari

Page 23: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 23/27

23

Tools - What to use when

CURL - http://curl.haxx.se

Page 24: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 24/27

Page 25: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 25/27

25

www.GregPaskal.com/METS

On the Web

Page 26: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 26/27

26

Recommended Reading

ISBN 0-201-79619-8  ISBN 0-321-19433-0 

Page 27: METS Web Testing

8/3/2019 METS Web Testing

http://slidepdf.com/reader/full/mets-web-testing 27/27

27

Contact Information

Greg Paskal

(214)550-7315

[email protected]

www.GregPaskal.com

[email protected]

Please feel free to contact

me regarding your usage of 

METS and any suggestionsyou may have for improving

it’s usefulness.

www.GregPaskal.com/METS


Recommended