@ruc-lib/metaform 2.0.1 → 2.0.3

package/src/components/ruc-meta-select/ruc-meta-select.component.spec.ts

@@ -1,1165 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { RucMetaSelectComponent } from './ruc-meta-select.component';
-import { RucMetaFormService } from '../../services/ruc-meta-form.service';
-import { HttpClientModule } from '@angular/common/http';
-import { MetaFormConfig } from '../../interfaces/metaFormsDefault';
-import { TextFieldModule } from '@angular/cdk/text-field';
-
-describe('RucMetaSelectComponent', () => {
-  let component: RucMetaSelectComponent;
-  let fixture: ComponentFixture<RucMetaSelectComponent>;
-  let mockFormData: MetaFormConfig[] = [];
-  mockFormData = [
-    {
-      "formType": "simple",
-      "fieldType": "input",
-      "inputType": "text",
-      "id": "firstName",
-      "name": "firstName",
-      "errorMsg": false,
-      "label": "First Name",
-      "className": "firstName",
-      "value": "",
-      "alt": "na",
-      "appearance": "outline",
-      "min": "4",
-      "max": "20",
-      "width": "100",
-      "height": "20",
-      "checked": false,
-      "disabled": false,
-      "maxlength": "100",
-      "readonly": false,
-      "required": false,
-      "size": "100",
-      "tooltip": "First Name",
-      "tooltipPosition": "right",
-      "pattern": "any",
-      "placeholder": "First Name",
-      "autofocus": true,
-      "autocomplete": ["amar", "bharat", "charan"],
-      "customComponentName": "none",
-      "rucDialogInput": {},
-      "hasDependentFields": false,
-      "dependentFieldParentId": "any",
-      "dependentFields": [],
-      "toolTipDescription": "none",
-      "showErrorOnPopUp": true,
-      "groupOptions": []
-    },
-    {
-      "formType": "simple",
-      "fieldType": "input",
-      "inputType": "text",
-      "id": "lastName",
-      "errorMsg": false,
-      "name": "lastName",
-      "label": "Last Name",
-      "className": "lastName",
-      "value": "",
-      "alt": "na",
-      "appearance": "outline",
-      "min": "4",
-      "max": "20",
-      "width": "100",
-      "height": "20",
-      "checked": false,
-      "disabled": false,
-      "maxlength": "100",
-      "readonly": false,
-      "required": true,
-      "size": "100",
-      "sameRow": true,
-      "sameRowColumnWidth": "50",
-      "tooltip": "Last Name",
-      "tooltipPosition": "below",
-      "pattern": "any",
-      "placeholder": "Last Name",
-      "autofocus": true,
-      "autocomplete": ["singh", "rai", "lal"],
-      "customComponentName": "none",
-      "rucDialogInput": {},
-      "hasDependentFields": false,
-      "dependentFieldParentId": "any",
-      "dependentFields": [],
-      "toolTipDescription": "none",
-      "showErrorOnPopUp": true,
-      "groupOptions": []
-    },
-
-    {
-
-      "formType": "simple",
-
-      "fieldType": "input",
-
-      "inputType": "password",
-
-      "id": "password",
-
-      "errorMsg": false,
-
-      "name": "password",
-
-      "label": "Password",
-
-      "className": "password",
-
-      "value": "",
-
-      "alt": "na",
-
-      "appearance": "outline",
-
-      "min": "4",
-
-      "max": "20",
-
-      "width": "100",
-
-      "height": "20",
-
-      "checked": false,
-
-      "disabled": false,
-
-      "maxlength": "100",
-
-      "readonly": false,
-
-      "required": true,
-
-      "size": "100",
-
-      "sameRow": true,
-
-      "sameRowColumnWidth": "25",
-
-      "tooltip": "Password",
-
-      "tooltipPosition": "right",
-
-      "pattern": "any",
-
-      "placeholder": "First Name",
-
-      "autofocus": true,
-
-      "autocomplete": false,
-
-      "customComponentName": "none",
-
-      "rucDialogInput": {},
-
-      "hasDependentFields": false,
-
-      "dependentFieldParentId": "any",
-
-      "dependentFields": [],
-
-      "toolTipDescription": "none",
-
-      "showErrorOnPopUp": true,
-
-      "groupOptions": []
-
-    },
-
-    {
-
-      "formType": "simple",
-
-      "fieldType": "radio",
-
-      "inputType": "radio",
-
-      "id": "radio",
-
-      "name": "radio",
-
-      "errorMsg": false,
-
-      "label": "Pick your favorite season",
-
-      "className": "radio",
-
-      "value": "",
-
-      "alt": "na",
-
-      "appearance": "outline",
-
-      "min": "4",
-
-      "max": "20",
-
-      "width": "100",
-
-      "height": "20",
-
-      "checked": false,
-
-      "disabled": false,
-
-      "maxlength": "100",
-
-      "readonly": false,
-
-      "required": true,
-
-      "size": "100",
-
-      "sameRow": false,
-
-      "sameRowColumnWidth": "100",
-
-      "tooltip": "Radio",
-
-      "tooltipPosition": "left",
-
-      "pattern": "any",
-
-      "placeholder": "",
-
-      "autofocus": true,
-
-      "autocomplete": false,
-
-      "customComponentName": "none",
-
-      "rucDialogInput": {},
-
-      "hasDependentFields": false,
-
-      "dependentFieldParentId": "any",
-
-      "dependentFields": [],
-
-      "toolTipDescription": "none",
-
-      "showErrorOnPopUp": true,
-
-      "groupOptions": [
-
-        {
-
-          "id": "Winter",
-
-          "name": "Winter",
-
-          "value": ""
-
-        },
-
-        {
-
-          "id": "Spring",
-
-          "name": "Spring",
-
-          "value": ""
-
-        },
-
-        {
-
-          "id": "Summer",
-
-          "name": "Summer",
-
-          "value": ""
-
-        },
-
-        {
-
-          "id": "Autumn",
-
-          "name": "Autumn",
-
-          "value": ""
-
-        }
-
-      ]
-
-    },
-
-    {
-
-      "formType": "simple",
-
-      "fieldType": "checkbox",
-
-      "inputType": "checkbox",
-
-      "id": "radio",
-
-      "name": "radio",
-
-      "label": "Checkbox configuration",
-
-      "className": "checkbox",
-
-      "value": "",
-
-      "alt": "na",
-
-      "appearance": "outline",
-
-      "min": "4",
-
-      "max": "20",
-
-      "width": "100",
-
-      "height": "20",
-
-      "checked": false,
-
-      "disabled": false,
-
-      "maxlength": "100",
-
-      "readonly": false,
-
-      "required": true,
-
-      "size": "100",
-
-      "sameRow": false,
-
-      "sameRowColumnWidth": "100",
-
-      "tooltip": "Checkpoint",
-
-      "tooltipPosition": "above",
-
-      "pattern": "any",
-
-      "placeholder": "",
-
-      "autofocus": true,
-
-      "autocomplete": false,
-
-      "customComponentName": "none",
-
-      "rucDialogInput": {},
-
-      "hasDependentFields": false,
-
-      "dependentFieldParentId": "any",
-
-      "dependentFields": [],
-
-      "toolTipDescription": "none",
-
-      "errorMsg": false,
-
-      "customErrorMessage": "invalid selection",
-
-      "showErrorOnPopUp": true,
-
-      "groupOptions": [
-
-        {
-
-          "id": "Winter",
-
-          "name": "Winter",
-
-          "value": "Winter"
-
-        },
-
-        {
-
-          "id": "Spring",
-
-          "name": "Spring",
-
-          "value": "Spring"
-
-        },
-
-        {
-
-          "id": "Summer",
-
-          "name": "Summer",
-
-          "value": "Summer"
-
-        },
-
-        {
-
-          "id": "Autumn",
-
-          "name": "Autumn",
-
-          "value": "Autumn"
-
-        }
-
-      ]
-
-    },
-
-    {
-
-      "formType": "simple",
-
-      "fieldType": "select",
-
-      "inputType": "select",
-
-      "id": "select",
-
-      "name": "select",
-
-      "label": "select configuration",
-
-      "className": "select",
-
-      "value": "",
-
-      "alt": "na",
-
-      "appearance": "outline",
-
-      "min": "4",
-
-      "max": "20",
-
-      "width": "100",
-
-      "height": "20",
-
-      "checked": false,
-
-      "disabled": false,
-
-      "maxlength": "100",
-
-      "readonly": false,
-
-      "required": true,
-
-      "size": "100",
-
-
-      "sameRow": true,
-
-      "tooltip": "select",
-
-      "tooltipPosition": "below",
-
-      "sameRowColumnWidth": "100",
-
-      "pattern": "any",
-
-      "placeholder": "",
-
-      "autofocus": true,
-
-      "autocomplete": false,
-
-      "customComponentName": "none",
-
-      "rucDialogInput": {},
-
-      "hasDependentFields": true,
-
-      "toolTipDescription": "none",
-
-      "errorMsg": false,
-
-      "customErrorMessage": "Invalid select option",
-
-      "showErrorOnPopUp": true,
-
-      "groupOptions": [
-
-        {
-
-          "id": "w11",
-
-          "name": "Winter",
-
-          "value": "Winter"
-
-        },
-
-        {
-
-          "id": "s1",
-
-          "name": "Spring",
-
-          "value": "Spring"
-
-        },
-
-        {
-
-          "id": "su1",
-
-          "name": "Summer",
-
-          "value": "Summer",
-
-          "disable": true
-
-        },
-
-        {
-
-          "id": "a1",
-
-          "name": "Autumn",
-
-          "value": "Autumn"
-
-        }
-
-      ],
-
-      "dependentFields":
-
-        [
-
-          {
-
-            "formType": "simple",
-
-            "fieldType": "input",
-
-            "inputType": "text",
-
-            "id": "w1",
-
-            "name": "w1",
-
-            "errorMsg": false,
-
-            "label": "Winter Name",
-
-            "className": "winter",
-
-            "value": "",
-
-            "alt": "na",
-
-            "appearance": "outline",
-
-            "min": "4",
-
-            "max": "20",
-
-            "width": "50%",
-
-            "height": "20",
-
-            "checked": false,
-
-            "disabled": false,
-
-            "maxlength": "100",
-
-            "readonly": false,
-
-            "required": false,
-
-            "size": "100",
-
-            "pattern": "any",
-
-            "placeholder": "w1 Name",
-
-            "autofocus": false,
-
-            "autocomplete": "",
-
-            "customComponentName": "none",
-
-            "rucDialogInput": {},
-
-            "hasDependentFields": false,
-
-            "dependentFieldParentId": "w11",
-
-            "dependentFields": [],
-
-            "toolTipDescription": "none",
-
-            "showErrorOnPopUp": true,
-
-            "groupOptions": []
-
-          },
-
-          {
-
-            "formType": "simple",
-
-            "fieldType": "input",
-
-            "inputType": "text",
-
-            "id": "a11",
-
-            "name": "a11",
-
-            "errorMsg": false,
-
-            "label": "Autumn Name",
-
-            "className": "Autumn",
-
-            "value": "",
-
-            "alt": "na",
-
-            "appearance": "outline",
-
-            "min": "4",
-
-            "max": "20",
-
-            "width": "50%",
-
-            "height": "20",
-
-            "checked": false,
-
-            "disabled": false,
-
-            "maxlength": "100",
-
-            "readonly": false,
-
-            "required": false,
-
-            "size": "100",
-
-            "pattern": "any",
-
-            "placeholder": "Autumn Name",
-
-            "autofocus": false,
-
-            "autocomplete": "",
-
-            "customComponentName": "none",
-
-            "rucDialogInput": {},
-
-            "hasDependentFields": false,
-
-            "dependentFieldParentId": "a1",
-
-            "dependentFields": [],
-
-            "toolTipDescription": "none",
-
-            "showErrorOnPopUp": true,
-
-            "groupOptions": []
-
-          }]
-
-
-
-    },
-
-    {
-
-      "formType": "simple",
-
-      "fieldType": "select",
-
-      "inputType": "select",
-
-      "id": "country",
-
-      "name": "select",
-
-      "label": "select Country",
-
-      "className": "select",
-
-      "value": "India",
-
-      "alt": "na",
-
-      "min": "4",
-
-      "max": "20",
-
-      "width": "50%",
-
-      "size": "100",
-
-      "height": "20",
-
-      "appearance": "outline",
-
-      "autofocus": true,
-
-      "autocomplete": false,
-
-      "sameRow": false,
-
-      "sameRowColumnWidth": "100",
-
-      "tooltip": "select",
-
-      "tooltipPosition": "above",
-
-      "rucDialogInput": {},
-
-      "hasDependentFields": true,
-
-      "errorMsg": false,
-
-      "customErrorMessage": "Invalid select option",
-
-      "showErrorOnPopUp": true,
-
-      "selectedParentId": "ind1",
-
-      "groupOptions": [
-
-        {
-
-          "id": "ind1",
-
-          "name": "India",
-
-          "value": "India"
-
-        },
-
-        {
-
-          "id": "usa1",
-
-          "name": "USA",
-
-          "value": "USA"
-
-        },
-
-        {
-
-          "id": "uk1",
-
-          "name": "UK",
-
-          "value": "UK"
-
-        },
-
-        {
-
-          "id": "ch1",
-
-          "name": "Chaina",
-
-          "value": "Chaina"
-
-        }
-
-      ],
-
-      "dependentFields": [
-
-        {
-
-          "formType": "simple",
-
-          "fieldType": "select",
-
-          "inputType": "select",
-
-          "id": "indianState",
-
-          "name": "select",
-
-          "label": "select State",
-
-          "className": "select",
-
-          "value": "MP",
-
-          "appearance": "outline",
-
-          "hasDependentFields": true,
-
-          "dependentFieldParentId": "ind1",
-
-          "selectedParentId": "mp1",
-
-          "groupOptions": [
-
-            {
-
-              "id": "mp1",
-
-              "name": "MP",
-
-              "value": "MP"
-
-            },
-
-            {
-
-              "id": "up1",
-
-              "name": "UP",
-
-              "value": "UP"
-
-            },
-
-            {
-
-              "id": "pb1",
-
-              "name": "PB",
-
-              "value": "PB"
-
-            }
-
-          ],
-
-          "dependentFields": [
-
-            {
-
-              "formType": "simple",
-
-              "fieldType": "select",
-
-              "inputType": "select",
-
-              "id": "mpCity",
-
-              "name": "select",
-
-              "label": "select City",
-
-              "className": "select",
-
-              "appearance": "outline",
-
-              "value": "INDORE",
-
-              "hasDependentFields": false,
-
-              "dependentFieldParentId": "mp1",
-
-              "selectedParentId": "indre1",
-
-              "groupOptions": [
-
-                {
-
-                  "id": "indre1",
-
-                  "name": "INDORE",
-
-                  "value": "INDORE"
-
-                },
-
-                {
-
-                  "id": "bh1",
-
-                  "name": "bhopal",
-
-                  "value": "bhopal"
-
-                }
-
-              ],
-
-              "dependentFields": [
-
-
-
-              ]
-
-            },
-
-            {
-
-              "formType": "simple",
-
-              "fieldType": "select",
-
-              "inputType": "select",
-
-              "id": "upcity",
-
-              "name": "select",
-
-              "appearance": "outline",
-
-              "label": "select City",
-
-              "className": "select",
-
-              "value": "",
-
-              "hasDependentFields": false,
-
-              "dependentFieldParentId": "up1",
-
-              "groupOptions": [
-
-                {
-
-                  "id": "m1",
-
-                  "name": "Mathura",
-
-                  "value": "Mathura"
-
-                },
-
-                {
-
-                  "id": "v1",
-
-                  "name": "Vrindavan",
-
-                  "value": "Vrindavan"
-
-                }
-
-              ],
-
-              "dependentFields": [
-
-
-
-              ]
-
-            }
-
-          ]
-
-        },
-
-        {
-
-          "formType": "simple",
-
-          "fieldType": "select",
-
-          "inputType": "select",
-
-          "id": "usaState",
-
-          "name": "select",
-
-          "appearance": "outline",
-
-          "label": "select State",
-
-          "className": "select",
-
-          "value": "",
-
-          "hasDependentFields": true,
-
-          "dependentFieldParentId": "usa1",
-
-          "groupOptions": [
-
-            {
-
-              "id": "p1",
-
-              "name": "Phenix",
-
-              "value": "Phenix"
-
-            },
-
-            {
-
-              "id": "v1",
-
-              "name": "Vasingtan",
-
-              "value": "Vasingtan"
-
-            }
-
-          ],
-
-          "dependentFields": [
-
-            {
-
-              "formType": "simple",
-
-              "fieldType": "select",
-
-              "inputType": "select",
-
-              "id": "phinexCity",
-
-              "name": "select",
-
-              "appearance": "outline",
-
-              "label": "select City",
-
-              "className": "select",
-
-              "value": "",
-
-              "hasDependentFields": false,
-
-              "dependentFieldParentId": "p1",
-
-              "groupOptions": [
-
-                {
-
-                  "id": "p11",
-
-                  "name": "p111",
-
-                  "value": "p111"
-
-                },
-
-                {
-
-                  "id": "p2",
-
-                  "name": "p222",
-
-                  "value": "p222"
-
-                }
-
-              ],
-
-              "dependentFields": [
-
-
-
-              ]
-
-            },
-
-            {
-
-              "formType": "simple",
-
-              "fieldType": "select",
-
-              "inputType": "select",
-
-              "id": "vashigtonCity",
-
-              "name": "select",
-
-              "appearance": "outline",
-
-              "label": "select City",
-
-              "className": "select",
-
-              "value": "",
-
-              "hasDependentFields": false,
-
-              "dependentFieldParentId": "v1",
-
-              "groupOptions": [
-
-                {
-
-                  "id": "v11",
-
-                  "name": "v111",
-
-                  "value": "v111"
-
-                },
-
-                {
-
-                  "id": "v2",
-
-                  "name": "v222",
-
-                  "value": "v222"
-
-                }
-
-              ],
-
-              "dependentFields": [
-
-
-
-              ]
-
-            }
-
-          ]
-
-        }
-
-      ]
-
-    }
-
-  ]
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [HttpClientModule, TextFieldModule],
-      declarations: [RucMetaSelectComponent],
-      providers: [RucMetaFormService]
-    })
-      .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(RucMetaSelectComponent);
-    component = fixture.componentInstance;
-    component.rucInputData = mockFormData;
-    fixture.detectChanges();
-
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should call modelChangeFn', () => {
-    component.rucInputData.groupOptions = mockFormData[6].groupOptions;
-    component.rucInputData.dependentFields = mockFormData[6].dependentFields;
-    const event = {
-      value: "India"
-    }
-    const spy = spyOn(component.transferUserInput, 'emit');
-    component.modelChangeFn(event);
-    component.removDependentFieldParentIdFromOther(mockFormData[6].dependentFields);
-    
-    expect(spy).toHaveBeenCalled();
-  });
-
-});