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>

2 files changed, 25 insertions, 1 deletions

diff --git a/vid-webpack-master/cypress/support/index.js b/vid-webpack-master/cypress/support/index.js
index ae125c469..5062f5100 100644
--- a/vid-webpack-master/cypress/support/index.js
+++ b/vid-webpack-master/cypress/support/index.js
@@ -31,11 +31,11 @@ import './jsonBuilders/mocks/aai.mock';
 import './jsonBuilders/mocks/vid.mock';
 import './jsonBuilders/mocks/permission.mock';
 
-
 import './steps/general/compareDeepObjects.step';
 import './steps/drawingBoard/drawingBoardModel.steps';
 import './steps/drawingBoard/drawingBoardTree.steps';
 import './steps/genericForm/genericFormAction.steps';
+import './steps/genericForm/popupViewport.step';
 import './steps/drawingBoard/drawingBoardHeader.steps';
 import './steps/drawingBoard/general.steps';
 import './steps/general/clickOutside.step';
diff --git a/vid-webpack-master/cypress/support/steps/genericForm/popupViewport.step.ts b/vid-webpack-master/cypress/support/steps/genericForm/popupViewport.step.ts
new file mode 100644
index 000000000..2fbcf406f
--- /dev/null
+++ b/vid-webpack-master/cypress/support/steps/genericForm/popupViewport.step.ts
@@ -0,0 +1,24 @@
+declare namespace Cypress {
+  interface Chainable {
+    setViewportToDefault: typeof setViewportToDefault,
+    setViewportToSmallPopup: typeof setViewportToSmallPopup,
+    openPopupIframe: typeof openPopupIframe,
+  }
+}
+
+function setViewportToDefault() {
+  cy.viewport(Cypress.config('viewportWidth'), Cypress.config('viewportHeight'));
+}
+
+function setViewportToSmallPopup() {
+  cy.viewport(1103, 691); // the iframe.popup property on common.css
+}
+
+function openPopupIframe(iframeUrl : string): Chainable<Window> {
+  cy.setViewportToSmallPopup();
+  return cy.visit(iframeUrl);
+}
+
+Cypress.Commands.add('setViewportToDefault', setViewportToDefault);
+Cypress.Commands.add('setViewportToSmallPopup', setViewportToSmallPopup);
+Cypress.Commands.add('openPopupIframe', openPopupIframe);