FSS QA Test Plan - Layout Columns

Environments

Unable to render {include} The included page could not be found.

On This Page

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: Number of Columns

Procedure
1. Navigate to the specified URL
Expected Results
- Rows where the columns are divided into percentages, should have enough to total 100% (i.e. a row with columns of 25% should have 4 columns)

Test 2: Column Widths

Procedure
1. Navigate to the specified URL
Expected Results
- All of the fixed width column should have the width marked on their label
- Flexible width columns should stretch to fill up the available space
- For rows that only contain flexible width columns, the columns should be equivalent in width

Test 3: Resize the browser

Procedure
1. Navigate to the specified URL
2. Adjust the browser width
Expected Results
- All of the columns with a fixed width should remain the same size
- Flexible width columns should stretch to fill up the available space
- For rows that only contain flexible width columns, the columns should be equivalent in width
- Columns with a flexible width should not move to a different row as the browser size changes

Test 4: Floating Columns

Procedure
1. Navigate to the specified URL
Expected Results
- Floating columns, should snap to the side that their label indicates
- A flexible column, should take up the available space on the opposite side