vid-webpack-master/cypress/integration/iFrames/instantiation-templates.e2e.ts

   1 import * as _ from "lodash";
   2 import {PropertyPath} from "lodash";
   3
   4 describe('Drawing Board: Instantiation Templates', function () {
   5
   6   describe('Instantiation templates ', () => {
   7
   8     beforeEach(() => {
   9       cy.clearSessionStorage();
  10       cy.setTestApiParamToGR();
  11       cy.initAAIMock();
  12       cy.initGetAAISubDetails();
  13       cy.initVidMock();
  14       cy.initDrawingBoardUserPermission();
  15       cy.login();
  16
  17       mockAsyncBulkResponse();
  18     });
  19
  20     afterEach(() => {
  21       cy.screenshot();
  22     });
  23
  24     describe('Load Page and Deploy', () => {
  25
  26       it(`Given a stored template - when click "deploy" - then a coherent request should be sent upon deploy`, () => {
  27
  28         loadDrawingBoardWithRecreateMode();
  29
  30         // Then...
  31         cy.getElementByDataTestsId("node-vProbe_NC_VNF 0").should('be.visible');
  32         assertThatBodyFromDeployRequestEqualsToTemplateFromBackEnd();
  33       });
  34
  35       it('Given a template - User can remove existing VNF', () => {
  36
  37         loadDrawingBoardWithRecreateMode();
  38
  39         removeVNFWithVFModules('node-21ae311e-432f-4c54-b855-446d0b8ded72-vProbe_NC_VNF 0');
  40
  41         cy.getDrawingBoardDeployBtn().click();
  42         cy.wait('@expectedPostAsyncInstantiation').then(xhr => {
  43           cy.deepCompare(bodyOf(xhr).vnfs, {});
  44         });
  45
  46       });
  47
  48       it('Given a template - User can add new VNF', () => {
  49         loadDrawingBoardWithRecreateMode();
  50         // add new node
  51         addNewNode('node-vProbe_NC_VNF 0-add-btn')
  52           .fillVnfPopup()
  53           .getDrawingBoardDeployBtn().click()
  54           .wait('@expectedPostAsyncInstantiation').then(xhr => {
  55             const vnfRequest = bodyOf(xhr).vnfs['vProbe_NC_VNF 0_1'];
  56
  57             expect(vnfRequest.action).equals("Create");
  58             expect(vnfRequest.rollbackOnFailure).equals("true");
  59             expect(vnfRequest.originalName).equals("vProbe_NC_VNF 0");
  60             expect(vnfRequest.productFamilyId).equals("a9a77d5a-123e-4ca2-9eb9-0b015d2ee0fb");
  61             expect(vnfRequest.lcpCloudRegionId).equals("hvf6");
  62             expect(vnfRequest.lineOfBusiness).equals("zzz1");
  63             expect(vnfRequest.platformName).equals("xxx1");
  64             expect(vnfRequest.tenantId).equals("229bcdc6eaeb4ca59d55221141d01f8e");
  65         });
  66       });
  67
  68       it('Given a template - User can Duplicate VNF', () => {
  69         const numberOfDuplicate: number = 4;
  70         loadDrawingBoardWithRecreateMode();
  71         nodeAction('node-21ae311e-432f-4c54-b855-446d0b8ded72-vProbe_NC_VNF 0', 'Duplicate')
  72           .getElementByDataTestsId('duplicate-amount-vfmodules').select(numberOfDuplicate.toString())
  73           .getTagElementContainsText('button', 'Duplicate').click()
  74           .getDrawingBoardDeployBtn().click()
  75           .wait('@expectedPostAsyncInstantiation').then(xhr => {
  76             expect(Object.keys(bodyOf(xhr).vnfs).length).equals(numberOfDuplicate + 1);
  77         });
  78       });
  79
  80       it('Given a stored template - when "edit" vnf and vfmodules are opened - then template’s details are visible as expected and deploy without changes', () => {
  81
  82         loadDrawingBoardWithRecreateMode();
  83
  84         // Then...
  85         editNode("node-21ae311e-432f-4c54-b855-446d0b8ded72-vProbe_NC_VNF 0")
  86           .getElementByDataTestsId("instanceName").should('have.value', 'hvf6arlba007')
  87           .getElementByDataTestsId("productFamily").should('contain', 'Emanuel')
  88           .getElementByDataTestsId("tenant").should('contain', 'DN5242-Nov21-T1')
  89           .getElementByDataTestsId("lcpRegion").should('contain', 'hvf6')
  90           .getElementByDataTestsId("lineOfBusiness").should('contain', 'zzz1')
  91           .getElementByDataTestsId("rollback").should('contain', 'Rollback')
  92           .checkPlatformValue('xxx1')
  93           .getElementByDataTestsId("cancelButton").click();
  94
  95         editNode("node-c5b26cc1-a66f-4b69-aa23-6abc7c647c88-vprobe_nc_vnf0..VprobeNcVnf..FE_base_module..module-0")
  96           .getElementByDataTestsId("instanceName").should('have.value', 'hvf6arlba007_lba_Base_01')
  97           .getElementByDataTestsId("lcpRegion").should('contain', 'hvf6')
  98           .getElementByDataTestsId("tenant").should('contain', 'DN5242-Nov21-T1')
  99           .getElementByDataTestsId("rollback").should('contain', 'Rollback')
 100           .getElementByDataTestsId("cancelButton").click();
 101
 102         editNode("node-c09e4530-8fd8-418f-9483-2f57ce927b05-vprobe_nc_vnf0..VprobeNcVnf..FE_Add_On_Module_vlbagent_eph..module-1")
 103           .getElementByDataTestsId("instanceName").should('have.value', 'my_hvf6arlba007_lba_dj_01')
 104           .getElementByDataTestsId("volumeGroupName").should('have.value', 'my_special_hvf6arlba007_lba_dj_01_vol')
 105           .getElementByDataTestsId("lcpRegion").should('contain', 'hvf6')
 106           .getElementByDataTestsId("tenant").should('contain', 'DN5242-Nov21-T1')
 107           .getElementByDataTestsId("rollback").should('contain', 'Rollback')
 108           .getElementByDataTestsId("sdncPreLoad").should('have.value', 'on')
 109           .getElementByDataTestsId("cancelButton").click();
 110
 111         assertThatBodyFromDeployRequestEqualsToTemplateFromBackEnd([
 112           {path: [...vnfPath, "vnfStoreKey"], value: "vProbe_NC_VNF 0"}, // side-effect
 113         ]);
 114       });
 115
 116       it(`Given a stored template - when "edit" service is opened - then template’s details are visible as expected`, function () {
 117
 118         loadDrawingBoardWithRecreateMode();
 119
 120         cy.openServiceContextMenu()
 121           .getElementByDataTestsId("context-menu-header-edit-item").click()
 122           .getElementByDataTestsId("instanceName").should('have.value', 'vProbe_NC_Service_DG_new_SI')
 123           .getElementByDataTestsId("subscriberName").should('contain', 'SILVIA ROBBINS')
 124           .getElementByDataTestsId("serviceType").should('contain', 'TYLER SILVIA')
 125           .getElementByDataTestsId("owningEntity").should('contain', 'WayneHolland')
 126           .getElementByDataTestsId("project").should('contain', 'WATKINS')
 127           .getElementByDataTestsId("rollback").should('contain', 'Rollback');
 128
 129       });
 130
 131       it(`Given a stored template - add one VfModule, edit its details, and deploy - deploy is added with the vfModule details`, () => {
 132         loadDrawingBoardWithRecreateMode();
 133
 134         let newVfModuleName = "new.vfmodule.name";
 135         let module1ModelId = "VprobeNcVnf..FE_Add_On_Module_vlbagent_eph..module-1";
 136         let module1CustomizationId = `vprobe_nc_vnf0..${module1ModelId}`;
 137
 138         // Click target VNF on right tree
 139         cy.getElementByDataTestsId('node-21ae311e-432f-4c54-b855-446d0b8ded72-vProbe_NC_VNF 0').click();
 140
 141         // Click [+] vfModule on left tree
 142         cy.drawingBoardPressAddButtonByElementName(`node-${module1CustomizationId}`)
 143           .click({force: true});
 144
 145         editNode(`node-c09e4530-8fd8-418f-9483-2f57ce927b05-${module1CustomizationId}`, 1);
 146           cy.clearInput("instanceName");
 147           cy.typeToInput("instanceName", newVfModuleName);
 148           cy.selectDropdownOptionByText('lcpRegion', 'hvf6');
 149           cy.selectDropdownOptionByText('tenant', 'DN5242-Nov21-T1');
 150           cy.getElementByDataTestsId('form-set').click();
 151
 152         // Then...
 153         cy.getReduxState().then((state) => {
 154           let vfModules_1Path = [
 155             ...vnfPath, "vfModules", module1CustomizationId,
 156           ];
 157
 158           let serviceInstanceElementOnRedux = state.service.serviceInstance[serviceModelId];
 159           let latestVfModule_1Path = findPathOfLatestVfModule(serviceInstanceElementOnRedux, vfModules_1Path);
 160
 161           // This is a funny merge, as values are already there, but that way ensures
 162           // the values that selected are really deployed, while limiting the cost of
 163           // maintenance, by taking other vfModule's fields as granted.
 164           let latestVfModule_1ExpectedValue = _.merge(
 165             _.get(serviceInstanceElementOnRedux, latestVfModule_1Path),
 166             {
 167               instanceName: newVfModuleName,
 168               volumeGroupName: `${newVfModuleName}_vol`,
 169               lcpCloudRegionId: "hvf6",
 170               tenantId: "4914ab0ab3a743e58f0eefdacc1dde77",
 171             }
 172           );
 173
 174           assertThatBodyFromDeployRequestEqualsToTemplateFromBackEnd([
 175             {path: [...vnfPath, "vnfStoreKey"], value: "vProbe_NC_VNF 0"},   // side-effect
 176             {path: ["existingNames", newVfModuleName], value: ""},
 177             {path: ["existingNames", `${newVfModuleName}_vol`], value: ""},
 178             {path: latestVfModule_1Path, value: latestVfModule_1ExpectedValue},
 179             {path: ["validationCounter"], value: null},  // side-effect
 180           ]);
 181         });
 182
 183       });
 184
 185       [
 186         {desc: "with changes", modifySomeValues: true},
 187         {desc: "without changes", modifySomeValues: false},
 188       ].forEach((testCase) => {
 189
 190         it(`Given a stored template - edit service vnf and vfmodule ${testCase.desc} - deploy request should be ${testCase.desc}`, function () {
 191
 192           loadDrawingBoardWithRecreateMode();
 193
 194           //edit service
 195           cy.openServiceContextMenu();
 196           cy.getElementByDataTestsId("context-menu-header-edit-item").click();
 197           if (testCase.modifySomeValues) {
 198             cy.clearInput("instanceName");
 199             cy.typeToInput("instanceName", "different.instance.name");
 200           }
 201           cy.getElementByDataTestsId('form-set').click();
 202
 203           // edit vnf
 204           editNode("node-21ae311e-432f-4c54-b855-446d0b8ded72-vProbe_NC_VNF 0");
 205           if (testCase.modifySomeValues) {
 206             cy.selectPlatformValue('platform');
 207             cy.selectDropdownOptionByText("tenant", "CESAR-100-D-spjg61909");
 208           }
 209           cy.getElementByDataTestsId('form-set').click();
 210
 211           //edit vf module
 212           editNode("node-c5b26cc1-a66f-4b69-aa23-6abc7c647c88-vprobe_nc_vnf0..VprobeNcVnf..FE_base_module..module-0");
 213           if (testCase.modifySomeValues) {
 214             cy.getElementByDataTestsId('sdncPreLoad').click();
 215           }
 216           cy.getElementByDataTestsId('form-set').click();
 217
 218           // Then...
 219           let vfModule_0Path = [
 220             ...vnfPath, "vfModules",
 221             "vprobe_nc_vnf0..VprobeNcVnf..FE_base_module..module-0",
 222             "vprobe_nc_vnf0..VprobeNcVnf..FE_base_module..module-0ahubg",
 223           ];
 224
 225           assertThatBodyFromDeployRequestEqualsToFile(testCase.modifySomeValues ? [
 226             {path: ["instanceName"], value: "different.instance.name"},
 227             {path: ["existingNames", "vprobe_nc_service_dg_new_si"], value: undefined},
 228             {path: ["existingNames", "different.instance.name"], value: ""},
 229
 230             {path: [...vnfPath, "platformName"], value: "xxx1,platform"},
 231             {path: [...vnfPath, "tenantId"], value: "f2f3830e4c984d45bcd00e1a04158a79"},
 232
 233             {path: [...vfModule_0Path, "sdncPreLoad"], value: true},
 234           ] : []);
 235         })
 236
 237       });
 238
 239     });
 240   });
 241 });
 242
 243 const serviceModelId = '6cfeeb18-c2b0-49df-987a-da47493c8e38';
 244
 245 const vnfPath = [
 246   "vnfs", "vProbe_NC_VNF 0"
 247 ];
 248
 249 function loadDrawingBoardWithRecreateMode() {
 250   const templateUuid = "46390edd-7100-46b2-9f18-419bd24fb60b";
 251
 252   const drawingBoardAction = `RECREATE`;
 253   const templateTopologyEndpoint = "templateTopology";
 254   cy.route(`**/rest/models/services/${serviceModelId}`,
 255     'fixture:../support/jsonBuilders/mocks/jsons/instantiationTemplates/templates__service_model.json')
 256     .as('serviceModel');
 257
 258   cy.route(`**/instantiationTemplates/${templateTopologyEndpoint}/${templateUuid}`,
 259     'fixture:../../../vid-automation/src/test/resources/asyncInstantiation/templates__instance_template.json')
 260     .as('templateTopology');
 261
 262   // When...
 263
 264   cy.openIframe(`app/ui/#/servicePlanning/${drawingBoardAction}` +
 265     `?jobId=${templateUuid}` +
 266     `&serviceModelId=${serviceModelId}`);
 267
 268   cy.wait('@serviceModel');
 269   cy.wait('@templateTopology');
 270 }
 271
 272 function nodeAction(dataTestId: string, action: string, index ?: number) {
 273   return cy.drawingBoardTreeOpenContextMenuByElementDataTestId(dataTestId, index)
 274     .drawingBoardTreeClickOnContextMenuOptionByName(action)
 275 }
 276
 277 function editNode(dataTestId: string, index ?: number) {
 278   return nodeAction(dataTestId, 'Edit', index);
 279 }
 280
 281 function addNewNode(dataTestId: string) {
 282   return cy.getElementByDataTestsId(dataTestId).click({force: true})
 283 }
 284
 285 function removeVNFWithVFModules(dataTestId: string) {
 286   return nodeAction(dataTestId, 'Remove')
 287     .getTagElementContainsText('button', 'Remove VNF').click()
 288 }
 289
 290 function assertThatBodyFromDeployRequestEqualsToTemplateFromBackEnd(deviationFromExpected: { path: PropertyPath, value: any }[] = []) {
 291   cy.getDrawingBoardDeployBtn().click();
 292   cy.wait('@expectedPostAsyncInstantiation').then(xhr => {
 293     cy.readFile('../vid-automation/src/test/resources/asyncInstantiation/templates__instance_template.json').then((expectedResult) => {
 294       convertRollbackOnFailureValueFromStringToBoolean(expectedResult);
 295
 296       let xhrBodyWithoutIsDirtyField = removeIsDirtyFieldFromXhrRequestBody(xhr);
 297       setDeviationInExpected(expectedResult, deviationFromExpected);
 298       cy.deepCompare(xhrBodyWithoutIsDirtyField, expectedResult);
 299     });
 300   });
 301 }
 302
 303
 304 function assertThatBodyFromDeployRequestEqualsToFile(deviationFromExpected: { path: PropertyPath, value: any }[] = []) {
 305   cy.getDrawingBoardDeployBtn().click();
 306   cy.wait('@expectedPostAsyncInstantiation').then(xhr => {
 307
 308     cy.readFile('../vid-automation/src/test/resources/asyncInstantiation/templates__instance_from_template__set_without_modify1.json').then((expectedResult) => {
 309       setDeviationInExpected(expectedResult, deviationFromExpected);
 310       cy.deepCompare(xhr.request.body, expectedResult);
 311     });
 312
 313   });
 314 }
 315
 316 function bodyOf(xhr: Cypress.WaitXHR) {
 317   return JSON.parse(JSON.stringify(xhr.request.body));
 318 }
 319
 320 function setDeviationInExpected(expectedResult: any, deviations: { path: PropertyPath; value: any }[]) {
 321   for (const deviation of deviations) {
 322     _.set(expectedResult, deviation.path, deviation.value);
 323   }
 324 }
 325
 326 function findPathOfLatestVfModule(serviceInstanceElementFromRedux: any, vfModulesContainerPath: string[]) {
 327   let latestVfModuleRandomlySelectedKey: string = _.last(_.keys(
 328     _.get(serviceInstanceElementFromRedux, vfModulesContainerPath)
 329   )) as string;
 330
 331   return [...vfModulesContainerPath, latestVfModuleRandomlySelectedKey];
 332 }
 333
 334 //We use this function because the deployService() on drawing-board-header.component class
 335 // changes rollbackOnFailure value from string type to boolean.
 336 function convertRollbackOnFailureValueFromStringToBoolean(expectedResult: any) {
 337   expectedResult.rollbackOnFailure = Boolean(expectedResult.rollbackOnFailure);
 338 }
 339
 340 function removeIsDirtyFieldFromXhrRequestBody(xhr: any) {
 341   let xhrTempBody = bodyOf(xhr);
 342   delete xhrTempBody.isDirty;
 343   return xhrTempBody;
 344 }
 345
 346 function mockAsyncBulkResponse() {
 347   cy.server().route({
 348     url: Cypress.config('baseUrl') + '/asyncInstantiation/bulk',
 349     method: 'POST',
 350     status: 200,
 351     response: "[]",
 352   }).as("expectedPostAsyncInstantiation");
 353 }