Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 15 Next »

Re-Skin Validation Test Plan

Validating the UCD-skin is basically a comparison of the visual appearance of the existing SmartSite 2.1.x production against the sakai-test version 2.3. There are some desired changes in how the content is presented which will be noted in the individual comparison tests.

Comparisons are specified for the following OS/browser combinations*:

  • Windows XP SP2, Windows 2000 SP4 - Internet Explorer 6, Firefox 1.5.0.8
  • Mac OS X 10.4.8, Mac OS X 10.3.9 - Safari 2.0.4, Safari 1.2, Firefox 1.5.0.8
  • Additional test environment: VISTA - IE7

This represents a total of 10 OS/browser combinations to test with the addition of VISTA/IE7 to be determined.

* from What IT Express Supports as of 1/23/07

Test Instructions

Run through the steps specified below in your chosen OS/browser combination. Make note of any differences between the current production version 2.1.x and the new 2.3 visual representation.

When reporting differences in Jira, list the OS/combination you are testing, the validation test(s) where the difference occurs, and the screen/tool you are on when you noted the difference. If the difference occurs on a global visual, like the SmartSite graphic or top navigation bar, note that it occurs globally or on all screens. Include a screenshot whenever possible.

Content may differ between the test and production versions right now, but don't worry about that since default content will be verified in the functional tests. Focus on visual comparisons for these tests.

You can copy the table below to print out and make notes while testing.

Comparison Tests

Stylesheet Specifications

Text for all screens should be standard Verdana, Arial, Helvetica, san-serif font.
Site/project backgrounds should be light grey, white behind content/text, main sub-menu bars are gold.

  1. Go to the login screen for SmartSite and review each of the comparison tests in the table below.
  2. Log in and review each of the comparison tests in the table below from My Workspace.
  3. Select a course site with a single-column home page and review each of the comparison tests in the table below.
  4. Select a course site with a two-column home page and review each of the comparison tests in the table below.

##

Comparison Test

Check Off or Comment Here

1.

Compare the main SmartSite logo/graphic in the upper left-hand corner visually for placement, size, text type, color, and clarity. (Be aware that the graphic may appear clearer in the selected browser when comparing two browser windows.)

2.

Compare the tabs in your top navigation bar for placement, spacing, text type, color, and background. If you only have a few sites, join more sites until a drop-down select box appears and compare again.

3.

Compare the tabs in your top navigation bar for visual changes to link status when selected (active), non-selected (non-active), and mouse-over (hover).

4.

Compare the links in the left-hand navigation for placement, spacing, text type, color, and background.

5.

Compare the links in the left-hand navigation for visual changes to link status when selected (active), non-selected (non-active), and mouse-over (hover).

6.

Compare the first row of links in the footer for placement, spacing, text type, color, and background.

7.

Compare the first row of links in the footer for visual changes to link status when selected (active), non-selected (non-active), and mouse-over (hover).

8.

Compare the second and third rows of text in the footer for placement, spacing, text type, color, and background.

9.

Compare the navigation bar and sub-menu for content within the site for placement, spacing, text type, color, and background. For version 2.3, it is acceptable that all sub-menu links like Options be left-justified instead of centered.

10.

Compare the text content within the site for placement, spacing, text type, color, and background.

11.

Select a comparable option on each version and compare the content for placement, spacing, text type, color, and background.

12.

Visually compare any buttons or form fields in the the content for text type, color, and background.
  • No labels