career.engin.umich.educareer.engin.umich.edu/wp-content/uploads/2013/06/...dr…  · web...

31
Testing Checklist for MI Creative WordPress Phase 1 deliverable Drop#2 Prefunctional checklist: _______Log in to MI Creative development server with login and password that grants editor permissions _______Access to https://caen-cms.engin.umich.edu/sample-subsite-mockup/folder_contents to check all styling _______Access to https://caen-cms.engin.umich.edu/sample-subsite-mockup/sample-content-page to get free-form widget HTML for testing _______Access to the following links to grab sample contact images for testing: http://www.engin.umich.edu/college/contact-collections/contacts-u-to-z/mikhail-zolikoff/@@display-file/contact_image/ contact-portlet-zee.jpg http://www.engin.umich.edu/college/contact-collections/contacts-p-to-t/byron-roberts/@@display-file/contact_image/ contact-byronr.jpg http://www.engin.umich.edu/college/contact-collections/contacts-p-to-t/linda-peterson/@@display-file/contact_image/ contact-portlet-lindapet.jpg Testing Checklist Header master: Tes t Cas e # Test procedure Expected result Actual result Drop #1 Pass/Fail Drop#1 Actual result Drop#2 Pass/Fail Drop#2

Upload: doandiep

Post on 15-Feb-2018

214 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: career.engin.umich.educareer.engin.umich.edu/wp-content/uploads/2013/06/...dr…  · Web viewTesting Checklist for MI Creative WordPress Phase 1 ... but a word longer than the side

Testing Checklist for MI Creative WordPress Phase 1 deliverable Drop#2

Prefunctional checklist:

_______Log in to MI Creative development server with login and password that grants editor permissions

_______Access to https://caen-cms.engin.umich.edu/sample-subsite-mockup/folder_contents to check all styling

_______Access to https://caen-cms.engin.umich.edu/sample-subsite-mockup/sample-content-page to get free-form widget HTML for testing

_______Access to the following links to grab sample contact images for testing:http://www.engin.umich.edu/college/contact-collections/contacts-u-to-z/mikhail-zolikoff/@@display-file/contact_image/contact-portlet-zee.jpg

http://www.engin.umich.edu/college/contact-collections/contacts-p-to-t/byron-roberts/@@display-file/contact_image/contact-byronr.jpg

http://www.engin.umich.edu/college/contact-collections/contacts-p-to-t/linda-peterson/@@display-file/contact_image/contact-portlet-lindapet.jpg

Testing Checklist Header master:

Test Case #

Test procedure Expected result Actual result Drop #1 Pass/Fail Drop#1

Actual result Drop#2 Pass/Fail Drop#2

1 View logo The logo is the proper “M” logo

“M” is not centered in maize colored box (why is this not just an image?). Actually, it appears that there is an extra yellow box behind the logo giving the appearance that the box is wide to the left.

IP and Michigan Engineering Don’t line up.Gradient behind the logo extends all across the page and only the ribbon nav should have itLook at spacing of upper left area.

Fail

Also note: the maize color used does not match Plone site. The gradient in WordPress also seems not smooth. These are not show-stopper issues, but I noticed and wanted to mention.

Proper “M” logo, and all other issues mentioned are addressed.

Pass

Page 2: career.engin.umich.educareer.engin.umich.edu/wp-content/uploads/2013/06/...dr…  · Web viewTesting Checklist for MI Creative WordPress Phase 1 ... but a word longer than the side

2 Click on block M or “Michigan Engineeriing” text in upper left

www.engin.umich.edu appears in current window

Pass it is linked to engin.umich.edu. While that works - I would prefer that it links to www.engin.umich.edu

Fail

3a View Ribbon Nav Ribbon nav is open by default

Pass Kevin: In addition, after clicking on an element in the ribbon nav, the selected element will remain underlined until something else is clicked (tested this by clicking on it using the scroll wheel)

Pass

3b Displays correct text “MICHIGAN ENGINEERING ABOUT | RESEARCH | ACADEMICS | ADMISSIONS | DEPARTMENTS | GIVING | INFO FOR YOU | CONTACT <CLOSE”

