FSS QA Test Plan - Layout Containers

QA Tests

Protocol
Perform the following tests using each browser/system environment

Please search for issues before reporting them, so as to limit the number of duplicate entries.

________________________________________________________

Protocol
Launch the following website to execute unit tests.

Currently there are no unit tests

________________________________________________________

Description
Ensures that the component is able to handle expected input.

Protocol
Perform these tasks on the following site. Review CSS Shortcomings, Gotchas and Noted Bugs Reference for known CSS issues.

Test 1: Container Widths

Procedure
1. Navigate to the specified URL
Expected Results
- All of the fixed width containers should have the width marked on their label (match to ruler, each major tick is 100px)
- Containers with a percentage width should take up the percentage of the visible browser width as marked on their label

Test 2: Resize the browser

Procedure
1. Navigate to the specified URL
2. Adjust the browser width
Expected Results
- All of the containers with a fixed width should remain the same size
- Containers with a percentage width should take up the percentage of the visible browser width as marked on their label
- Containers with a percentage width should not move to a different row as the browser size changes

Test 3: Floating Containers

Procedure
1. Navigate to the specified URL
Expected Results
- Floating containers, should snap to the side that their label indicates

Test 4: Overflow fix

Procedure
1. Navigate to the specified URL
Expected Results
- Containers marked with "overflow fix" should not have any containers on either side