itemengine-cypress-automation 1.0.348 → 1.0.350-feature-thinkSphere-01c175a.0

package/cypress/e2e/ILC/ThinkSphere/additionalSettings.js

@@ -0,0 +1,52 @@
+import { thinkSpherePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const fontSizeDropdownOptions = ['Tiny', 'Small', 'Default', 'Normal', 'Big', 'Huge'];
+const fontSizes = ['12px', '14px', '16px', '18px', '22px', '26px'];
+
+describe('ThinkSphere: Additional Settings accordion', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional Settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            thinkSpherePage.steps.navigateToThinkSphereCreateQuestion();
+            cy.barsPreLoaderWait();
+        });
+
+        thinkSpherePage.tests.verifyAdditionalSettingsAccordionProperties();
+    });
+
+    describe('Additional settings: Font size contents', () => {
+        abortEarlySetup();
+        before(() => {
+            thinkSpherePage.steps.navigateToThinkSphereCreateQuestion();
+            cy.barsPreLoaderWait();
+            thinkSpherePage.steps.expandAdditionalSettings();
+        });
+
+        thinkSpherePage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size functionality preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            thinkSpherePage.steps.navigateToThinkSphereCreateQuestion();
+            cy.barsPreLoaderWait();
+            thinkSpherePage.steps.addQuestionInstructions();
+            thinkSpherePage.steps.expandAdditionalSettings();
+            utilities.verifyElementVisibilityState(thinkSpherePage.fontSizeDropdown(), 'visible');
+        });
+
+        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
+            it(`When the user selects '${option}' option from the Font Size dropdown, then font size of the preview tab should change to ${option} accordingly`, () => {
+                thinkSpherePage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(thinkSpherePage.fontSizeDropdown(), `${option}`);
+            });
+        });
+    });
+});

package/cypress/e2e/ILC/ThinkSphere/createReviewItem.js