Says “A Link” Fail Michael: “<CLOSE” disappears behind search box for ~60% width and smaller window sizes. It’s also too far from the links.

Fail

3c Eyeball that it displays with correct styling <Helvetica, Arial, sans-serif, 9px, #222222>

Color is #FFF, spacing between pipe is a bit off

Fail “Michigan Engineering” and Ribbon Nav items do not line up properly – Ribbon nav is a little too “high”Michael:The links appear out of line with “<Close”. Color is #C0D4EB. Clicking a link results in the underlining of the link until something else on the page is clicked.

Fail

4 Hover over ribbon nav elements

Hover colors appear properly on all links.

No Hover color appears FailWords highlight to lighter yellow rgb(234, 201, 43) rather than color in sample rgb(253, 184, 39).

Pass

5 Click “Michigan Engineering” on Ribbon Nav

www.engin.umich.edu appears in current window

Pass Pass

Page 3: career.engin.umich.educareer.engin.umich.edu/wp-content/uploads/2013/06/...dr…  · Web viewTesting Checklist for MI Creative WordPress Phase 1 ... but a word longer than the side

6 Click “ABOUT” on ribbon nav

www.engin.umich.edu/college/about appears in current window

No link with this name Fail Pass

7 Click “RESEARCH” on ribbon nav

www.engin.umich.edu/college/research appears in current window

No link with this name Fail Pass

8 Click “ACADEMICS” on ribbon nav

www.engin.umich.edu/college/academics appears in the current window (may not be live until end of May)

No link with this name Fail Pass

9 Click “ADMISSIONS” on ribbon nav

www.engin.umich.edu/college/admissions appears in the current window (May not be live until the end of May)

No link with this name Fail Pass

10 Click “DEPARTMENTS” on ribbon nav

www.engin.umich.edu/college/departments appears in the current window

No link with this name Fail Pass

11 Click “GIVING” on ribbon nav

www.engin.umich.edu/college/giving appears in the current window

No link with this name Fail Pass

12 Click “INFO FOR YOU” on ribbon nav

www.engin.umich.edu/college/info appears in the current window (May not be live until the end of May)

No link with this name Fail Pass

13 Click “CONTACT” on the ribbon nav

www.engin.umich.edu/college/about/contact appears in the current window

No link with this name Fail Pass

14a Click “<CLOSE” on Ribbon Nav

Ribbon nav shrinks Vertical pixel jump on transition in chrome pc

Fail Pass

14b Displays correct text “MICHIGAN ENGINEERING OPEN>”

Vertical pixel jump on transition in chrome pc

Fail Pass

14c Displays with correct styling Hover is not implemented Fail Pass

Page 4: career.engin.umich.educareer.engin.umich.edu/wp-content/uploads/2013/06/...dr…  · Web viewTesting Checklist for MI Creative WordPress Phase 1 ... but a word longer than the side

15 After “<CLOSE” is clicked, click to other pages within this WordPress site using the left navigation

Ribbon nav stays closed Ribbon nav does not stay closed

Fail State is not retained; open> does not line up properly with Michigan Engineering. Open> is a little too high.

Fail

16a Click “OPEN>” on Ribbon Nav

Ribbon nav expands Pass Pass

16b Displays correct text “MICHIGAN ENGINEERING ABOUT | RESEARCH | ACADEMICS | ADMISSIONS | DEPARTMENTS | GIVING | INFO FOR YOU | CONTACT <CLOSE”

The correct text is not displayed

Fail Pass

16c Displays correct styling Color should be #222 FailMichael: Styling is persistent though opening and closing, but still wrong color

Pass???

17 After “<OPEN” is clicked, click to other pages within this WordPress site using the left navigation

Ribbon nav stays open Default seems to always be “Open”

Pass Default is always “open” Pass

18 Click on unit name Displays home page for that unit within the current window.

Pass Pass

19 Search Input Field placement

As appears in sample site Shadow is too prominent.Note: Search is too far down – should be more aligned with Gold Bar. Box seems a bit large

