Checkbox Group Test Cases
| Sr No. | Case Description | Data | Expected Output |
|---|---|---|---|
| 1 | No items | items = '' | Message will display 'No data to display!' |
| 2 | Bad items | items = { checkbox:{ id: 1, label: 'Poor' },..} | Message will display 'No data to display!' |
| items = [{ label: 'Poor' },..] | checkbox will display but click functionality will not work without id. If label is there, label will display. | ||
| 3 | Good items | items = [{ id: 1, label: 'Poor' },..] | Number of checkbox = length of items array. On click it gives the checked item object. |
| 4 | Wrong inputIds | inputId = { label: 'poor' } | It should be int or string as per options.propId type, block selected item should not be select |
| 5 | Good inputIds | inputId = [3] | As per ids, checkbox will set selected item |
| 6 | Css property without !important | .cst-checkbox-group-element-override{ margin-right : 10px } | Default margin will apply |
| 7 | Css property with !important | .cst-checkbox-group-element-override{ margin-right : 10px !important; } | margin-right = 10px |
| 8 | If items object's property is not id and options.propId is not there | !options.propId or options.propId = '' | checkbox container will not display |
| 9 | If items 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 |
| 10 | If items object's property is not label and options.propLabel is not there | !options.propLabel or options.propLabel = '' | Label will not display, Id will display |
| 11 | If items 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 |
| 12 | disabled | disabled = true | Click functionality will not work |
| 13 | Screen size | Large | display from left to right |
| Small | wrap blocks |