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 |