Fail Nikki: (Firefox) Text is getting cut off on the bottom.Rachel (Safari): “SEARCH” text a little too bigMichael: Font is wrong:Sample - Arial, 10pxtest beta - Helvetica, 11px

Fail

Page 5: career.engin.umich.educareer.engin.umich.edu/wp-content/uploads/2013/06/...dr…  · Web viewTesting Checklist for MI Creative WordPress Phase 1 ... but a word longer than the side

20 Click on Search Input Field

Input field is active and cursor is displayed

Pass Rachel: Too much of a shadow when click in box, there is also a hover effect that should not be there (no change on sample site when hover or click)

Pass

21 Hover over Search button

Button is highlighted N/A N/A

22 Enter a search term and click on Search button

Appropriate search result returned from engin.umich.edu, and result is displayed in current window.

N/A N/A

23 Enter a search term and hit “enter” key

Appropriate search result returned from engin.umich.edu, and result is displayed in current window.

Pass Pass

24 Hit tab It takes two tabs or less to get to search box.

Pass IE – more than two tabs Fail

25 Add pages with reasonable text names

Gold bar navigation items appear as typed and styling is correct.

Should be centered. Font and size is incorrect. No hover for pages.Also, WebFonts for gold bar are wrong or not working.

Fail Does not appear centered.Nikki: Something weird called “yet another page” seems to be always there.Rachel: Too little yellow at top/bottom of links. In sample site there are about 2px of gold above the link when hover, on this site there is only 1px.

Fail

26 Add pages with super-long text names

Gold bar navigation items cuts off in order to fit one line of text.

Text should never go behind search

Fail Added super-long name that wrapped as black text and overwrite the breadcrumb trail.Also, still goes behind search bar at smaller window sizes.

Fail

Page 6: career.engin.umich.educareer.engin.umich.edu/wp-content/uploads/2013/06/...dr…  · Web viewTesting Checklist for MI Creative WordPress Phase 1 ... but a word longer than the side

27a Add subpages (to appear in gold bar dropdown), hover over a nav item in the gold bar

The gold bar navigation item is highlighted and the appropriate one-column dropdown is displayed.

Pass Pass

27b The dropdown is displayed with appropriate styling.

Pass Pass

28 Hover over the gold nav dropdown

Hover appears with appropriate styling

A “selected” state unselects when hovered over. No drop down hover affect. No hover happens with no content under the page.

Fail The “no pages underneath” hover does not look like the sample – the sample does not retain a “thin gold bar” at the bottom of the hover item.Michael: Words highlight to lighter yellow rgb(234, 201, 43) rather than color in sample rgb(253, 184, 39).

Fail

29a Click on random gold bar nav and sub nav items

Appropriate page is loaded in current window and gold bar nav area reverses color.

Reverse holds only until hovered over, or page is clicked.

Fail No select state still – but didn’t see one on the sample either.

Probably Pass

29b Appropriate breadcrumb trail is displayed

Should start with leading / Make sure proper bolding on current page only.

Fail Pass

Testing Checklist Left sidebar master:

Test Case #

Test procedure Expected result Actual result Drop#1 Pass/Fail Drop#1

Actual result Drop#2 Pass/Fail Drop#2

1 Look for site message blank area

Blank area available for site message; side navigation does not butt up against header master

Pass Pass

2 Insert site message text Site message appears as typed on all pages with appropriate styling.

No padding under site message. There should be a little.

Fail should be left-aligned

Pass

3 Enter super long site message

Site message appears inserted as typed on all

Doesn’t wrap – just keeps pushing page out

Fail Michael:Now wraps multiple words,

Pass

Page 7: career.engin.umich.educareer.engin.umich.edu/wp-content/uploads/2013/06/...dr…  · Web viewTesting Checklist for MI Creative WordPress Phase 1 ... but a word longer than the side

pages. (should wrap) but a word longer than the side bar will just continue into the page’s content

4 Insert site message graphic

Site message graphic appears on all pages (Note – either graphic or text, but not both in the site message area)

No Option to do that Fail Pass

5 Contact Widget – view with no edits

Default image appears with empty grey box with words “contact:” only

Empty grey box does not appear at all

