Create Free?Form Portfolio

OSP Testing - Selenium Scripts - Creating a Free Form Portfolio

| Steps | Functional Test Scripts | System Test Scripts |

1

Download the following css file to your computer professional.css for use in this test. Also, download ODB_ST_Script_08_layoutfiles.zip, save to your computer and extract the files.

Activity 6 ST.Script 8       Create a free-form portfolio

2

Click Portfolios or Design & Publish --> Portfolios (if a Portfolio-type site) button.

3

Click the Add link

4

Click radio button next to Design your own portfolio

 

Click Continue

5

Complete the form as follows:

 

Title: Free form portfolio 1

 

Description: This is a free form portfolio

 

Expires: Select a date in the future

 

Click Continue

6

Click Select Layout

7

Click Add to add a new portfolio layout

8

Enter the following:

 

Display Name title

 

Description This is the layout for the Title Page.

9

Choose the Select File link next to XHTML Layout File field

10

Click Show other sites to view CIG Particant's resources area

 

Click Add --> Upload Files

 

Browse to the files extracted in step 1 and select titlePage.xhtml.

 

Click Upload Files Now

11

Choose the Continue button

12

Choose the Select File link next to Preview Image

13

If CIG participant's resources area is not already showing, click Show other sites to view CIG Particant's resources area

 

Click Add --> Upload Files

 

Browse to the files extracted in step 1 and select titlePage.jpg.

 

Click Upload Files Now

14

Choose the Continue button

15

Choose the Add Layout button

16

Click Select underneath the 'Title' layout to select it.

17

Click Add Page link or image or button at the bottom of the page.

18

Enter the following in the 'Page Information' section:

 

Title Page 1

 

Description This is page one of the free-form portfolio

 

Keywords page one

19

Click Select Style to add a new style.

20

Click Add at the top of the screen to add a new style.

21

Enter the following:

 

Name Professional Style

 

Description This is the professional stylesheet.

 

CSS File Click Select File

22

Click Show other sites

23

Click Add new

24

Enter the following:

 

Add Item Type File Upload

 

Choose a file Browse for the professional.css file that you downloaded in step 1.

 

Click Add

25

Click Finish

26

Click Add Style

27

Click Select underneath the 'Professional Style' listing.

28

Click Select Items to add files from Resources that will be used on Page 1.

29

Select an item from Resources or click Show other sites to add a new file from the CIG Participants' Resources area.

30

Click Save Changes button at the bottom of the page.

31

Click Finish