itemengine-cypress-automation 1.0.2

package/cypress/pages/dialogBoxBase.js

@@ -0,0 +1,111 @@
+import utilities from "../support/helpers/utilities";
+import { createQuestionBasePage } from "./components";
+const css = Cypress.env('css');
+
+const selectors = {
+    dialogBox: () => cy.get('[aria-describedby="alert-dialog-description"]'),
+    dialogBoxTitle: () => cy.get('#alert-dialog-title'),
+    dialogBoxContent: () => cy.get('div[id="alert-dialog-description"]'),
+    buttonReject: () => cy.get('.action-btn-wrapper button').eq(0),
+    buttonAccept: () => cy.get('.action-btn-wrapper button').eq(1),
+    buttonClose: () => cy.get('[aria-label="CLOSE"]')
+}
+
+const steps = {
+    allFieldsRequiredWarningPopupContents: () => {
+        dialogBoxBase.dialogBox()
+            .should('be.visible');
+        dialogBoxBase.dialogBoxTitle()
+            .verifyInnerText('Warning!');
+        dialogBoxBase.dialogBoxContent()
+            .verifyInnerText('Please fill the required fields.');
+        dialogBoxBase.buttonClose()
+            .should('be.visible');
+    },
+
+    closeWarningPopup: () => {
+        dialogBoxBase.buttonClose()
+            .click();
+        dialogBoxBase.dialogBox()
+            .should('not.exist');
+    },
+
+    clickOnAcceptButtonInDialogBox: () => {
+        dialogBoxBase.buttonAccept()
+            .click();
+        dialogBoxBase.dialogBox()
+            .should('not.exist');
+    },
+
+    clickOnRejectButtonInDialogBox: () => {
+        dialogBoxBase.buttonReject()
+            .click();
+        dialogBoxBase.dialogBox()
+            .should('not.exist');
+    }
+}
+
+const tests = {
+    verifyRequiredFieldsWarningPopupOnClickingSaveButton: () => {
+        it('When user has made no edits and clicks on Save Question button, the user should get a warning popup', () => {
+            createQuestionBasePage.saveQuestionButton()
+                .click();
+            dialogBoxBase.dialogBox()
+                .should('exist');
+            dialogBoxBase.dialogBoxTitle()
+                .verifyInnerText('Warning!');
+            dialogBoxBase.dialogBoxContent()
+                .verifyInnerText('Please fill the required fields.');
+            dialogBoxBase.buttonClose()
+                .should('be.visible');
+        });
+
+        it('Warning popup should close on clicking the Close icon button', () => {
+            dialogBoxBase.buttonClose()
+                .click();
+            dialogBoxBase.dialogBox()
+                .should('not.exist');
+        });
+    },
+
+    verifyContentsOfLeavePagePopupWithCSSAnda11y: () => {
+        it('The pop up should be displayed with the message \'Are you sure you want to leave this page? Your changes have not been saved.\'', () => {
+            utilities.verifyInnerText(dialogBoxBase.dialogBoxContent(), 'Are you sure you want to leave this page? Your changes have not been saved.');
+            utilities.verifyInnerText(dialogBoxBase.buttonAccept(), 'Yes, I want to leave this page');
+            utilities.verifyInnerText(dialogBoxBase.buttonReject(), 'No, I\'d like to go back');
+        });
+
+        //Failing due to https://redmine.zeuslearning.com/issues/542700
+        it('CSS of popup', { tags: 'css' }, () => {
+            utilities.verifyCSS(dialogBoxBase.dialogBox(), {
+                'background-color': css.color.defaultBackground,
+            });
+            utilities.verifyCSS(dialogBoxBase.dialogBoxContent().find('p'), {
+                'color': css.color.sectionHeading,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(dialogBoxBase.buttonAccept(), {
+                'color': css.color.primaryBtn,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(dialogBoxBase.buttonReject(), {
+                'color': css.color.secondaryBtn,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular,
+                'background-color': css.color.transparent
+            });
+        });
+
+        it('Accessibility of popup', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(dialogBoxBase.dialogBox());
+        });
+    }
+}
+
+export const dialogBoxBase = {
+    ...selectors,
+    steps,
+    tests
+}