STYLE-01 Styles Tool

View Source

name:

Styles Tool

purpose:

Test Procedure to verify that the Styles tool functions properly.

expected result:

User should be able to upload styles and apply them to other tools that support his functionality.

test data:

Professional.css, Wacky.css

dependencies:

SiteSetup.htm has been run

setup:

 

start at:

French1 1, Login: mpaquette

Step ID

Action

Expected Result

1.

Under Site Management category, select the Styles link

User directed to the Manage Styles page

2.

Select the Add link

User directed to the Add Style page

3.

Enter the following:

  • Name: Professional
  • Description: Professional looking CSS
  • Next to CSS File, select the Select File link

User directed to the Add Attachment page

4.

Next to the Portfolio's resources folder, select the mouse over the Add link

A popup menu appears

5.

From the popup menu, select the Upload Files link

User directed to the Upload Files page

6.

Next to File To Upload, select the Browse... button

Popup File Upload dialogue appears

7.

Navigate to and select Professional.css

  • Select the Open button

Popup window closes and Professional.css should be listed in the File To Upload field

8.

Select the Upload Files Now button

User directed to the Add Attachment page where Professional.css should be listed under Items to attach

9.

Select the Continue button

User directed to the Add Style page where previously entered form data should persist and the Professional.css should be listed in the CSS File field

10.

Select the Add Style button

User directed to the Manage Styles page where Professional should be listed

11.

Next to Professional, select the Edit link

User directed to the Edit Style page

12.

Modify the Name to read: Pro

  • Select the Save Changes button

User directed to the Manage Styles page where Pro should now be listed instead of Professional

13.

Next to Pro, select the Suggest for global publish link

Page refreshes and, under Pro, the link to Suggest for global publish is no longer available. Under the Published? column it should say: Pending Approval

14.

Switch browser to an admin session and log in to the CLE Gateway page with the following:

  • Username: admin
  • Password: admin
  • Select the Log In button

User directed to the My Workspace page

15.

From the Quicklinks menu, select the PortfolioAdmin link

User directed to the PortfolioAdmin page

16.

In the left menu, select the Styles link

User directed to the Manage Styles page where Pro should be listed

17.

Next to Pro, select the Publish link

Page refreshes and the Publish link is replaced by a Revise and a Delete link

  • Under the Published? column should read: Published

18.

Switch browser to the organizer session

User should still be at the Manage Styles page

19.

Select the refresh arrow icon

Page refreshes and the Pro style should no longer be visible (indicating that it has been published globally and cannot be undone)

20.

Select the Add link

User directed to the Add Style page

21.

Enter the following:

  • Name: To_delete
  • Description:
  • Next to CSS File, select the Select File link

User directed to the Add Attachment page

22.

Next to the Portfolio's resources folder, hover the select the Add link

A popup menu appears

23.

From the popup menu, select the Upload Files link

User directed to the Upload Files page

24.

Next to File To Upload, select the Browse... button

Popup File Upload dialogue appears

25.

Navigate to and select Professional.css

  • Select the Open button

Popup window closes and Professional.css should be listed in the File To Upload field

26.

Select the Upload Files Now button

User directed to the Add Attachment page where Professional.css should be listed under Items to attach

27.

Select the Continue button

User directed to the Add Style page where previously entered form data should persist and the Professional.css should be listed in the CSS File field

28.

Select the Add Style button

User directed to the Manage Styles page where Professional should be listed

29.

Next to To_delete, select the Delete link

Popup JavaScript alert asks: Are you sure you want to permanently delete this item?

30.

Select the OK button

Page refreshes with To_delete no longer listed

finish at: Manage Styles