Use popup-sized viewport on Cypress tests where relevant
The smaller viewport let more authentic tests, and a real-life look-and-feel.
It is used on:
- New Service popup
- Audit-info of Instantiation Status
- Templates modal
Issue-ID: VID-724
Change-Id: I4f9928a3f730085bd66f5920a14b3a44ef5a23ba
Signed-off-by: Ittay Stern <ittay.stern@att.com>
diff --git a/vid-webpack-master/cypress/integration/iFrames/auditInfo.modal.e2e.ts b/vid-webpack-master/cypress/integration/iFrames/auditInfo.modal.e2e.ts
index ee147a9..16ed219 100644
--- a/vid-webpack-master/cypress/integration/iFrames/auditInfo.modal.e2e.ts
+++ b/vid-webpack-master/cypress/integration/iFrames/auditInfo.modal.e2e.ts
@@ -30,13 +30,15 @@
cy.get('.instantiation-status-data tbody tr').each(function (row, index) {
cy.get('.icon-menu').eq(index).click({force: true}).then(()=>{
cy.getElementByDataTestsId('context-menu-audit-info').click({force:true}).then(()=>{
+ cy.setViewportToSmallPopup();
cy.get('#service-model-name').should('contain', row.find('#serviceModelName').text().trim())
.getElementByDataTestsId('model-item-value-userId').should('contain', row.find('#userId').text().trim())
.get('#service-instantiation-audit-info-vid').should('be.visible')
.get('#service-instantiation-audit-info-vid').find('#vidJobStatus').should('be.visible')
.get('#service-instantiation-audit-info-mso').should('be.visible')
.get('#service-instantiation-audit-info-mso').find('#msoJobStatus').should('be.visible')
- .get('#cancelButton').click({force:true});
+ .get('#cancelButton').click({force: true})
+ .setViewportToDefault();
})
});
});
@@ -46,6 +48,7 @@
cy.openIframe('app/ui/#/instantiationStatus');
cy.get('.icon-menu').eq(0).click({force:true}).then(() => {
cy.getElementByDataTestsId('context-menu-audit-info').click({force:true}).then(() => {
+ cy.setViewportToSmallPopup();
cy.get('#service-instantiation-audit-info-mso thead tr th#instanceName').should("not.be.visible")
.get('#service-instantiation-audit-info-mso tbody tr td.msoInstanceName').should("not.be.visible");
})
@@ -58,6 +61,7 @@
cy.openIframe('app/ui/#/instantiationStatus');
cy.get('.icon-menu').eq(7).click({force:true}).then(() => {
cy.getElementByDataTestsId('context-menu-audit-info').click({force:true}).then(() => {
+ cy.setViewportToSmallPopup();
cy.get('#service-instantiation-audit-info-mso thead tr th#instanceName').should("be.visible")
.get('#service-instantiation-audit-info-mso tbody tr').each(function (row, index) {
assert.equal(row.find('.request-id').text().trim(), res[index]['requestId']);
@@ -74,6 +78,7 @@
cy.openIframe('app/ui/#/instantiationStatus');
cy.get('.icon-menu').eq(7).click().then(() => {
cy.getElementByDataTestsId('context-menu-audit-info').click().then(() => {
+ cy.setViewportToSmallPopup();
cy.get('#glossary_link').should('be.visible');
});
})
diff --git a/vid-webpack-master/cypress/integration/iFrames/instantiation.templates.modal.e2e.ts b/vid-webpack-master/cypress/integration/iFrames/instantiation.templates.modal.e2e.ts
index 3786bc5..c8f8472 100644
--- a/vid-webpack-master/cypress/integration/iFrames/instantiation.templates.modal.e2e.ts
+++ b/vid-webpack-master/cypress/integration/iFrames/instantiation.templates.modal.e2e.ts
@@ -110,10 +110,7 @@
cy.route(Cypress.config('baseUrl') + "/instantiationTemplates**", instantiationTemplates);
cy.route(Cypress.config('baseUrl') + "/getuserID", '16807000');
- cy.openIframe('/app/ui/#/servicePopup?serviceModelId=2f80c596-27e5-4ca9-b5bb-e03a7fd4c0fd&isCreate=true');
-
-
-
+ cy.openPopupIframe('/app/ui/#/servicePopup?serviceModelId=2f80c596-27e5-4ca9-b5bb-e03a7fd4c0fd&isCreate=true');
});
@@ -172,7 +169,7 @@
const vidBaseUrl = `http://localhost:8080/vid/serviceModels.htm`;
cy.getElementByDataTestsId('row-5c2cd8e5-27d0-42e3-85a1-85db5eaba459').click();
- cy.getElementByDataTestsId('LoadTemplateButton').click()
+ cy.getElementByDataTestsId('LoadTemplateButton').click().setViewportToDefault();
cy.location().should((loc) => {
expect(loc.toString()).to.eq(`${vidBaseUrl}#/servicePlanning/RECREATE?serviceModelId=${serviceModelId}&jobId=${jobId}`);
diff --git a/vid-webpack-master/cypress/integration/iFrames/service.popup.e2e.ts b/vid-webpack-master/cypress/integration/iFrames/service.popup.e2e.ts
index 7d1a182..83e6b4d 100644
--- a/vid-webpack-master/cypress/integration/iFrames/service.popup.e2e.ts
+++ b/vid-webpack-master/cypress/integration/iFrames/service.popup.e2e.ts
@@ -19,7 +19,7 @@
cy.readFile('cypress/support/jsonBuilders/mocks/jsons/emptyServiceRedux.json').then((res1) => {
res1.service.serviceHierarchy["2f80c596-27e5-4ca9-b5bb-e03a7fd4c0fd"].service.vidNotions.instantiationType = 'ALaCarte';
cy.setReduxState(<any>res1);
- cy.openIframe('/app/ui/#/servicePopup?serviceModelId=2f80c596-27e5-4ca9-b5bb-e03a7fd4c0fd&isCreate=true');
+ cy.openPopupIframe('/app/ui/#/servicePopup?serviceModelId=2f80c596-27e5-4ca9-b5bb-e03a7fd4c0fd&isCreate=true');
cy.isElementContainsAttr('form-set', 'disabled');
cy.get('label').contains('Instance name:').should('not.have.class', 'required')
.get('label').contains('Subscriber name:').should('have.class', 'required')
@@ -36,14 +36,14 @@
let isEcompNaming = false;
res1.service.serviceHierarchy["2f80c596-27e5-4ca9-b5bb-e03a7fd4c0fd"].service.serviceEcompNaming = isEcompNaming.toString();
cy.setReduxState(<any>res1);
- cy.openIframe('/app/ui/#/servicePopup?serviceModelId=2f80c596-27e5-4ca9-b5bb-e03a7fd4c0fd&isCreate=true');
+ cy.openPopupIframe('/app/ui/#/servicePopup?serviceModelId=2f80c596-27e5-4ca9-b5bb-e03a7fd4c0fd&isCreate=true');
cy.isElementContainsAttr('form-set', 'disabled');
cy.get('label').contains('Instance name:').should('have.class', 'required');
});
});
it('should contains basic selects with required astrix', function () {
- cy.openIframe('/app/ui/#/servicePopup?serviceModelId=2f80c596-27e5-4ca9-b5bb-e03a7fd4c0fd&isCreate=true');
+ cy.openPopupIframe('/app/ui/#/servicePopup?serviceModelId=2f80c596-27e5-4ca9-b5bb-e03a7fd4c0fd&isCreate=true');
cy.isElementContainsAttr('form-set', 'disabled');
cy.get('label').contains('Subscriber name:').should('have.class', 'required')
.get('label').contains('Service type:').should('have.class', 'required')
@@ -57,7 +57,7 @@
});
it('should be able fill all selects', function () {
- cy.openIframe('/app/ui/#/servicePopup?serviceModelId=2f80c596-27e5-4ca9-b5bb-e03a7fd4c0fd&isCreate=true');
+ cy.openPopupIframe('/app/ui/#/servicePopup?serviceModelId=2f80c596-27e5-4ca9-b5bb-e03a7fd4c0fd&isCreate=true');
cy.selectDropdownOptionByText('subscriberName', 'SILVIA ROBBINS');
cy.selectDropdownOptionByText('serviceType', 'TYLER SILVIA');
@@ -76,7 +76,7 @@
cy.readFile('cypress/support/jsonBuilders/mocks/jsons/emptyServiceRedux.json').then((res1) => {
res1.service.categoryParameters.owningEntityList = [];
cy.setReduxState(<any>res1);
- cy.openIframe('/app/ui/#/servicePopup?serviceModelId=2f80c596-27e5-4ca9-b5bb-e03a7fd4c0fd&isCreate=true');
+ cy.openPopupIframe('/app/ui/#/servicePopup?serviceModelId=2f80c596-27e5-4ca9-b5bb-e03a7fd4c0fd&isCreate=true');
cy.get('.message').contains('No results for this request. Please change criteria.');
cy.get('form-general-error').contains('Page contains errors. Please see details next to the relevant fields.');
@@ -84,7 +84,7 @@
});
it('when open service popup should show showPrevious button', () => {
- cy.openIframe('/app/ui/#/servicePopup?serviceModelId=2f80c596-27e5-4ca9-b5bb-e03a7fd4c0fd&isCreate=true');
+ cy.openPopupIframe('/app/ui/#/servicePopup?serviceModelId=2f80c596-27e5-4ca9-b5bb-e03a7fd4c0fd&isCreate=true');
cy.getElementByDataTestsId('ShowPreviousInstancesButton').contains('Previous Instantiation').click();
})