Key Value Collector Test Cases
| Sr No. | Case Description | Data | Expected Output |
|---|---|---|---|
| 1 | No items | items = '' | Message will display 'No data to display!' |
| 2 | No displayItems | displayItems = '' | Message will display 'No data to display!' |
| 3 | Good items | items = [] | Number of blocks = length of items array. |
| 4 | Css property without !important | .cst-key-value-container-override{ margin-right : 10px } | Default margin will apply |
| 5 | Css property with !important | .cst-key-value-container-override{ margin-right : 10px !important; } | margin-right = 10px |
| 6 | If displayItems object's property is not id and options.propId is not there | !options.propId or options.propId = '' | |
| 7 | If displayItems object's property is not id and options.propId is key value which is consider as id | items = [{ key:1, value:'poor' }] options.propId = 'key' | It will work properly |
| 8 | If displayItems object's property is not label and options.propLabel is not there | !options.propLabel or options.propLabel = '' | Label will not display, Id will display |
| 9 | If displayItems object's property is not label and options.propLabel is key value which is consider as label | items = [{ key:1, value:'poor' }] options.propLabel = 'value' | Label will display |
| 10 | Screen size | Large | from left to right |
| Small | If screen size is <= 480 px, direction will be top to bottom |