eZ Style Editor / Manual tests | tc-94:Test the items on the Elements menu (INCOMPLETE)

In the Style Editor, the "Elements">"h5" and "h6" have the same properties. (cloned)
If I change the values in H5 the H6 values are changed also. (with same values)

Setup

   1. Log in as admin in ezwebin
   2. Click "News" in top menu
   3. Click "Test article" link
   4. Click "CSS" button in toolbar

Test Link properties

   1. In the StyleEditors top menu, click Elements->Link
   2. Select Font -> color in drop down
   3. Click "Add" button
   4. Select some Yellow color in the color palette.
   5. Click "Apply" button
   6. Validate that the "link to ez.no" link turns yellow
   7. Click "Save" button

Test Link: hover properties

   1. In the StyleEditor's top menu, click Elements->Link: hover
   2. Select Font -> color in drop down
   3. Click "Add" button
   4. Select some green color in the color palette.
   5. Click "Save" button
   6. Close the StyleEditor by clicking the "Exit" button in the StyleEditor's top menu
   7. Validate that the "link to ez.no" link turns green when you hover over it.

Test H1 properties

   1. Click "CSS" button in toolbar
   2. In the StyleEditor's top menu, click Elements->H1
   3. Select Box -> margin-left in drop down
   4. Click "Add" button
   5. Enter "20" in input field
   6. Click "Save" button
   7. Validate that the "Test article" header is moved to the right

Test H2 properties

   1. Click "CSS" button in toolbar
   2. In the StyleEditor's top menu, click Elements->H2
   3. Select Box -> margin-left in drop down
   4. Click "Add" button
   5. Enter "40" in input field
   6. Click "Save" button
   7. Validate that the "This is header 1" header is moved to the right

Test H3 properties

   1. Click "CSS" button in toolbar
   2. In the StyleEditor's top menu, click Elements->H3
   3. Select Box -> margin-left in drop down
   4. Click "Add" button
   5. Enter "50" in input field
   6. Click "Save" button
   7. Validate that the "This is header 2" header is moved to the right

Test H4 properties

   1. Click "CSS" button in toolbar
   2. In the StyleEditor's top menu, click Elements->H4
   3. Select Box -> margin-left in drop down
   4. Click "Add" button
   5. Enter "60" in input field
   6. Click "Save" button
   7. Validate that the "This is header 3" header is moved to the right

Test H5 properties

   1. Click "CSS" button in toolbar
   2. In the StyleEditor's top menu, click Elements->H5
   3. Select Box -> margin-left in drop down
   4. Click "Add" button
   5. Enter "70" in input field
   6. Click "Save" button
   7. Validate that the "This is header 4" header is moved to the right

Test H6 properties

   1. Click "CSS" button in toolbar
   2. In the StyleEditor's top menu, click Elements->H6
   3. Select Box -> margin-left in drop down
   4. Click "Add" button
   5. Enter "80" in input field
   6. Click "Save" button
   7. Validate that the "This is header 5" header is moved to the right
   8. Validate that also the "This is header 6" header is moved to the right

Test User menu properties

   1. Click "CSS" button in toolbar
   2. In the StyleEditor's top menu, click Elements->Header->User menu
   3. Select Font -> font-family in drop down
   4. Click "Add" button
   5. Select "Times New Roman, Times, serif" in the drop down
   6. Click "Save" button
   7. Validate that font in the top header ("
   8. Validate that also the "This is header 6" header is moved to the right