@@ -0,0 +1,58 @@
+import { thinkSpherePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+const allowedQuestions = [
+    'multiple selection',
+    'single selection',
+    'fill in the gaps with text',
+    'Drawing Response',
+    'short text response',
+    'Text Entry Math'
+]
+describe("Create Review Item", () => {
+    abortEarlySetup();
+    before(() => {
+        cy.loginAs('admin');
+        cy.deleteThinkSphereItem('~zzz item name');
+        cy.createThinkSphereItem('~zzz item name');
+        thinkSpherePage.steps.navigateToReviewItemsPage();
+    })
+
+    after(() => {
+        cy.deleteThinkSphereItem('~zzz item name');
+    });
+    
+    it('When the user clicks on the \'Create Question\' button then the user should be navigated to create review question page',() => {
+        thinkSpherePage.steps.clickOnCreateItemButton();
+        utilities.verifyElementVisibilityState(thinkSpherePage.selectAQuestionHeaderText(), 'visible');
+    })
+    
+    it(`When the user lands on the create review question page, only ${allowedQuestions} should be displayed`, () => {
+        utilities.verifyElementCount(thinkSpherePage.resourceTypeCategory(), allowedQuestions.length);
+        allowedQuestions.forEach(questionType => {
+            utilities.verifyElementVisibilityState(thinkSpherePage.questionTypeOptionTitle(questionType), 'visible');
+        });
+    });
+    
+    it('When user clicks the \'Cancel\' button then it should navigate to browse review item page', () => {
+        thinkSpherePage.steps.clickOnCancelCreateQuestionButton();
+        utilities.verifyElementVisibilityState(thinkSpherePage.browseItemPageHeader(), 'visible');
+    });
+
+    it('When the user creates a new review item and then saves it, it should be displayed in the thinkSphere item page', () => {
+        thinkSpherePage.steps.createReviewQuestion();
+        thinkSpherePage.steps.clickOnSaveButton();
+        utilities.verifyElementCount(thinkSpherePage.widgetHeaderQuestionTitle(), 2);
+    });
+
+    it('When a user cancels creating a review question and adds item from the item bank then the thinkSphere question and the review item selected should be displayed', () => {
+        thinkSpherePage.steps.clickOnDeleteButton();
+        thinkSpherePage.steps.clickOnAddCheckMathQuestionButton();
+        thinkSpherePage.steps.clickOnCreateItemButton();
+        thinkSpherePage.steps.clickOnCancelCreateQuestionButton();
+        thinkSpherePage.steps.clickOnFirstAvailableItemLink();
+        thinkSpherePage.steps.clickOnSaveButton();
+        utilities.verifyElementCount(thinkSpherePage.widgetHeaderQuestionTitle(), 2);
+    });
+});

package/cypress/e2e/ILC/ThinkSphere/editTabBasicSection.js

@@ -0,0 +1,366 @@
+import { thinkSpherePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const fileTypes = ['GIF', 'HEIC', 'HEIF', 'JPG', 'SVG', 'PNG' ];
+const fileTypesString = fileTypes.toString().replaceAll(',', ', ')
+const infoIconTooltipText = 'Supported file formats:  ' + fileTypesString + '.';
+
+describe('Create item : ThinkSphere - Edit tab basics', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question instructions input field - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            thinkSpherePage.steps.navigateToThinkSphereCreateQuestion();
+            cy.barsPreLoaderWait();
+        });
+
+        thinkSpherePage.tests.verifyQuestionInstructionsInputFieldEditTab();
+    });
+
+    describe('Question instructions input field - Edit tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            thinkSpherePage.steps.navigateToThinkSphereCreateQuestion();
+            cy.barsPreLoaderWait();
+        });
+
+        thinkSpherePage.tests.verifyQuestionInstructionsInputFieldThinkSpherePreviewTab();
+    });
+
+    describe('Question image section - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            thinkSpherePage.steps.navigateToThinkSphereCreateQuestion();
+            cy.barsPreLoaderWait();
+        });
+
+        it('\'Question Image\' Section should be present', () => {
+            utilities.verifyInnerText(thinkSpherePage.imageUploadSectionImageLabel(), 'Question image');
+        });
+
+        it('Verify CSS of \'Question Image\' Section Before Upload', { tags: 'css' }, () => {
+            utilities.verifyCSS(thinkSpherePage.imageUploadSectionImageLabel(), {
+                'color': css.color.sectionHeading,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold,
+                'margin-top': '16px',
+                'margin-bottom': '8px'
+            });
+
+            utilities.verifyCSS(thinkSpherePage.imageUploadSectionUploadFileContent(), {
+                'border-width': '1px',
+                'border-style': 'solid',
+                'border-color': 'rgb(107, 139, 255)',
+                'border-radius': '8px',
+                'padding': '30px 12px 0px'
+            });
+        });
+
+        it('Question Image area should have a Cloud icon and text \'Drag & Drop an image \'or browse image on your device\' should be displayed', () => {
+            utilities.verifyElementVisibilityState(thinkSpherePage.imageUploadSectionUploadCloudIconWrapper(), 'visible');
+            utilities.verifyInnerText(thinkSpherePage.imageUploadSectionDragDropFileText(), 'Drag & Drop an image');
+            utilities.verifyContainText(thinkSpherePage.imageUploadSectionFileInputLabel(), 'or browse image on your device');
+        });
+
+        it('Computer icon should be displayed before link texts \'device\'', () => {
+            thinkSpherePage.imageUploadSectionDeviceIcon().verifyPseudoClassBeforeProperty('content', '""');
+        });
+
+        it('\'Supported file formats\' label should be displayed along with an info icon, hovering over the Supported file formats info icon a tooltip should be displayed with list of all the selected supported file types', () => {
+            utilities.verifyInnerText(thinkSpherePage.imageUploadSectionSupportedFileText(), 'Supported file formats');
+            utilities.verifyElementVisibilityState(thinkSpherePage.imageUploadSectionSupportedFileText(), 'visible');
+            thinkSpherePage.imageUploadSectionSupportedFileIconWrapper()
+                .verifyTooltip(infoIconTooltipText);
+        });
+
+        it('\'Maximum file size\' label should be displayed along with the file size limit', () => {
+            utilities.verifyInnerText(thinkSpherePage.imageUploadSectionMaximumFileSize(), 'Maximum file size: 5MB');
+        });
+
+        it('Accessibility of Image Upload Section Before Upload', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(thinkSpherePage.imageUploadSection());
+        });
+
+        it('When the user uploads an image, then uploaded image should be visible', () => {
+            thinkSpherePage.steps.uploadFile('uploads/highlightImage.jpg');
+            utilities.verifyElementVisibilityStateWithOption(thinkSpherePage.imageUploadSectionFileUploaderWrapper(), 'notExist', { timeout: 15000 });
+            utilities.verifyElementVisibilityStateWithOption(thinkSpherePage.imageUploadSectionQuestionImage(), 'exist', { timeout: 15000 });
+            utilities.verifyElementVisibilityStateWithOption(thinkSpherePage.iconPencil(), 'exist', { timeout: 15000 });
+            utilities.verifyElementVisibilityStateWithOption(thinkSpherePage.iconXCircle(), 'exist', { timeout: 15000 });
+            thinkSpherePage.iconPencil().verifyTooltip('Change image', { timeout: 15000 });
+            thinkSpherePage.iconXCircle().verifyTooltip('Delete image', { timeout: 15000 });
+        });
+
+        it('User is able to upload supported image types other than jpg', () => {
+            thinkSpherePage.steps.uploadFile('uploads/image.png');
+            thinkSpherePage.steps.uploadFile('uploads/sample.heic', { timeout: 1500 });
+            thinkSpherePage.steps.uploadFile('uploads/sample.heif', { timeout: 1500 });
+            thinkSpherePage.steps.uploadFile('uploads/sample.svg', { timeout: 1500 });
+            thinkSpherePage.steps.uploadFile('uploads/sample.gif', { timeout: 1500 });
+        });
+
+        it('Verify CSS of \'Question Image\' Section After Upload', { tags: 'css' }, () => {
+            utilities.verifyCSS(thinkSpherePage.imageUploadSectionQuestionImageContainer(), {
+                'border-width': '1px',
+                'border-style': 'solid',
+                'border-color': 'rgb(107, 139, 255)',
+                'border-radius': '8px',
+                'padding': '4px'
+            });
+            utilities.verifyCSS(thinkSpherePage.imageUploadSectionQuestionImageEditIcon(), {
+                'border-width': '1px',
+                'border-style': 'solid',
+                'border-color': 'rgb(107, 139, 255)',
+                'border-radius': '4px',
+                'width': '24px',
+                'height': '24px',
+            });
+            utilities.verifyCSS(thinkSpherePage.imageUploadSectionQuestionImageCrossIcon(), {
+                'border-width': '1px',
+                'border-style': 'solid',
+                'border-color': 'rgb(107, 139, 255)',
+                'border-radius': '4px',
+                'width': '24px',
+                'height': '24px',
+            });
+        });
+
+        it('Accessibility of Image Upload Section After upload', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(thinkSpherePage.imageUploadSection(), { timeout: 15000 });
+        });
+    });
+
+    describe('Phases Section - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            thinkSpherePage.steps.navigateToThinkSphereCreateQuestion();
+            cy.barsPreLoaderWait();
+        });
+        
+        it('\'Phases\' Section should be present', () => {
+            utilities.verifyInnerText(thinkSpherePage.phasesSectionTitle(), 'Phases');
+        });
+
+        it('Verify CSS of \'Phases\' Section', { tags: 'css' }, () => {
+            utilities.verifyCSS(thinkSpherePage.phasesSectionTitle(), {
+                'color': css.color.sectionHeading,
+                'font-size': css.fontSize.extraLarge,
+                'font-weight': css.fontWeight.bold,
+                'padding-bottom': '16px'
+            });
+        });
+    });
+
+    describe('WhiteBoardImageProperties - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            thinkSpherePage.steps.navigateToThinkSphereCreateQuestion();
+            cy.barsPreLoaderWait();
+        });
+
+        it('Before image upload by default the Page 1 image label and radio button component should be rendered', () => {
+            utilities.verifyInnerText(thinkSpherePage.pageImageTitle(), 'Page 1 image');
+            utilities.verifyElementVisibilityState(thinkSpherePage.radioGroupWrapper(), 'exist');
+        });
+        
+        it('By default Blank whiteboard radio button should be checked and Image radio button should not be checked', () => {
+            utilities.verifyElementCheckedNotCheckedState(thinkSpherePage.blankCanvasRadioInput(), 'checked');
+            utilities.verifyElementCheckedNotCheckedState(thinkSpherePage.imageRadioInput(), 'notChecked');
+        });
+        
+        it('Before image upload by default Image upload and Image properties sections should not be visible', () => {
+            utilities.verifyElementVisibilityState(thinkSpherePage.imageUploadSectionWrapper(), 'notExist');
+            utilities.verifyElementVisibilityState(thinkSpherePage.pageImagePropertiesTitle(), 'notExist');
+        });
+        
+        it('Before image upload clicking on image radio button should make Image upload and Image properties sections visible', () => {
+            thinkSpherePage.steps.clickOnImageRadioButton();
+            utilities.verifyElementVisibilityState(thinkSpherePage.imageUploadSectionWrapper(), 'exist');
+            utilities.verifyElementVisibilityState(thinkSpherePage.pageImagePropertiesTitle(), 'exist');
+        });
+        
+        it('Verify image upload section', () => {
+            thinkSpherePage.tests.verifyUploadImageSectionContentWithCSSAndA11y();
+            thinkSpherePage.tests.verifyDeleteImagePopupContentAndFunctionality();
+        });
+
+        it('Verify that the uploaded image is visible', () => {
+            // Fill tests when whiteboard component is ready
+        });
+
+        it('\'Image alignment\' label and 3 alignment options: Top left, Center and Top right should be displayed. By default, \'Center\' should be selected', () => {
+            utilities.verifyInnerText(thinkSpherePage.layoutLabel(), 'Image alignment');
+            utilities.verifyElementVisibilityState(thinkSpherePage.alignmentOptions(), 'exist');
+            utilities.verifyInnerText(thinkSpherePage.topLeftButton(), 'Top left');
+            utilities.verifyElementVisibilityState(thinkSpherePage.topLeftButton(), 'exist');
+            utilities.verifyInnerText(thinkSpherePage.centerButton(), 'Center');
+            utilities.verifyElementVisibilityState(thinkSpherePage.centerButton(), 'exist');
+            utilities.verifyInnerText(thinkSpherePage.topRightButton(), 'Top right');
+            utilities.verifyElementVisibilityState(thinkSpherePage.topRightButton(), 'exist');
+            thinkSpherePage.steps.verifyCenterOptionAlignmentIsSelected();
+        });
+
+        it('When a new alignment option is selected, the image alignment should change', () => {
+            /**@TODO Add check for when a new alignment option is selected */
+        });
+
+        it('\'Opacity\' label, a slider and opacity input field should be displayed. By default, the slider and the input field value should be 100%', () => {
+            utilities.verifyInnerText(thinkSpherePage.opacityLabel(), 'Opacity');
+            utilities.verifyElementVisibilityState(thinkSpherePage.opacityLabel(), 'exist');
+            thinkSpherePage.steps.verifyOpacitySliderValue('100');
+            thinkSpherePage.steps.verifyOpacityInputFieldValue('100');
+            utilities.verifyElementVisibilityState(thinkSpherePage.opacitySlider(), 'exist');
+            utilities.verifyElementVisibilityState(thinkSpherePage.opacityInputField(), 'exist');
+        });
+
+        it('When the user changes the opacity slider value, value in the opacity input field should also change', () => {
+            thinkSpherePage.steps.clickOnOpacitySlider();
+            thinkSpherePage.steps.verifyOpacitySliderValue(50);
+            thinkSpherePage.steps.verifyOpacityInputFieldValue(50);
+        });
+
+        it('When the user changes value in the opacity input field, the slider value should also change accordingly', () => {
+            thinkSpherePage.steps.addInputToOpacityInputField(30);
+            thinkSpherePage.steps.verifyOpacityInputFieldValue(30);
+            thinkSpherePage.steps.verifyOpacitySliderValue(30);
+        });
+
+        it('When the user changes value in the opacity input field, the image opacity should change', () => {
+           /**@TODO Add check for when the user changes value in the opacity input field */
+        });
+
+        it('\'Image alternative text\' label and input field should be displayed. By default, the input field should be blank', () => {
+            utilities.verifyInnerText(thinkSpherePage.imageAlternativeTextLabel(), 'Image alternative text');
+            utilities.verifyElementVisibilityState(thinkSpherePage.imageAlternativeTextLabel(), 'exist');
+            thinkSpherePage.steps.verifyImageAlternativeTextInputField('');
+            utilities.verifyElementVisibilityState(thinkSpherePage.imageAlternativeTextInputField(), 'exist');
+        });
+
+        it('When the user adds the alt value, it should be availabl in the image attribute', () => {
+            /**@TODO Add check for when the user adds the alt value */
+        });
+
+        it('CSS of whiteBoard Image and Image Properties Section', { tags: 'css' }, () => {
+            utilities.verifyCSS(thinkSpherePage.pageImageTitle(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(thinkSpherePage.imageRadioButtonParentSvg(), {
+                'fill': css.color.activeButtons,
+            });
+            utilities.verifyCSS(thinkSpherePage.pageImagePropertiesTitle(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(thinkSpherePage.layoutLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            cy.log('Css of selected option button')
+            utilities.verifyCSS(thinkSpherePage.centerButton(), {
+                'color': css.color.activeButtons,
+                'border': `2px solid ${css.color.activeButtons}`
+            });
+            cy.log('Css of Unselected option button')
+            utilities.verifyCSS(thinkSpherePage.topLeftButton(), {
+                'color': css.color.liText,
+                'border': `2px solid ${css.color.figDefaultComponentBorder}`
+            });
+            utilities.verifyCSS(thinkSpherePage.opacityLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        it('Accessibility of image canvas contents', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(thinkSpherePage.whiteBoardImageProperties());
+        });
+        
+    });
+
+    describe('Verify css, accessibility and functionality of edit question action buttons', () => {
+        before(() => {
+            cy.loginAs('admin');
+            cy.visit('/item-engine/thinksphere/browse-items');
+            cy.interceptGraphql('getItems');
+        });
+
+        it('The pencil icon should be visible, and the drag icon and more icon should not be visible in the thinkSphere Question header', () => {
+            thinkSpherePage.steps.clickOnEditThinkSphereItem();
+            thinkSpherePage.steps.clearQuestionInstructionsInputField();
+            thinkSpherePage.steps.clickOnSaveQuestionButton();
+            utilities.verifyElementVisibilityState(thinkSpherePage.dragIcon(), 'notExist');
+            utilities.verifyElementVisibilityState(thinkSpherePage.moreOptionsIcon(), 'notExist');
+            utilities.verifyElementVisibilityState(thinkSpherePage.ThinkSphereQuestionHeaderPencilIcon(), 'exist');
+        });
+
+        it('When the user selects an item from the review item bank and saves it, the item should be displayed in the thinkSphere item page',() => {
+            thinkSpherePage.steps.clickOnAddCheckMathQuestionButton();
+            thinkSpherePage.steps.clickOnFirstAvailableItemLink();
+            thinkSpherePage.steps.clickOnSaveButton();
+            utilities.verifyElementCount(thinkSpherePage.widgetHeaderQuestionTitle(), 2);
+        });
+
+        it('The swap icon, pencil icon and delete should be visible in the thinkSphere math question header', () => {
+            utilities.verifyElementVisibilityState(thinkSpherePage.ThinkSphereMathQuestionHeaderSwapIcon(), 'exist');
+            thinkSpherePage.ThinkSphereMathQuestionHeaderSwapIcon().verifyTooltip('Swap');
+            utilities.verifyElementVisibilityState(thinkSpherePage.ThinkSphereMathQuestionHeaderPencilIcon(), 'exist');
+            thinkSpherePage.ThinkSphereMathQuestionHeaderPencilIcon().verifyTooltip('Edit');
+            utilities.verifyElementVisibilityState(thinkSpherePage.thinkSphereMathQuestionHeaderDeleteIcon(), 'exist');
+            thinkSpherePage.thinkSphereMathQuestionHeaderDeleteIcon().verifyTooltip('Delete');
+        });
+
+        it('Verify CSS of swap, pencil and delete icons', () => {
+            utilities.verifyCSS(thinkSpherePage.ThinkSphereQuestionHeaderPencilIcon(), {
+                'padding': '5px',
+            });
+            utilities.verifyCSS(thinkSpherePage.ThinkSphereQuestionHeaderPencilIcon().parent(), {
+                'margin-right': '11px',
+            });
+            utilities.verifyCSS(thinkSpherePage.ThinkSphereMathQuestionHeaderSwapIcon(), {
+                'padding': '5px',
+            });
+            utilities.verifyCSS(thinkSpherePage.ThinkSphereMathQuestionHeaderSwapIcon().parent(), {
+                'margin-right': '6px',
+            });
+            utilities.verifyCSS(thinkSpherePage.ThinkSphereMathQuestionHeaderPencilIcon(), {
+                'padding': '5px',
+            });
+            utilities.verifyCSS(thinkSpherePage.ThinkSphereMathQuestionHeaderPencilIcon().parent(), {
+                'margin-right': '6px',
+            });
+            utilities.verifyCSS(thinkSpherePage.thinkSphereMathQuestionHeaderDeleteIcon(), {
+                'padding': '5px',
+            });
+            utilities.verifyCSS(thinkSpherePage.thinkSphereMathQuestionHeaderDeleteIcon().parent(), {
+                'margin-right': '11px',
+            });
+        });
+
+        it('Accessibility of icons', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(thinkSpherePage.ThinkSphereMathQuestionHeaderSwapIcon());
+            cy.checkAccessibility(thinkSpherePage.thinkSphereMathQuestionHeaderDeleteIcon());
+        });
+
+        it(`Clicking on swap icon should take us to Add 'Check your math' question`, () => {
+            thinkSpherePage.steps.clickOnSwapButton();
+            utilities.verifyElementVisibilityState(thinkSpherePage.AddCheckMathQuestionHeader(), 'exist');
+            thinkSpherePage.steps.clickOnFirstAvailableItemLink();
+            thinkSpherePage.steps.clickOnSaveButton();
+        });
+
+        it('Clicking on delete icon should remove the math question', () => {
+            thinkSpherePage.steps.clickOnDeleteButton();
+            utilities.verifyElementVisibilityState(thinkSpherePage.thinkSphereMathQuestionHeaderDeleteIcon(), 'notExist');
+        });
+    });
+});

package/cypress/e2e/ILC/ThinkSphere/editThinkSphereQuestion.smoke.js

@@ -0,0 +1,26 @@
+import { thinkSpherePage } from '../../../pages/thinkSpherePage';
+
+describe('Edit Question and edit item', () => {
+    before(() => {
+        cy.loginAs('admin');
+        cy.deleteThinkSphereItem('~zzz item name');
+        cy.createThinkSphereItem('~zzz item name');
+        cy.visit('/item-engine/thinksphere/browse-items');
+        cy.interceptGraphql('getItems');
+    });
+
+    describe('Edit question', () => {
+        it('When user edits the question instructions, then the changes should be saved correctly', () => {
+            thinkSpherePage.steps.clickOnEditThinkSphereItem();
+            thinkSpherePage.steps.clearQuestionInstructionsInputField();
+            thinkSpherePage.steps.addTextInQuestionInstructionsInputField('Edit question instructions');
+            thinkSpherePage.steps.clickOnSaveQuestionButton();
+        });
+
+        /** @TODO Modify other fields and test the save functionality */
+
+        it('The saved questions should be displayed in the list of questions', () => {
+            thinkSpherePage.steps.verifyQuestionTitle('Thinksphere question');
+        });
+    });
+});

package/cypress/e2e/ILC/ThinkSphere/headerSection.js

@@ -0,0 +1,53 @@
+import { thinkSpherePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+describe('Create item page - ThinkSphere: Question', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            thinkSpherePage.steps.navigateToThinkSphereCreateQuestion();
+            cy.barsPreLoaderWait();
+        });
+
+        thinkSpherePage.tests.verifyCreateQuestionPageQuestionTypeHeader('ThinkSphere question');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            thinkSpherePage.steps.navigateToThinkSphereCreateQuestion();
+            cy.barsPreLoaderWait();
+        });
+
+        thinkSpherePage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            thinkSpherePage.steps.navigateToThinkSphereCreateQuestion();
+            cy.barsPreLoaderWait();
+        });
+
+        thinkSpherePage.tests.verifyThinkSphereCancelButton('think sphere')
+    });
+
+    describe('Save Question button', () => {
+        abortEarlySetup();
+        before(() => {
+            thinkSpherePage.steps.navigateToThinkSphereCreateQuestion();
+            cy.barsPreLoaderWait();
+        });
+
+        it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+            thinkSpherePage.steps.addTextInQuestionInstructionsInputField('Edited');
+            thinkSpherePage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        thinkSpherePage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+    });
+});