itemengine-cypress-automation 1.0.128 → 1.0.131-updateILCrepo6March-02c78d1.0

package/cypress/e2e/ILC/ContentBlocks/editTabBasics.js

@@ -0,0 +1,210 @@
+import { contentBlocksPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Content blocks - Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section', () => {
+        abortEarlySetup();
+        before(() => {
+            contentBlocksPage.steps.navigateToCreateResource('content blocks');
+        });
+
+        it('\'Header\' label should be displayed', () => {
+            utilities.verifyInnerText(contentBlocksPage.headerLabel(), 'Header');
+            utilities.verifyElementVisibilityState(contentBlocksPage.headerLabel(), 'visible');
+        });
+
+        it('\'Title\' label and input field should be displayed and by default input field should be empty', () => {
+            utilities.verifyInnerText(contentBlocksPage.titleLabel(), 'Title');
+            utilities.verifyElementVisibilityState(contentBlocksPage.titleLabel(), 'visible');
+            utilities.verifyInnerText(contentBlocksPage.titleInputField(), '');
+            utilities.verifyElementVisibilityState(contentBlocksPage.titleInputField(), 'visible');
+        });
+
+        it('\'Title\' input field should have a placeholder text \'Enter title\'', () => {
+            contentBlocksPage.steps.verifyTitleInputFieldPlaceholderText();
+        });
+
+        it('When user enters text in \'Title\'input field then placeholder text should disappear after user enters the text in input field', () => {
+            contentBlocksPage.steps.enterTextInTitleInputField('Title text');
+            contentBlocksPage.steps.verifyPlaceholderTextNotExist(contentBlocksPage.titleInputField);
+        });
+
+        it('\'Sub title\' label and input field should be displayed and by default input field should be empty', () => {
+            utilities.verifyInnerText(contentBlocksPage.headerSubTitleLabel(), 'Sub title');
+            utilities.verifyElementVisibilityState(contentBlocksPage.headerSubTitleLabel(), 'visible');
+            utilities.verifyInnerText(contentBlocksPage.headerSubTitleInputField(), '');
+            utilities.verifyElementVisibilityState(contentBlocksPage.headerSubTitleInputField(), 'visible');
+        });
+
+        it('\'Sub title\' input field should have a placeholder text \'Enter sub title\'', () => {
+            contentBlocksPage.steps.verifySubTitleInputFieldPlaceholderText();
+        });
+
+        it('When user enters text in \'Sub title\'input field then placeholder text should disappear after user enters the text in input field', () => {
+            contentBlocksPage.steps.enterTextInSubTitleInputField('Sub title text');
+            contentBlocksPage.steps.verifyPlaceholderTextNotExist(contentBlocksPage.headerSubTitleInputField);
+        });
+
+        it('CSS of header section', { tags: 'css' }, () => {
+            utilities.verifyCSS(contentBlocksPage.headerLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(contentBlocksPage.titleLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(contentBlocksPage.headerSubTitleLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        it('Accessibility of header section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(contentBlocksPage.headerLabel().parents('content-blocks'));
+        });
+    });
+
+    describe('Body section', () => {
+        abortEarlySetup();
+        before(() => {
+            contentBlocksPage.steps.navigateToCreateResource('content blocks');
+        });
+
+        it('\'Body\' label should be displayed', () => {
+            utilities.verifyInnerText(contentBlocksPage.bodyLabel(), 'Body');
+            utilities.verifyElementVisibilityState(contentBlocksPage.bodyLabel(), 'visible');
+        });
+
+        it('\'Text block\' label and input field should be displayed and by default input field should be empty', () => {
+            utilities.verifyInnerText(contentBlocksPage.textBlockLabel(), 'Text block');
+            utilities.verifyElementVisibilityState(contentBlocksPage.textBlockLabel(), 'visible');
+            utilities.verifyInnerText(contentBlocksPage.textBlockInputField(), '\n');
+            utilities.verifyElementVisibilityState(contentBlocksPage.textBlockInputField(), 'visible');
+        });
+
+        it('\'Text block\' input field should have a placeholder text \'Enter text block\' and numeration 1', () => {
+            utilities.verifyInnerText(contentBlocksPage.blockNumeration(), '1');
+            utilities.verifyElementVisibilityState(contentBlocksPage.blockNumeration(), 'visible');
+            contentBlocksPage.steps.verifyTextBlockInputFieldPlaceholderText();
+        });
+
+        it('When user enters text in \'Text block\'input field then placeholder text should disappear after user enters the text in input field', () => {
+            contentBlocksPage.steps.enterTextInTextBlockInputField(0, 'Text block text');
+            contentBlocksPage.steps.verifyTextBlockInputFieldPlaceholderTextNotExist(contentBlocksPage.verifyTextBlockInputFieldPlaceholderText);
+        });
+
+        it('When user clears text and focuses out of text block input field, then error message \'Error: Text block is required.\' should be displayed', () => {
+            contentBlocksPage.steps.clearAndFocusOutOfTextBlockInputField();
+            utilities.verifyInnerText(utilities.getNthElement(contentBlocksPage.errorMessage(), 2), 'Error: Text block is required.');
+            utilities.verifyElementVisibilityState(contentBlocksPage.errorMessage(), 'visible');
+        });
+
+        it('When user enters text again then error message should disappear', () => {
+            contentBlocksPage.steps.enterTextInTextBlockInputField(0, '​​​​​​​​​​​​​​​​​​​​​Text block');
+            utilities.verifyElementVisibilityState(contentBlocksPage.errorMessage(), 'hidden');
+        });
+
+        it('When body input fields are less than 2 then drag handle and Delete page button should be in disabled state', () => {
+            utilities.verifyElementVisibilityState(contentBlocksPage.dragHandleButton(), 'visible');
+            utilities.verifyElementVisibilityState(contentBlocksPage.deleteButton(), 'visible');
+            contentBlocksPage.steps.verifyDragHandleButtonDisabled();
+            utilities.verifyElementDisabledClass(contentBlocksPage.deleteButton());
+        });
+
+        it('When user hovers over delete button, then \'Minimum one text block is required.\' tooltip should be displayed', () => {
+            utilities.hoverOverElement(contentBlocksPage.deleteButton());
+            utilities.verifyElementVisibilityState(contentBlocksPage.tooltipText(), 'visible');
+            utilities.verifyInnerText(contentBlocksPage.tooltipText(), 'Minimum one text block is required.');
+        });
+
+        it('\'Add group divider\', \'Add sub title\' and \'Add text block\' buttons should be displayed', () => {
+            utilities.verifyInnerText(contentBlocksPage.addGroupDividerButton(), 'Add group divider');
+            utilities.verifyElementVisibilityState(contentBlocksPage.addGroupDividerButton(), 'visible');
+            utilities.verifyInnerText(contentBlocksPage.addSubTitleButton(), 'Add sub title');
+            utilities.verifyElementVisibilityState(contentBlocksPage.addSubTitleButton(), 'visible');
+            utilities.verifyInnerText(contentBlocksPage.addTextBlockButton(), 'Add text block');
+            utilities.verifyElementVisibilityState(contentBlocksPage.addTextBlockButton(), 'visible');
+        });
+
+        it('When user clicks on \'Add sub title\' then sub title input field should be displayed with label, placeholder text and numeration. Drag handle and Delete option icon buttons should be displayed besides body input field', () => {
+            contentBlocksPage.steps.addSubTitle();
+            contentBlocksPage.steps.verifyBodySubTitleContent(0, '2');
+        });
+
+        it('When user enters text in \'Sub title\'input field then placeholder text should disappear after user enters the text in input field', () => {
+            contentBlocksPage.steps.enterTextInBodySubTitleInputField(0, 'Sub title text');
+            contentBlocksPage.steps.verifyPlaceholderTextNotExist(contentBlocksPage.bodySubTitleInputField);
+        });
+
+        it('When body input fields are more than one then drag handle and Delete page button should be in displayed in enabled state', () => {
+            utilities.verifyElementCount(contentBlocksPage.inputFieldWrapper(), 2);
+            contentBlocksPage.steps.verifyDragHandleButtonEnabled();
+            utilities.verifyElementNotDisabled(contentBlocksPage.deleteButton());
+        });
+
+        it('When user clicks on \'Add text block\' then text block input field should be displayed with label, placeholder text and numeration. Drag handle and Delete option icon buttons should be displayed besides body input field', () => {
+            contentBlocksPage.steps.addTextBlock();
+            contentBlocksPage.steps.verifyTextBlockContent(1, '3');
+        });
+
+        it('When user clicks on \'Add group divider\' then group divider should be displayed with label. Drag handle and Delete option icon buttons should be displayed besides group divider', () => {
+            contentBlocksPage.steps.addGroupDivider();
+            contentBlocksPage.steps.verifyGroupDividerContent(0);
+        });
+
+        it('CSS of header section', { tags: 'css' }, () => {
+            utilities.verifyCSS(contentBlocksPage.bodyLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(utilities.getNthElement(contentBlocksPage.textBlockLabel(), 0), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(utilities.getNthElement(contentBlocksPage.bodySubTitleLabel, 0), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(contentBlocksPage.groupDividerLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        it('Accessibility of header section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(contentBlocksPage.headerLabel().parents('content-blocks'));
+        });
+
+        it('When the user hovers over the drag handle of the body field, \'Drag to reorder\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the drag handle', () => {
+            utilities.hoverOverElement(utilities.getNthElement(contentBlocksPage.dragHandleButton(), 0));
+            utilities.verifyElementVisibilityState(utilities.getNthElement(contentBlocksPage.tooltipText(), 1), 'visible');
+            utilities.verifyInnerText(utilities.getNthElement(contentBlocksPage.tooltipText(), 1), 'Drag to reorder');
+        });
+
+        it('When the user hovers over the enabled \'Delete\' icon buttons then, \'Delete page\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the \'Delete\' icon button', () => {
+            utilities.hoverOverElement(utilities.getNthElement(contentBlocksPage.deleteButton(), 0));
+            utilities.verifyElementVisibilityState(utilities.getNthElement(contentBlocksPage.tooltipText(), 1), 'visible');
+            utilities.verifyInnerText(utilities.getNthElement(contentBlocksPage.tooltipText(), 1), 'Delete page');
+        });
+
+        it('When user clicks on the \'Delete\' page button then the respective body input field should get deleted, body numeration should change accordingly', () => {
+            contentBlocksPage.steps.deletePage(0);
+            contentBlocksPage.steps.verifyNumerationText(2);
+            utilities.verifyElementCount(contentBlocksPage.inputFieldWrapper(), 2);
+        });
+    });
+});

package/cypress/e2e/ILC/ContentBlocks/previewContents.smoke.js

@@ -0,0 +1,91 @@
+import { contentBlocksPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const views = utilities.getViews(previewContentViews);
+var itemReferenceID = "";
+
+describe('Preview tab contents for all views', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        contentBlocksPage.steps.navigateToCreateResource('content blocks');
+                        contentBlocksPage.steps.enterTextInTitleInputField('This is title text');
+                        contentBlocksPage.steps.enterTextInSubTitleInputField('This is subtitle text');
+                        contentBlocksPage.steps.enterTextInTextBlockInputField('This is text block text');
+                        contentBlocksPage.steps.addGroupDivider();
+                        utilities.verifyElementVisibilityState(contentBlocksPage.groupDivider(), 'visible');
+                        contentBlocksPage.steps.addSubTitle();
+                        contentBlocksPage.steps.enterTextInBodySubTitleInputField('This is body subtitle text');
+                        contentBlocksPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        contentBlocksPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Correct answer view':
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    contentBlocksPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            it('Title and subtitle text should be displayed', () => {
+                utilities.verifyInnerText(contentBlocksPage.titlePreviewTab(), 'This is title text');
+                utilities.verifyElementVisibilityState(contentBlocksPage.titlePreviewTab(), 'visible');
+                utilities.verifyInnerText(contentBlocksPage.subTitleLabelPreviewTab(), 'This is subtitle text');
+                utilities.verifyElementVisibilityState(contentBlocksPage.subTitleLabelPreviewTab(), 'visible');
+            });
+
+            it('Text block, solid group divider and subtitle text should be displayed', () => {
+                utilities.verifyInnerText(contentBlocksPage.textBlockPreviewTab(), 'This is text block text');
+                utilities.verifyElementVisibilityState(contentBlocksPage.textBlockPreviewTab(), 'visible');
+                utilities.verifyElementVisibilityState(contentBlocksPage.groupDividerPreviewTab(), 'visible');
+                utilities.verifyInnerText(contentBlocksPage.bodySubTitlePreviewTab(), 'This is body subtitle text');
+                utilities.verifyElementVisibilityState(contentBlocksPage.bodySubTitlePreviewTab(), 'visible');
+            });
+
+            it('CSS of Preview tab', { tags: 'css' }, () => {
+                utilities.verifyCSS(contentBlocksPage.textBlockPreviewTab(), {
+                    'color': css.color.text,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.regular
+                });
+            });
+
+            it('Accessibility of Preview tab', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(contentBlocksPage.textBlockPreviewTab().parents('[class*="ItemEnginestyles__MainWrapper"]'));
+            });
+        });
+    });
+});