Testing Procedures

The section attempts to define a standard set of tests to establish whether ExhibitPlus, and all of its various options, function correctly on a given operating system / browser combination. Details of which combinations have been tested are kept on the compatibility chart at jrepository.

If you would like to volunteer to assist with testing, you are more than welcome. Simply follow the test procedures below. To help you record your results a testing record sheet is available in PDF form or as an Excel spreadsheet.

During some of the tests graphics are available to assist you to verify whether your result looks the way it should. Simply click on the relvant graphic corresponding to the test you are performing.

Skin Logic Tests

Execute each step listed for every browser / platform combination using a single set of sample pages, in a single style. Normally the dark.css style would be used for this. Sample galleries for this test can be found at the sample page.

These tests are designed to check both the internal logic of the skin using various options, as well as how the XHTML renders in each browser.

Main page

Open graphic

Visual inspection - all elements in the right place?
Up button is present, leads back to samples page
Folder icons appear for the sub folders, not thumbnail images

Folder "General": Index

Open graphic

Visual inspection - all elements in the right place?
W3C Logos are not displayed
Date added does not appear next to folders
Sub folders appear arranged in two columns

Folder "General": Slides

Open graphic

Visual inspection - all elements in the right place?
EXIF data is not displayed
W3C Logos are not displayed
Frames around the slides are half the normal width
The bottom section of the frame around the slide extends to 2.5 times the length of the other (Polaroid mode)
The shutterfly (order prints) button does not appear
Slide show runs with 15 second delay, and wraps around from last to first slide. Slide show stops correctly
Test navigation buttons, and navigation via the image map itself (click on left and right side of the image)
Test download button
Test keyboard shortcuts help button (?) (on and off)
Test all keyboard shortcuts - right arrow, left arrow, page up, HOME, END, s, page down, z

Folder "General": Full screen mode

Open graphic

Visual inspection - all elements in the right place?
Navigation buttons do not appear, however keyboard shortcuts still function
Test all keyboard shortcuts - left arrow, right arrow, page up, page down, HOME, END, s, z
Slide show runs with 15 second delay, and wraps around from last to first slide. Slide show stops correctly.

Folder "Sub Folder 1": Index

Open graphic

Visual inspection - all elements in the right place?
W3C Logos are displayed
Date stamps, image names and comments appear under thumbnails
Resize browser - elements expand and contract as the browser is resized (stretching table)

Folder "Sub Folder 1": Slides

Test both a portrait and landscape image: Open graphic Open graphic

Visual inspection - all elements in the right place?
Comments are above slide images
No navigation elements appear at the top of the screen, navigation via the bottom section of the screen only.
EXIF data is displayed in pop-up style via separate button
W3C Logos are displayed
Keyboard help button appears and is functional (as per folder "General")
Mini-thumbs are limited to 5 and are twice the normal size
Slide show runs with 4 second delay, and stops at the last slide. Slide show stops correctly when terminated early.
Test navigation buttons, and navigation via the image map itself (click on left and right side of the image)
Test download button
Test keyboard shortcuts help button (?) (on and off)
Test all keyboard shortcuts - right arrow, left arrow, page up, HOME, END, s, page down, z

Folder "Sub Folder 1": Full screen mode

Open graphic

Visual inspection - all elements in the right place?
Test all keyboard shortcuts - left arrow, right arrow, page up, page down, HOME, END, s, z
Slide show runs with 4 second delay, and stops at the last slide. Slide show stops correctly when terminated early. Navigation buttons disappear when slide show runs.
Test navigation functions, also in fully zoomed mode

Folder "Sub Folder 2": Index

Open graphic

Visual inspection - all elements in the right place?
Thumbnails appear square
Saving an image is not possible with right clicking over the image (IE only)

Folder "Sub Folder 2": Slides

Test both a portrait and landscape image: Open graphic Open graphic

Visual inspection - all elements in the right place?
Saving an image is not possible with right clicking over the image (IE only)
No navigation elements appear at the bottom of the screen, navigation via the top section of the screen only.
EXIF data is displayed normally (always)
Image frame is 75% wider than normal
Portrait images appear with the same navigation layout as landscape images
Keyboard navigation is disabled
Test navigation buttons, and navigation via the image map itself (click on left and right side of the image)
Test download button

Folder "Sub Folder 3": Index

Open graphic

Visual inspection - all elements in the right place?
Single folder mode is used - i.e. description and multilevel navigation links do not appear that the top of the screen.

Folder "Sub Folder 3": Slides

Clicking on a thumbnail skips the slide view completely and goes directly to full screen mode.

Folder "Underwater": Index

Open graphic

Visual inspection - all elements in the right place?
Resize browser, do the thumbnails rearrange themselves (free flow mode)
Navigate through the multiple index pages with the drop down box and arrow buttons at the top and bottom right of the screen.

Folder "Underwater": Slides

Open graphic

Visual inspection - all elements in the right place?

Style Tests

Since the logic of the skin has already been tested on a single style, it is not necessary to repeat the same tests on all platforms with each style. It is necessary to briefly test each alternate style with each browser combination, but only a visual inspection is required of each element.

Go to each style listed at the sample page and perform the following:

For each and every folder navigate through a few images:

Inspect the thumbnail and slide images.
Using the reference images, ensure that everything appears on the screen where it should be.
Resize the browser to ensure elements go to the correct sections of the screen and no major problem occurs.
Test the buttons such as keyboard help and EXIF data as appropriate.
Check to see that all buttons display correctly for the style.

Above all, layouts should be roughly the same between all styles.

Recording Data

If you are helping to test ExhibitPlus on a previously untested platform, please use the testing record sheet available in PDF form or as an Excel spreadsheet.