FSS QA Test Plan - Layout Columns

Environments

QA Tests

Protocol
Perform the following tests using each browser/system environment

Report issues at: http://issues.fluidproject.org/secure/Dashboard.jspa

Unit Test

________________________________________________________

Protocol
Launch the following website to execute unit tests.

Currently there are no unit tests

Task Oriented Functional 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.

FSS.Layout.Columns

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