summaryrefslogtreecommitdiffstats
path: root/catalog-ui/cypress/integration/composition_page.spec.js
diff options
context:
space:
mode:
authorys9693 <ys9693@att.com>2020-01-19 13:50:02 +0200
committerOfir Sonsino <ofir.sonsino@intl.att.com>2020-01-22 12:33:31 +0000
commit16a9fce0e104a38371a9e5a567ec611ae3fc7f33 (patch)
tree03a2aff3060ddb5bc26a90115805a04becbaffc9 /catalog-ui/cypress/integration/composition_page.spec.js
parentaa83a2da4f911c3ac89318b8e9e8403b072942e1 (diff)
Catalog alignment
Issue-ID: SDC-2724 Signed-off-by: ys9693 <ys9693@att.com> Change-Id: I52b4aacb58cbd432ca0e1ff7ff1f7dd52099c6fe
Diffstat (limited to 'catalog-ui/cypress/integration/composition_page.spec.js')
-rw-r--r--catalog-ui/cypress/integration/composition_page.spec.js104
1 files changed, 104 insertions, 0 deletions
diff --git a/catalog-ui/cypress/integration/composition_page.spec.js b/catalog-ui/cypress/integration/composition_page.spec.js
new file mode 100644
index 0000000000..32cbe20e12
--- /dev/null
+++ b/catalog-ui/cypress/integration/composition_page.spec.js
@@ -0,0 +1,104 @@
+import { initCommonFixtures } from "../common/init";
+
+describe('The Composition Page', function () {
+
+ beforeEach(() => {
+ cy.server();
+ initCommonFixtures(cy);
+
+ cy.fixture('metadata-vf').as('metadata');
+ cy.fixture('full-data-vf').as('fullData');
+
+ cy.fixture('metadata-vf1').as('metadata1');
+ cy.fixture('full-data-vf1').as('fullData1');
+ })
+
+ it('VF Verify groups policies right panel tabs, name and Icon', function () {
+ cy.route('GET', '**/resources/*/filteredDataByParams?include=metadata', '@metadata');
+ cy.route('GET', '**/resources/*/filteredDataByParams?include=componentInstancesRelations&include=componentInstances&include=nonExcludedPolicies&include=nonExcludedGroups', '@fullData');
+
+ const compositionPageUrl = '#!/dashboard/workspace/' + this.metadata.metadata.uniqueId + '/resource/composition/details';
+ cy.visit(compositionPageUrl);
+
+ cy.get('.sdc-composition-graph-wrapper').should('be.visible'); // it should show the correct number of elements on the canvas -- how to??
+
+ //Group / Policy
+ cy.get('.policy-zone .sdc-canvas-zone__counter').should('have.text', this.fullData.policies.length.toString()); //4 Policies
+ cy.get('.group-zone .sdc-canvas-zone__counter').should('have.html', this.fullData.groups.length.toString()); //2 Groups
+
+ //VF name & Icon
+ cy.get('[data-tests-id=selectedCompTitle]').should('contain', this.metadata.metadata.name);// Name is vf
+ cy.get('.icon').children('sdc-element-icon').children('div').children('svg-icon').should('exist');// Icon exist
+ cy.get('.icon').children('sdc-element-icon').children('div').children('svg-icon').should('have.attr', 'ng-reflect-name', 'defaulticon');
+ cy.get('.icon').children('sdc-element-icon').children('div').children('svg-icon').should('have.attr', 'ng-reflect-type','resources_24');
+ cy.get('.icon').children('sdc-element-icon').children('div').children('svg-icon').should('have.attr', 'ng-reflect-size','x_large');
+ cy.get('.icon').children('sdc-element-icon').children('div').children('svg-icon').should('have.attr', 'ng-reflect-background-shape','circle');
+ cy.get('.icon').children('sdc-element-icon').children('div').children('svg-icon').should('have.attr', 'ng-reflect-background-color','purple');
+
+ //Verify the below tabs exist for VF
+ cy.get('.component-details-panel-tabs sdc-tabs ul').children('li[ng-reflect-text=Information]').should('exist');//General Info Tab Exist
+ cy.get('.component-details-panel-tabs sdc-tabs ul').children('li[ng-reflect-text="Deployment Artifacts"]').should('exist');//General Info Tab Exist
+ cy.get('.component-details-panel-tabs sdc-tabs ul').children('li[ng-reflect-text=Properties]').should('exist');//General Info Tab Exist
+ cy.get('.component-details-panel-tabs sdc-tabs ul').children('li[ng-reflect-text="Information Artifacts"]').should('exist');//General Info Tab Exist
+ cy.get('.component-details-panel-tabs sdc-tabs ul').children('li[ng-reflect-text="Requirements and Capabilities"]').should('exist');//General Info Tab Exist
+
+ cy.get('[data-tests-id="leftPalette.category.Generic"]').should('exist');
+ cy.get('[data-tests-id="leftPalette.category.Generic"]').children().get('.sdc-accordion-header').should('exist');
+ cy.get('[data-tests-id="leftPalette.category.Generic"]').children().get('.sdc-accordion-header').first().trigger('click');
+
+
+ // //Drag & Drop
+ // cy.get('[data-tests-id="extContrailCP"]').children('palette-element').children('div').trigger("mousedown", { which: 1 })
+ // .trigger("mousemove", { which: 1, clientX: 200, clientY: 200})
+ // .trigger("mouseup")
+
+ })
+
+ it('successfully loads VF', function () {
+ //Verify can change ShayTestVF from V1.0 to V1.1
+ //Verify the right panel properties
+
+ cy.route('GET', '**/resources/*/filteredDataByParams?include=metadata', '@metadata1');
+ cy.route('GET', '**/resources/*/filteredDataByParams?include=componentInstancesRelations&include=componentInstances&include=nonExcludedPolicies&include=nonExcludedGroups', '@fullData1');
+
+ const compositionPageUrl = '#!/dashboard/workspace/' + this.metadata.metadata.uniqueId + '/resource/composition/details'
+ cy.visit(compositionPageUrl);
+
+ cy.get('.sdc-composition-graph-wrapper').should('be.visible'); // it should show the correct number of elements on the canvas -- how to??
+
+
+ // TODO:
+ // 1. Verify element exist on Canvas
+ // 2. Drag and drop new Element
+
+
+ // //Drag & Drop
+ // // cy.get('[data-tests-id="Port"]').children('palette-element').children('div').children('sdc-element-icon').trigger("mousedown", { which: 1 })
+ // cy.get('[data-tests-id="extContrailCP"]').children('palette-element').children('div').trigger("mousedown", { which: 1 })
+ // // cy.get('.zoom-icons').first()
+ // .trigger("mousemove", { which: 1, clientX: 200, clientY: 200})
+ // // .trigger("mousemove")
+ // .trigger("mouseup")
+
+ })
+
+ // it('can add a deployment artifact', function() {
+
+ // });
+ // it('can delete a deployment artifact', function() {
+
+ // });
+ // it('can delete a component instance on the canvas', function() {
+
+ // });
+ // it('can add a component instance to the canvas', function() {
+
+ // });
+ // it('can add a group', function() {
+
+ // });
+ // it('can add targets to a group', function() {
+
+ // });
+
+}) \ No newline at end of file