Skip to content

Latest commit

 

History

History
67 lines (46 loc) · 3.02 KB

TEST-PLAN.md

File metadata and controls

67 lines (46 loc) · 3.02 KB
Raw

Testing Plan

There are a number of features that need to be tested. They follow.

Columns

  1. Make sure the headers are rendered for each column
  2. Column visibility. By default, columns have defaultVisible: true. We need to test explicitly they are rendered or not in all cases: * defaultVisible: true * defaultVisible: false * visible: true * visible: false
Then we need to make sure that when a column is hidden/shown from the column menu (by user interaction), it also gets hidden/displayed in the DOM. (both controlled and uncontrolled behavior).
For controlled behavior, we have to make sure `onColumnVisibilityChange` is called.
  1. Make sure withColumnMenu is working correctly and column menu is accessible or not depending on this flag.
  2. Column sizes - we need to make sure width and flex props work properly. Check both column header and cells have the specified width
  3. Check custom column rendering function

DataSource & rendering

  1. Check loading controlled prop works as expected.
  2. Check emptyText works
  3. Check all dataSource supported formats are handled correctly (array,string/function/promise) a. array b. string b. function b. promise
  4. Check pagination works and pagination toolbar is visible when dataSource is remote. Check pagination toolbar not present when pagination: false
  5. Check pageSize, defaultPageSize, onPageSizeChange
  6. Check page, defaultPage, onPageChange work as expected. Check controlled page works (integrate datagrid into another cmp, and have the page incremented when button is clicked. Specify the dataSource as a function, and see that is it passed the correct page - the skip query param)
  7. Check paginationToolbarProps works as expected

Sorting

  1. Check sort indicator is there, for a given sortInfo object
  2. Check onSortChange is called properly, with a correct sortInfo argument
  3. Check single/multiple column sorting results in a correct sortInfo arg when onSortChange is called
  4. Check sort indicator is present in column header on both single&multiple sorting

DataRendering

  1. The first thing we should check, since we are doing virtual rendering, is that both the first and the end rows in the grid are rendered when they are in view. This means when scrollTop is 0 on the vertical scrollbar, the first record is in the DOM, and when scrollTop is maximum, the last record is in the DOM.

PLEASE do not work on this yet, since we're currently working on pagination, and change the scrolling elements.

Styling

  1. Make sure rowStyle (both object & function returning an object - see http://zippyui.github.io/react-datagrid/#/examples/custom-row-styling) work as expected
  2. Check column.style is applied and check column.textAlign ('left','right','center') works as expected
  3. Check showCellBorders prop works

Selection

  1. Check single selection works
  2. Check multiple selection works

Grouping

  1. Check grouping works (groupBy prop)

Filtering

  1. Check filtering works