Fail Grabbed info from Theme settingMichael:Empty grey box does not appear at all in IE

Fail

6 Contact Widget – add custom image from one of the URLs listed at the top of this document.

Correct custom image appears

Cannot find place to set global sidebar image - but page options works

Fail Pass

7a Contact Widget – add custom contact information at site level, this is done in theme options

Custom contact information appears as typed and styled correctly throughout all site pages

See below Helper text about formatting phone number is missing a digit

(XXX) XXX-XXX instead of(XXX) XXX-XXXX

Fail

7b Contact Widget – add custom contact information to a specific page, by editing the page

Custom contact information appears with correct styling on that page only

While this appears weird things happen if the info is too long. Also no helper text about how to format phone number

Email address is not clickable in widget. And hover should work as expected.

Location should be right-aligned.

“Street address” should

Fail Should very long email address wrap instead of cut off?

Michael: Everything in the drop 1 list seems fixed. Long strings with whitespace are wrapped. Strings without whitespace, however, are not wrapped.

???

Page 8: career.engin.umich.educareer.engin.umich.edu/wp-content/uploads/2013/06/...dr…  · Web viewTesting Checklist for MI Creative WordPress Phase 1 ... but a word longer than the side

say “Office Location”

Font color and size doesn’t match. CONTACT and name should be in all capsFix opacity

Alternate left sidebar navigation

Test Case #

Test procedure Expected result Actual result Drop#1 Pass/Fail Drop #1

Actual Result Drop #2 Pass/Fail Drop#2

1 Add multiple “first level” items into the left sidebar menu

Items appear at level one with appropriate styling and primary page is displayed

Would like top level (at least) content to automatically go to the left nav. If by default all content could go on the left nav and users could go to the widget and unselect them that would be even better. Just depends on what wordpress is capable of.Need to set the ‘auto add top level’ administrator setting so Editors can do this… Bit it works. Styling

Fail It is confusing that the administrator has a menu called “Left Sidebar” that is not controlled by the editor’s menu. Should be removed?

Works correctly when editor adds pages.

Fail

2 Hover over each “first level” item

Hover appears with appropriate styling

Left nav needs to be totally against the left of the screen. Right now there is some padding. No hover styling.

Fail Michael:Current page should not be clickable.

Pass??

3 Click on each “first level” item

Expected page appears in the same tab, and the clicked “first level” item appears with appropriate styling. All other “first level” siblings are visible.

Titles in left nav need to be left aligned - not centered. Long titles blow out the navigation column (ie they are always on one line instead of wrapping. (I tested for both top level and secondary level - and happened with both).

Fail Pass

Page 9: career.engin.umich.educareer.engin.umich.edu/wp-content/uploads/2013/06/...dr…  · Web viewTesting Checklist for MI Creative WordPress Phase 1 ... but a word longer than the side

4 Add multiple “second level” items into the left sidebar menu and hover over each

Hover appears with appropriate styling

No hover color for cell you are mousing over.

Fail Pass

5 Click on each “second level” menu item

Expected page appears in the same tab, the clicked “second level” item appears with appropriate styling. All first and second level siblings are visible.

No color reverse for the page you are on. Tom- Layout kaboom

Fail Pass

6 Add multiple “third level” items into the left sidebar menu and hover over each

Hover appears with appropriate styling

Titles in left nav need to be left aligned - not centered. Long titles blow out the navigation column (ie they are always on one line instead of wrapping. (I tested for both top level and secondary level - and happened with both). No hover color for cell you are mousing over.

Fail Pass

7 Click on each “third level” menu item

Expected page appears in the same tab, the clicked “third level” item appears with appropriate styling. All first, second, and third level siblings are visible.

No color reverse for the page you are on

Fail Pass

8 Add multiple “fourth level” items into the left sidebar menu and hover over each

Hover appears with appropriate styling

Titles in left nav need to be left aligned - not centered. Long titles blow out the navigation column (ie they are always on one line instead of wrapping. (I tested for both top level and secondary level - and happened with both). No hover color for cell you are mousing over.

Fail Pass

Page 10: career.engin.umich.educareer.engin.umich.edu/wp-content/uploads/2013/06/...dr…  · Web viewTesting Checklist for MI Creative WordPress Phase 1 ... but a word longer than the side

9 Click on each “fourth level” menu item

Expected page appears in the same tab, the clicked on “fourth level” item appears with appropriate styling. All first, second, and third level siblings are visible.

No color reverse for the page you are on

Fail Pass

Testing Checklist Right sidebar master:

Test Case #

Test procedure Expected result Actual result Drop #1 Pass/Fail Drop#1

Actual result Drop #2 Pass/Fail Drop #2

1 Insert Freeform HTML Widget in both home and article page

Blank area displayed with transparent background

Pass Pass

2 Insert various types of HTML into the FreeForm HTML Widget in both home and 3-column article page

HTML correctly renders While the HTML correctly renders - the color choices do not work with the background. A default color choice that makes more sense would be better for contrast issues.

Fail Michael:I do not have a clear understanding of the past color issues, but it looks fine to me. However, long strings without whitespace are not wrapped

Pass

3 Insert scripting language text into the FreeForm HTML widget in both home and 3column article page

Scripts are not executed (note output for both admin, superadmin, and editor roles)

Super admin – can add scriptsSite Admin – script tag is removed on widget saveEditor – no access to widgets

Pass (default functionality)

Pass

5 Add and delete multiple widgets in both home and 3-column article page

Widgets appear stacked in the right column with proper spacing.

No styling seems to be working yet.

Fail Pass

Page 11: career.engin.umich.educareer.engin.umich.edu/wp-content/uploads/2013/06/...dr…  · Web viewTesting Checklist for MI Creative WordPress Phase 1 ... but a word longer than the side

6 Lift markup from https://caen-cms.engin.umich.edu/sample-subsite-mockup/sample-content-page (you can choose from:EventsGreen HTMLRecent NewsQuick Links ) and paste into widget in both home and 3-column article page

Make sure markup appears as expected

Doesn’t seem to work – tried it..Tried Events and Green HTMLUnclear what ‘chunks’ with markup we should be lifting. T his is a joint issue we need to work on together

Fail Rounded corners don’t work - but that is something that I don’t think they can do anything about.

Michael:“GREEN HTML” seems to have some distinct style differences from the sample.

Pass

Testing Checklist Footer master:

Test Case #

Test procedure Expected result Actual result Drop #1

Pass/Fail Drop#1

Actual result Drop #2 Pass/Fail Drop#2

1a Look at copyright statement

Remains pinned to left with small margin, even when window is resized multiple times. Correct height.

Footer bar is too tall – maybe too much padding.

Fail Pass

1b Text should state ©2013 Regents of the University of Michigan and have correct styling and height

Wrong color, wrong size

Fail Pass

2 Click on “Regents of the University of Michigan”

Should open page in current window http://www.regents.umich.edu

Is not a link Fail Pass

3a Look at wordmark Wordmark is the University of Michigan WordMark

Pass Pass

Page 12: career.engin.umich.educareer.engin.umich.edu/wp-content/uploads/2013/06/...dr…  · Web viewTesting Checklist for MI Creative WordPress Phase 1 ... but a word longer than the side

3b Wordmark appears on the right, even when window is resized multiple times

PassFails to stick right edge when resized from full screen to half screen

Fail

4 Click on wordmark Open page in new window http://www.umich.edu

Pass Pass

Testing Checklist Home page photo and center well:

Test Case #

Test procedure Expected result Actual result Drop#1

Pass/Fail Drop#1

Actual result Drop#2 Pass/Fail Drop#2

1 No image added Center well moves up to fill space where image could reside

Needs more padding between the center well and the top of the page if there is no image.

Pass (but note)

Pass

2 Image added Correct image appears in proper proportions

Pass Images are allowed to be larger than the center well.Kevin:after clicking “Add Media”, the resulting code inputted was: [caption id="attachment_271" align="alignnone" width="500"]<a href="http://coe.umichcreative.org/beta/wp-content/uploads/sites/3/2013/05/image1.jpg"><img src="http://coe.umichcreative.org/beta/wp-content/uploads/sites/3/2013/05/image1.jpg" alt="yay i got a caption" width="500" height="250" class="size-full wp-image-271" /></a> yay i got a caption[/caption]

this inputted a picture that was wider than the center well.

Pass??

3 Add image link Clicking on image results in appropriate page loading in the same window.

Can’t find a place to enter it.

FailDid not successfully move other link, image appears behind it instead

Pass??

Page 13: career.engin.umich.educareer.engin.umich.edu/wp-content/uploads/2013/06/...dr…  · Web viewTesting Checklist for MI Creative WordPress Phase 1 ... but a word longer than the side

4 Enter image caption and description

Appears as typed with appropriate styling

Additionally on their test where it is – the color and font is incorrect.

FailLong substrings of caption without whitespace are not wrapped

Pass??

5 Add Center Well page heading

Appears as typed with appropriate styling

This is set up as free –form – not fixed

Fail Michael:words are smushed together

Pass

6 Add super long Center Well page heading

Appears as typed with appropriately spaced text wrapping.

This is set up as free –form – not fixed

Fail Michael: words smushed Pass

7 Add Center Well page heading introduction

Appears underneath page heading as typed with appropriate styling

This is set up as free –form – not fixed

Fail Nikki: The center top well has a weird shadow on it - I believe it should look more like http://www.engin.umich.edu/college/research (just the center well)John: Still free-form – is this OK?

Fail

8 Add link to to Center Well page heading introduction

Appears with appropriate link styling (for hover, etc)

This is set up as free –form – not fixed

Fail John: Have to enter HTML <a href> - OK? Pass

9 Click on Center Well page heading introduction link

Appropriate page loads in the same window

This is set up as free –form – not fixed

Fail Pass

10 Add Center well Subhead Title

Appears as typed and with appropriate styling

This is set up as free –form – not fixed

Fail Currently, this is replacing the body page title – it should be in the white area above the homepage linksMichael: word smushed

Fail

11 Add super long Center Well Subhead Title

Appears as typed with appropriately space text wrapping.

This is set up as free –form – not fixed

Fail See above Fail

12 No Primary Link/Context pairs added

Center well only contains Page heading/Page heading intro area

This is set up as free –form – not fixed

Fail A little bit of white space shows – is this OK (I think so)?

Pass

13 Add Primary Link/Context pair

Appears as typed and with appropriate styling

This is set up as free –form – not fixed

Fail Long titles here seem to be odd looking in terms of the arrow being centered. I think it should be top aligned.

Fail

Page 14: career.engin.umich.educareer.engin.umich.edu/wp-content/uploads/2013/06/...dr…  · Web viewTesting Checklist for MI Creative WordPress Phase 1 ... but a word longer than the side

14 Hover over Primary Link

Primary link is highlighted with appropriate styling

This is set up as free –form – not fixed

Fail Pass

15 Click on primary link

Appropriate page opens in current window

This is set up as free –form – not fixed

Fail Pass

16 Add eleventh Primary Link/Context pair

No box available. This is set up as free –form – not fixed

FailNikki: The way this is implemented I think this is N/aJohn: You can add as many links as you want, but it will only display up to 10.

N/A

17 Grow and shrink the window

Window should stay fixed

At certain sizes things wrap oddly – seems to have no width

Fail Getting weird spacing when shrunk width-wise and then if you scroll to the right. Note the header and background is collapsing to a narrower width than the content area – check #main min-width.

Fail

Testing Checklist article/content page heading and center well (2 column):

Test Case #

Test procedure Expected result Actual result Drop#1

Pass/Fail Drop#1

Actual result Drop#2 Pass/Fail Drop#2

1 Look at page heading Appears as typed with correct styling

Pass Pass

2 Change page heading to be super long page heading

Text wraps appropriately PassAs with everything else, text with no spaces will not wrap if it is too long

Pass

3 Add H2 Subheading Appears as typed with correct styling

Line height is too tall

Fail Pass

4 Add super long H2 subheading

Text wraps appropriately Tighten up line-height

FailAs with everything else, text with no spaces will not wrap if it is too long

Pass

Page 15: career.engin.umich.educareer.engin.umich.edu/wp-content/uploads/2013/06/...dr…  · Web viewTesting Checklist for MI Creative WordPress Phase 1 ... but a word longer than the side

5 Add H3 Subheading Appears as typed with correct styling

Needs margin before/after

Fail Pass

6 Add super long H3 subheading

Text wraps appropriately Tighten up line-height

FailAs with everything else, text with no spaces will not wrap if it is too long

Pass

7 Add H4 Subheading Appears as typed and with correct styling

Needs margin before/after

Fail Pass

8 Add body text Appears as typed and with correct styling

Pass Pass

9 Add Blockquote Appears as typed with correct styling

(note – do not need ‘quotation’ style, consider using built-in blockquote)

P Pass

10 Add Quote attribution Appears as typed with correct styling

Too much top margin

Fail Pass

11 Add images, including some that span the width of the content well and some that do not.

Specified image appears with correct proportion

Pass Not sure how to add full width image

Fail

12 Add links in the body text Specified text appears with appropriate styling

Need to be bold, color OK

Fail Need to be bold, color OK Fail

13 Hover over body text links

Link appears with appropriate styling

missing underline and color change (should remain bold)

Fail Need to be bold, color OKMichael: missing underline and color change, not bold

Fail

14 Click on body text links Loads appropriate page in current window

Pass Pass

15 Add unordered list Specified text appears with appropriate styling

Spacing between bullet line items is off, before an after list is off

Fail Pass

16 Add a link to the unordered list, hover, and click

Links look and behave exactly like body text links

Needs to be bold, hover state is good, color is good

Fail Needs to be bold, hover state is good, color is good

Fail

Page 16: career.engin.umich.educareer.engin.umich.edu/wp-content/uploads/2013/06/...dr…  · Web viewTesting Checklist for MI Creative WordPress Phase 1 ... but a word longer than the side

17 Add ordered list Specified text appears with appropriate styling

Spacing between bullet line items is off, before an after list is off

Fail Pass

18 Add a link to the ordered list, hover, and click

Links look and behave exactly like body text links

Needs to be bold, hover state is good, color is good

Fail Needs to be bold, hover state is good, color is good

Fail

19 Add Like/Tweet/Share buttons

Selected button(s) appear under Page Header and spacing looks reasonable

Pass Pass

20 Click on like/tweet/share buttons

Appropriate pages appears in current window

Pass Michael: Pages load in pop-ups (when not signed in only)

Pass??

21a Add table Table Title is added with correct styling

Check color and font size against style guide

Fail Check color and font size against style guide

Fail

21b Table header column has appropriate styling

Cell rows sizing is incorrect

Fail Cell row sizing is incorrect Fail

21c Table rows have appropriate styling

Color in correct Fail Color incorrect Fail

22 Grow and shrink page Page should stay fixed width Need to set width Fail Pass

Testing Checklist article/content page heading and center well (3 column):

Test Case #

Test procedure Expected result Actual result Drop#1

Pass/Fail Drop#1

Actual result Drop#2 Pass/Fail Drop#2

1 Look at page heading Appears as typed with correct styling

Just so we don’t implode if you don’t pick anything

Fail Pass

2 Change page heading to be super long page heading

Text wraps appropriately Pass Pass

Page 17: career.engin.umich.educareer.engin.umich.edu/wp-content/uploads/2013/06/...dr…  · Web viewTesting Checklist for MI Creative WordPress Phase 1 ... but a word longer than the side

3 Add H2 Subheading Appears as typed with correct styling

Looks to be a pass but the 2nd line is pretty close. Esther call

Pass Pass

4 Add super long H2 subheading

Text wraps appropriately Pass Pass

5 Add H3 Subheading Appears as typed with correct styling

Weird line spacing between H2/H3/H4

Fail Pass

6 Add super long H3 subheading

Text wraps appropriately Pass Pass

7 Add H4 Subheading Appears as typed and with correct styling

Pass Pass

8 Add body text Appears as typed and with correct styling

Pass Pass

9 Add Blockquote Appears as typed with correct styling

Pass Pass

10 Add Quote attribution Appears as typed with correct styling

Pass Pass

11 Add images, including some that span the width of the content well and some that do not.

Specified image appears with correct proportion

Pass Not sure how to add full width image

Fail

12 Add links in the body text Specified text appears with appropriate styling

Can’t see how to add full-width image. When upload larger image it doesn’t seem to go full width.

Possibly Fail Need to be bold, color OK Fail

13 Hover over body text links

Link appears with appropriate styling

Pass Need to be bold, color OK Fail

14 Click on body text links Loads appropriate page in current window

Pass Pass

15 Add unordered list Specified text appears with appropriate styling

Pass Pass

Page 18: career.engin.umich.educareer.engin.umich.edu/wp-content/uploads/2013/06/...dr…  · Web viewTesting Checklist for MI Creative WordPress Phase 1 ... but a word longer than the side

16 Add a link to the unordered list, hover, and click

Links look and behave exactly like body text links

Bullets don’t look the same as ours

Fail Needs to be bold, hover state is good, color is good

Fail

17 Add ordered list Specified text appears with appropriate styling

Pass Pass

18 Add a link to the ordered list, hover, and click

Links look and behave exactly like body text links

Pass Needs to be bold, hover state is good, color is good

Fail

19 Add Like/Tweet/Share buttons

Selected button(s) appear under Page Header and spacing looks reasonable

Pass Pass

20 Click on like/tweet/share buttons

Appropriate pages appears in current window

Only can be added at site level. That may be ok

Not sure Pass

21a Add table Table Title is added with correct styling

Pass Check color and font size against style guide

Fail

21b Table header column has appropriate styling

Cell rows sizing is incorrect

Fail Cell row sizing is incorrect Fail

21c Table rows have appropriate styling

Color in correct Fail Color incorrect Fail

22 Grow and shrink page Page should stay fixed Pass Pass

Wraps when min width achieved

Fail Pass

Additional items noted from Drop#1

Test Case # Issue noted with Drop #1 Behaviour in Drop#2 Pass/Fail for Drop#2

1 Top grey WordPress edit bar hovers over top of page. Should push page down.

Pushed page down correctly. Pass

2 Gradient in background pages is not correct. Pass

3 The ribbon nav shouldn’t be editable by each site admin. That should only be editable

It looks like it is editable, but doesn’t appear? Should that

??

Page 19: career.engin.umich.educareer.engin.umich.edu/wp-content/uploads/2013/06/...dr…  · Web viewTesting Checklist for MI Creative WordPress Phase 1 ... but a word longer than the side

through the theme/by the super-multisite admin

option be removed?

4 Under “Styles” – “Quotation” is misspelled Quotation replaced with attribute option.

Pass

5 Safari and Firefox – favicon is WordPress instead of BlockM

Still WordPress favicon Fail

6 default template should be the 2-column layout. Otherwise the left nav isn't present.

Pass

7 Example picture of layout is off for four-level navigation and contact box (slightly larger content well to fix)

Pass

8 http://coe.umichcreative.org/gamma/sample-page/dans-test-page/ shows fourth-level left-side navigation spilling into content well

Pass

9 Drop-down Gold Bar menu graphics appear incorrectly (as shown on screen shots below)

Hover for no pages underneath is still not like sample. Other problems are fixed.

??

As administrator, when looking at the theme, the “college nav” appears as a vertical blue list that goes over the gold bar and content area. Should this be doing this?

What does secondary title or subtitle do??

Ask group: Can there only be one homepage per site? Do we care?

Please fix the following:

Page 20: career.engin.umich.educareer.engin.umich.edu/wp-content/uploads/2013/06/...dr…  · Web viewTesting Checklist for MI Creative WordPress Phase 1 ... but a word longer than the side

Fix according to Gordon’s sketch plus add dropshadow.

Page 21: career.engin.umich.educareer.engin.umich.edu/wp-content/uploads/2013/06/...dr…  · Web viewTesting Checklist for MI Creative WordPress Phase 1 ... but a word longer than the side