itemengine-cypress-automation 1.0.142 → 1.0.143

package/cypress/e2e/ILC/AudioResponseNew/additionalSettingsBasic.js

@@ -0,0 +1,104 @@
+import { audioResponsePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const fontSizes = { 'Tiny': '12px', 'Small': '14px', 'Default': '16px', 'Normal': '18px', 'Big': '22px', 'Huge': '26px' };
+
+describe('Audio response - Additional settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+        });
+
+        audioResponsePage.tests.verifyAdditionalSettingsAccordionProperties();
+    });
+
+    describe('Additional settings: Font size - Contents in edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+            cy.barsPreLoaderWait();
+            audioResponsePage.steps.expandAdditionalSettings();
+        });
+
+        audioResponsePage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size - functionality in preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+            cy.barsPreLoaderWait();
+            audioResponsePage.steps.addTextInQuestionInstructionsInputField('Audio response');
+            audioResponsePage.steps.expandAdditionalSettings();
+        });
+
+        Object.keys(fontSizes).forEach((option) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab should change to ${fontSizes[option]} accordingly`, () => {
+                audioResponsePage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(audioResponsePage.fontSizeDropdown(), `${option}`);
+                audioResponsePage.steps.switchToPreviewTab();
+                utilities.verifyCSS(audioResponsePage.questionInstructionsText(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(audioResponsePage.standardPreviewRecorderHelpText(), {
+                    'font-size': css.fontSize.normal
+                });
+                utilities.verifyCSS(audioResponsePage.allowMicrophoneAccessHelpText(), {
+                    'font-size': css.fontSize.normal
+                });
+                audioResponsePage.steps.switchToEditTab();
+            });
+        });
+    });
+
+    describe('Additional settings: Accessibility section', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+            cy.barsPreLoaderWait();
+            audioResponsePage.steps.expandAdditionalSettings();
+        });
+
+        audioResponsePage.tests.verifyAdditionalSettingsAccessibilitySection();
+    });
+
+    describe('Additional settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            audioResponsePage.steps.navigateToCreateQuestion('audio response');
+            audioResponsePage.steps.expandAdditionalSettings();
+        });
+
+        it('In details section, \'Allow teachers to download student response\' checkbox and label should be displayed and by default it should be checked', () => {
+            utilities.verifyInnerText(audioResponsePage.allowTeachersToDownloadStudentResponseLabel(), 'Allow teachers to download student response');
+            utilities.verifyElementVisibilityState(audioResponsePage.allowTeachersToDownloadStudentResponseLabel(), 'visible');
+            utilities.verifyElementVisibilityState(audioResponsePage.allowTeachersToDownloadStudentResponseCheckbox(), 'exist');
+            audioResponsePage.steps.verifyAllowTeachersToDownloadStudentResponseCheckboxChecked();
+        });
+
+        it('User should be able to uncheck and check \'Allow teachers to download student response\' checkbox', () => {
+            audioResponsePage.steps.uncheckAllowTeachersToDownloadStudentResponseCheckbox();
+            audioResponsePage.steps.checkAllowTeachersToDownloadStudentResponseCheckbox();
+        });
+
+        audioResponsePage.tests.verifyDetailsSection();
+
+        it('CSS of \'Allow teachers to download student response\' checkbox and label section', { tags: 'css' }, () => {
+            utilities.verifyCSS(audioResponsePage.allowTeachersToDownloadStudentResponseLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(audioResponsePage.allowTeachersToDownloadStudentResponseCheckbox().parents('.icon-checkbox-selected').find('.checkbox-icon-border-rect'), {
+                'fill': css.color.activeButtons
+            });
+        })
+    });
+});

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

@@ -0,0 +1,92 @@
+import { contentBlocksPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const inputFields = [contentBlocksPage.lexileInputField, contentBlocksPage.acknowledgementsAndReferencesInputField, contentBlocksPage.teacherScoringGuidelinesInputField];
+const labels = [contentBlocksPage.lexileLabel, contentBlocksPage.acknowledgementsAndReferencesLabel, contentBlocksPage.teacherScoringGuidelinesLabel];
+
+describe('Content blocks - Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Assessment metrics', () => {
+        abortEarlySetup();
+        before(() => {
+            contentBlocksPage.steps.navigateToCreateResource('content blocks');
+        });
+
+        it('Assessment metrics label should be displayed', () => {
+            utilities.verifyInnerText(contentBlocksPage.assessmentMetricsLabel(), 'Assessment metrics');
+            utilities.verifyElementVisibilityState(contentBlocksPage.assessmentMetricsLabel(), 'visible');
+        });
+
+        it('Lexile label and input field should be displayed', () => {
+            utilities.verifyInnerText(contentBlocksPage.lexileLabel(), 'Lexile');
+            utilities.verifyElementVisibilityState(contentBlocksPage.lexileLabel(), 'visible');
+            utilities.verifyInnerText(contentBlocksPage.lexileInputField(), '');
+        });
+
+        it('User should be able to enter text in Lexile input field', () => {
+            contentBlocksPage.steps.enterTextInLexileInputField('Lexile');
+        });
+
+        it('Details label should be displayed', () => {
+            utilities.verifyInnerText(contentBlocksPage.detailsLabel(), 'Details');
+            utilities.verifyElementVisibilityState(contentBlocksPage.detailsLabel(), 'visible');
+        });
+
+        it('Acknowledgements and references label and input field should be displayed', () => {
+            utilities.verifyInnerText(contentBlocksPage.acknowledgementsAndReferencesLabel(), 'Acknowledgements and references');
+            utilities.verifyElementVisibilityState(contentBlocksPage.acknowledgementsAndReferencesLabel(), 'visible');
+            utilities.verifyInnerText(contentBlocksPage.acknowledgementsAndReferencesInputField(), '');
+        });
+
+        it('User should be able to enter text in Acknowledgements and references input field', () => {
+            contentBlocksPage.steps.enterTextInAcknowledgementsAndReferencesInputField('Reference');
+        });
+
+        it('Teacher scoring guidelines label and input field should be displayed', () => {
+            utilities.verifyInnerText(contentBlocksPage.teacherScoringGuidelinesLabel(), 'Teacher scoring guidelines');
+            utilities.verifyElementVisibilityState(contentBlocksPage.teacherScoringGuidelinesLabel(), 'visible');
+            utilities.verifyInnerText(contentBlocksPage.teacherScoringGuidelinesInputField(), '');
+        });
+
+        it('User should be able to enter text in Teacher scoring guidelines input field', () => {
+            contentBlocksPage.steps.enterTextInAcknowledgementsAndReferencesInputField('Guidelines');
+        });
+
+        it('CSS of additional section', { tags: 'css' }, () => {
+            utilities.verifyCSS(contentBlocksPage.assessmentMetricsLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(contentBlocksPage.detailsLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+            labels.forEach(label => {
+                utilities.verifyCSS(label(), {
+                    'color': css.color.labels,
+                    'font-size': css.fontSize.normal,
+                    'font-weight': css.fontWeight.semibold
+                });
+            });
+            inputFields.forEach(inputField => {
+                utilities.verifyCSS(inputField(), {
+                    'color': css.color.text,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.regular
+                });
+            });
+        });
+
+        it('Accessibility of additional section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(contentBlocksPage.assessmentMetricsLabel().parents('[class*="AssessmentMatricsWrapper"]'));
+            cy.checkAccessibility(contentBlocksPage.detailsLabel().parents('[class*="DetailsWrapper"]'));
+        });
+    });
+});

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

@@ -67,6 +67,16 @@ describe('Content blocks - Edit tab', () => {
                 'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.semibold
             });
+            utilities.verifyCSS(contentBlocksPage.titleInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(contentBlocksPage.headerSubTitleInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
         });
 
         it('Accessibility of header section', { tags: 'a11y' }, () => {
@@ -202,7 +212,7 @@ describe('Content blocks - Edit tab', () => {
         });
 
         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.deleteContentBlock(0);
             contentBlocksPage.steps.verifyNumerationText(2);
             utilities.verifyElementCount(contentBlocksPage.inputFieldWrapper(), 2);
         });

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

@@ -0,0 +1,91 @@
+import { contentBlocksPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header and body section - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            contentBlocksPage.steps.navigateToCreateResource('content blocks');
+        });
+
+        it('When user enters text in title input field and subtitle input field in edit tab, then title and subtitle should be displayed in preview tab', () => {
+            contentBlocksPage.steps.enterTextInTitleInputField('Accelerating Web Development with Efficient Testing Scripts');
+            contentBlocksPage.steps.enterTextInSubTitleInputField('Enhancing Code Quality and Reliability through Automated Testing');
+            contentBlocksPage.steps.switchToPreviewTab();
+            contentBlocksPage.steps.verifyTitleTextPreviewTab('Accelerating Web Development with Efficient Testing Scripts');
+            contentBlocksPage.steps.verifySubTitleTextPreviewTab('Enhancing Code Quality and Reliability through Automated Testing');
+        });
+
+        it('When user enters text in text block input field in edit tab, then text block text should be displayed in preview tab ', () => {
+            contentBlocksPage.steps.switchToEditTab();
+            contentBlocksPage.steps.enterTextInTextBlockInputField(0, 'In the fast-paced world of web development, ensuring the stability and performance of your applications is paramount. One of the most effective ways to achieve this is through the implementation of robust testing scripts.');
+            contentBlocksPage.steps.switchToPreviewTab();
+            contentBlocksPage.steps.verifyTextBlockTextPreviewTab(0, 'In the fast-paced world of web development, ensuring the stability and performance of your applications is paramount. One of the most effective ways to achieve this is through the implementation of robust testing scripts.');
+        });
+
+        it('When user adds group divider in edit tab then group divider should be displayed in preview tab', () => {
+            contentBlocksPage.steps.switchToEditTab();
+            contentBlocksPage.steps.addGroupDivider();
+            contentBlocksPage.steps.switchToPreviewTab();
+            contentBlocksPage.steps.verifyGroupDividerPreviewTab(0);
+        });
+
+        it('When user adds subtitle and enters text in subtitle input field in edit tab then subtitle text should be displayed in preview tab', () => {
+            contentBlocksPage.steps.switchToEditTab();
+            contentBlocksPage.steps.addSubTitle();
+            contentBlocksPage.steps.enterTextInBodySubTitleInputField(0, 'Monitoring and Maintaining Testing Scripts')
+            contentBlocksPage.steps.switchToPreviewTab();
+            contentBlocksPage.steps.verifyBodySubTitleTextPreviewTab(0, 'Monitoring and Maintaining Testing Scripts');
+        });
+
+        it('CSS of preview tab', { tags: 'css' }, () => {
+            utilities.verifyCSS(contentBlocksPage.titlePreviewTab(), {
+                'color': css.color.questionHeading,
+                'font-size': css.fontSize.huge,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(contentBlocksPage.subTitleLabelPreviewTab(), {
+                'color': css.color.questionHeading,
+                'font-size': css.fontSize.heading,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(contentBlocksPage.textBlockPreviewTab(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(contentBlocksPage.groupDividerPreviewTab(), {
+                'border-top': `1px solid ${css.color.titleContainerBorder}`
+            });
+            utilities.verifyCSS(contentBlocksPage.bodySubTitlePreviewTab(), {
+                'color': css.color.questionHeading,
+                'font-size': css.fontSize.heading,
+                'font-weight': css.fontWeight.bold
+            });
+        });
+
+        it('Accessibility of preview tab', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(contentBlocksPage.previewWrapper());
+        });
+
+        it('When user deletes subtitle in edit tab, then subtitle text should not be displayed in preview tab', () => {
+            contentBlocksPage.steps.switchToEditTab();
+            contentBlocksPage.steps.deleteContentBlock(2);
+            contentBlocksPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(contentBlocksPage.bodySubTitlePreviewTab(), 'notExist');
+        });
+
+        it('When user deletes group divider in edit tab, then group divider should not be displayed in preview tab', () => {
+            contentBlocksPage.steps.switchToEditTab();
+            contentBlocksPage.steps.deleteContentBlock(1);
+            contentBlocksPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(contentBlocksPage.groupDividerPreviewTab(), 'notExist');
+        });
+    });
+});

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

@@ -20,7 +20,7 @@ describe('Style and layout customization section', () => {
         it('\'Style and layout customization\' label and info icon should be displayed', () => {
             utilities.verifyInnerText(contentBlocksPage.styleAndLayoutCustomizationLabel(), 'Style and layout customization');
             utilities.verifyElementVisibilityState(contentBlocksPage.styleAndLayoutCustomizationLabel(), 'visible');
-            utilities.verifyElementVisibilityState(contentBlocksPage.styleAndLayoutCustomizationInfoIcon(), 'visible'); //info
+            utilities.verifyElementVisibilityState(contentBlocksPage.styleAndLayoutCustomizationInfoIcon(), 'visible');
         });
 
         it('\'Group navigation\' label should be displayed', () => {
@@ -28,7 +28,7 @@ describe('Style and layout customization section', () => {
             utilities.verifyElementVisibilityState(contentBlocksPage.groupNavigationLabel(), 'visible');
         });
 
-        it(`4 group navigation options ${groupNavigationOptions} should be displayed`, () => {
+        it(`4 group navigation options ${groupNavigationOptions.join('')} should be displayed`, () => {
             contentBlocksPage.steps.verifyGroupNavigationOptions(groupNavigationOptions);
         });
 
@@ -41,7 +41,7 @@ describe('Style and layout customization section', () => {
             utilities.verifyElementVisibilityState(contentBlocksPage.groupDividerStyleLabel(), 'visible');
         });
 
-        it(`3 group divider style options ${groupDividerStyleOptions} should be displayed`, () => {
+        it(`3 group divider style options ${groupDividerStyleOptions.join('')} should be displayed`, () => {
             contentBlocksPage.steps.verifyGroupDividerStyleOptions(groupDividerStyleOptions);
         });
 

package/cypress/e2e/ILC/Desmos/desmosFourFunctionCalculatorEditTabBasicSection.js

@@ -33,6 +33,7 @@ describe('Create Item page - Desmos: four-function calculator', () => {
             cy.log('Navigating to passage resource type');
             desmosToolPage.steps.navigateToCreateResource('desmos four function calculator');
             desmosToolPage.steps.switchToPreviewTab();
+            desmosToolPage.steps.verifyDesmosToolIsVisible();
         });
 
         it('When user switches to preview tab, the \'Four-function calculator\' should be displayed with \'Width (px)\' and \'Height (px)\' as 600px by 400 px respectively and the \'Show Desmos\' button should not be displayed', () => {
@@ -64,7 +65,7 @@ describe('Create Item page - Desmos: four-function calculator', () => {
             desmosToolPage.steps.clickOnDesmosToolVisibilityButton();
             desmosToolPage.steps.verifyPreviewTabDesmosToolVisibilityButtonLabel('Hide', 'four-function calculator');
             desmosToolPage.steps.verifyDesmosToolIsVisible();
-            desmosToolPage.steps.verifyPreviewTabDesmosToolKeypadIsVisible();;
+            desmosToolPage.steps.verifyPreviewTabDesmosToolKeypadIsVisible();
             desmosToolPage.steps.verifyPreviewTabDesmosToolCloseButtonIsVisible();
             desmosToolPage.steps.verifyPreviewTabDesmosToolDragHandleIsVisible();
         });

package/cypress/e2e/ILC/Desmos/desmosFourFunctionCalculatorPreviewContents.smoke.js

@@ -19,7 +19,6 @@ describe('Preview tab contents for all views', () => {
                         cy.log('Navigating to passage resource type');
                         desmosToolPage.steps.navigateToCreateResource('desmos four function calculator');
                         desmosToolPage.steps.switchToPreviewTab();
-                        utilities.verifyElementVisibilityState(desmosToolPage.previewTabDesmosToolKeypad(), 'exist');
                         break;
                     case 'Item view':
                         cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
@@ -55,6 +54,8 @@ describe('Preview tab contents for all views', () => {
             });
 
             it('When user switches to preview tab, the \'Four-function calculator\' should be displayed with \'Width (px)\' and \'Height (px)\' as 600px by 400 px respectively and the \'Show Desmos\' button should not be displayed', () => {
+                desmosToolPage.steps.verifyDesmosToolIsVisible();
+                utilities.verifyElementVisibilityState(desmosToolPage.previewTabDesmosToolKeypad(), 'exist');
                 desmosToolPage.steps.verifyWidthAndHeightOfDesmosTool('600', '400');
                 desmosToolPage.steps.verifyPreviewTabDesmosToolVisibilityButtonDoesNotExist();
                 utilities.verifyElementVisibilityState(desmosToolPage.previewTabDesmosTool(), 'exist');

package/cypress/e2e/ILC/Desmos/desmosGeometryToolEditTabBasicSection.js

@@ -33,6 +33,7 @@ describe('Create Item page - Desmos: Geometry tool', () => {
             cy.log('Navigating to passage resource type');
             desmosToolPage.steps.navigateToCreateResource('desmos geometry tool');
             desmosToolPage.steps.switchToPreviewTab();
+            desmosToolPage.steps.verifyDesmosToolIsVisible();
         });
 
         it('When user switches to preview tab, the \'Geometry tool\' should be displayed with \'Width (px)\' and \'Height (px)\' as 600px by 400 px respectively and the \'Show Desmos\' button should not be displayed', () => {

package/cypress/e2e/ILC/Desmos/desmosGeometryToolPreviewContents.smoke.js

@@ -19,7 +19,6 @@ describe('Preview tab contents for all views', () => {
                         cy.log('Navigating to passage resource type');
                         desmosToolPage.steps.navigateToCreateResource('desmos geometry tool');
                         desmosToolPage.steps.switchToPreviewTab();
-                        utilities.verifyElementVisibilityState(desmosToolPage.previewTabDesmosToolSidebarButton(), 'visible');
                         break;
                     case 'Item view':
                         cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
@@ -55,6 +54,8 @@ describe('Preview tab contents for all views', () => {
             });
 
             it('When user switches to preview tab, the \'Geometry tool\' should be displayed with \'Width (px)\' and \'Height (px)\' as 600px by 400 px respectively and the \'Show Desmos\' button should not be displayed', () => {
+                desmosToolPage.steps.verifyDesmosToolIsVisible();
+                utilities.verifyElementVisibilityState(desmosToolPage.previewTabDesmosToolSidebarButton(), 'visible');
                 desmosToolPage.steps.verifyWidthAndHeightOfDesmosTool('600', '400');
                 desmosToolPage.steps.verifyPreviewTabDesmosToolVisibilityButtonDoesNotExist();
                 utilities.verifyElementVisibilityState(desmosToolPage.previewTabDesmosTool(), 'exist');

package/cypress/e2e/ILC/Desmos/desmosGraphingCalculatorEditTabBasicSection.js

@@ -33,6 +33,7 @@ describe('Create Item page - Desmos: Graphing calculator', () => {
             cy.log('Navigating to passage resource type');
             desmosToolPage.steps.navigateToCreateResource('desmos graphing calculator');
             desmosToolPage.steps.switchToPreviewTab();
+            desmosToolPage.steps.verifyDesmosToolIsVisible();
         });
 
         it('When user switches to preview tab, the \'Graphing calculator\' should be displayed with \'Width (px)\' and \'Height (px)\' as 600px by 400 px respectively and the \'Show Desmos\' button should not be displayed', () => {

package/cypress/e2e/ILC/Desmos/desmosGraphingCalculatorPreviewContents.smoke.js

@@ -19,7 +19,6 @@ describe('Preview tab contents for all views', () => {
                         cy.log('Navigating to passage resource type');
                         desmosToolPage.steps.navigateToCreateResource('desmos graphing calculator');
                         desmosToolPage.steps.switchToPreviewTab();
-                        utilities.verifyElementVisibilityState(desmosToolPage.previewTabDesmosTextArea(), 'exist');
                         break;
                     case 'Item view':
                         cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
@@ -55,6 +54,8 @@ describe('Preview tab contents for all views', () => {
             });
 
             it('When user switches to preview tab, the \'Graphing calculator\' should be displayed with \'Width (px)\' and \'Height (px)\' as 600px by 400 px respectively and the \'Show Desmos\' button should not be displayed', () => {
+                desmosToolPage.steps.verifyDesmosToolIsVisible();
+                utilities.verifyElementVisibilityState(desmosToolPage.previewTabDesmosTextArea(), 'exist');
                 desmosToolPage.steps.verifyWidthAndHeightOfDesmosTool('600', '400');
                 desmosToolPage.steps.verifyPreviewTabDesmosToolVisibilityButtonDoesNotExist();
                 utilities.verifyElementVisibilityState(desmosToolPage.previewTabDesmosTool(), 'exist');

package/cypress/e2e/ILC/Desmos/desmosMatrixCalculatorEditTabBasicSection.js

@@ -33,9 +33,9 @@ describe('Create Item page - Desmos: Matrix calculator', () => {
             cy.log('Navigating to passage resource type');
             desmosToolPage.steps.navigateToCreateResource('desmos matrix calculator');
             desmosToolPage.steps.switchToPreviewTab();
+            desmosToolPage.steps.verifyDesmosToolIsVisible();
         });
 
-
         it('When user switches to preview tab, the \'Matrix calculator\' should be displayed with \'Width (px)\' and \'Height (px)\' as 600px by 400 px respectively and the \'Show Desmos\' button should not be displayed', () => {
             desmosToolPage.steps.verifyWidthAndHeightOfDesmosTool('600', '400');
             desmosToolPage.steps.verifyPreviewTabDesmosToolVisibilityButtonDoesNotExist();
@@ -65,7 +65,7 @@ describe('Create Item page - Desmos: Matrix calculator', () => {
             desmosToolPage.steps.clickOnDesmosToolVisibilityButton();
             desmosToolPage.steps.verifyPreviewTabDesmosToolVisibilityButtonLabel('Hide', 'matrix calculator');
             desmosToolPage.steps.verifyDesmosToolIsVisible();
-            desmosToolPage.steps.verifyPreviewTabDesmosToolKeypadIsVisible();;
+            desmosToolPage.steps.verifyPreviewTabDesmosToolKeypadIsVisible();
             desmosToolPage.steps.verifyPreviewTabDesmosToolCloseButtonIsVisible();
             desmosToolPage.steps.verifyPreviewTabDesmosToolDragHandleIsVisible();
         });

package/cypress/e2e/ILC/Desmos/desmosMatrixCalculatorPreviewContents.smoke.js

@@ -19,7 +19,6 @@ describe('Preview tab contents for all views', () => {
                         cy.log('Navigating to passage resource type');
                         desmosToolPage.steps.navigateToCreateResource('desmos matrix calculator');
                         desmosToolPage.steps.switchToPreviewTab();
-                        utilities.verifyElementVisibilityState(desmosToolPage.previewTabDesmosToolKeypad(), 'exist');
                         break;
                     case 'Item view':
                         cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
@@ -55,6 +54,8 @@ describe('Preview tab contents for all views', () => {
             });
 
             it('When user switches to preview tab, the \'Matrix calculator\' should be displayed with \'Width (px)\' and \'Height (px)\' as 600px by 400 px respectively and the \'Show Desmos\' button should not be displayed', () => {
+                desmosToolPage.steps.verifyDesmosToolIsVisible();
+                utilities.verifyElementVisibilityState(desmosToolPage.previewTabDesmosToolKeypad(), 'exist');
                 desmosToolPage.steps.verifyWidthAndHeightOfDesmosTool('600', '400');
                 desmosToolPage.steps.verifyPreviewTabDesmosToolVisibilityButtonDoesNotExist();
                 utilities.verifyElementVisibilityState(desmosToolPage.previewTabDesmosTool(), 'exist');

package/cypress/e2e/ILC/Desmos/desmosScientificCalculatorEditTabBasicSection.js

@@ -14,7 +14,7 @@ describe('Create Item page - Desmos: Scientific calculator', () => {
             desmosToolPage.steps.navigateToCreateResource('desmos scientific calculator');
         });
 
-        desmosToolPage.tests.verifyCreateQuestionPageQuestionTypeHeader('Desmos scientific calculator');
+        desmosToolPage.tests.verifyCreateQuestionPageQuestionTypeHeader('Scientific calculator');
     });
 
     describe('Scientific calculator: Edit tab basic section', () => {
@@ -33,6 +33,7 @@ describe('Create Item page - Desmos: Scientific calculator', () => {
             cy.log('Navigating to passage resource type');
             desmosToolPage.steps.navigateToCreateResource('desmos scientific calculator');
             desmosToolPage.steps.switchToPreviewTab();
+            desmosToolPage.steps.verifyDesmosToolIsVisible();
         });
 
         it('When user switches to preview tab, the \'Scientific calculator\' should be displayed with \'Width (px)\' and \'Height (px)\' as 600px by 400 px respectively and the \'Show Desmos\' button should not be displayed', () => {
@@ -64,7 +65,7 @@ describe('Create Item page - Desmos: Scientific calculator', () => {
             desmosToolPage.steps.clickOnDesmosToolVisibilityButton();
             desmosToolPage.steps.verifyPreviewTabDesmosToolVisibilityButtonLabel('Hide', 'scientific calculator');
             desmosToolPage.steps.verifyDesmosToolIsVisible();
-            desmosToolPage.steps.verifyPreviewTabDesmosToolKeypadIsVisible();;
+            desmosToolPage.steps.verifyPreviewTabDesmosToolKeypadIsVisible();
             desmosToolPage.steps.verifyPreviewTabDesmosToolCloseButtonIsVisible();
             desmosToolPage.steps.verifyPreviewTabDesmosToolDragHandleIsVisible();
         });

package/cypress/e2e/ILC/Desmos/desmosScientificCalculatorPreviewContents.smoke.js

@@ -19,7 +19,6 @@ describe('Preview tab contents for all views', () => {
                         cy.log('Navigating to passage resource type');
                         desmosToolPage.steps.navigateToCreateResource('desmos scientific calculator');
                         desmosToolPage.steps.switchToPreviewTab();
-                        utilities.verifyElementVisibilityState(desmosToolPage.previewTabDesmosToolKeypad(), 'exist');
                         break;
                     case 'Item view':
                         cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
@@ -55,6 +54,8 @@ describe('Preview tab contents for all views', () => {
             });
 
             it('When user switches to preview tab, the \'Scientific calculator\' should be displayed with \'Width (px)\' and \'Height (px)\' as 600px by 400 px respectively and the \'Show Desmos\' button should not be displayed', () => {
+                desmosToolPage.steps.verifyDesmosToolIsVisible();
+                utilities.verifyElementVisibilityState(desmosToolPage.previewTabDesmosToolKeypad(), 'exist');
                 desmosToolPage.steps.verifyWidthAndHeightOfDesmosTool('600', '400');
                 desmosToolPage.steps.verifyPreviewTabDesmosToolVisibilityButtonDoesNotExist();
                 utilities.verifyElementVisibilityState(desmosToolPage.previewTabDesmosTool(), 'exist');

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

@@ -14,7 +14,6 @@ describe('Desmos graphing: Additional Settings accordion', () => {
     describe('Additional Settings accordion', () => {
         abortEarlySetup();
         before(() => {
-            cy.log('Navigating to Desmos graphing question type');
             desmosGraphingPage.steps.navigateToCreateQuestion('Desmos graphing');
             cy.barsPreLoaderWait();
         });
@@ -26,7 +25,6 @@ describe('Desmos graphing: Additional Settings accordion', () => {
     describe('Additional settings: Font size contents', () => {
         abortEarlySetup();
         before(() => {
-            cy.log('Navigating to Highlight question type');
             desmosGraphingPage.steps.navigateToCreateQuestion('Desmos graphing');
             cy.barsPreLoaderWait();
             desmosGraphingPage.steps.expandAdditonalSettings();
@@ -38,7 +36,6 @@ describe('Desmos graphing: Additional Settings accordion', () => {
     describe('Additional settings: Font size functionality preview tab', () => {
         abortEarlySetup();
         before(() => {
-            cy.log('Navigating to Highlight question type');
             desmosGraphingPage.steps.navigateToCreateQuestion('Desmos graphing');
             cy.barsPreLoaderWait();
             desmosGraphingPage.steps.addQuestionInstructions();
@@ -61,7 +58,6 @@ describe('Desmos graphing: Additional Settings accordion', () => {
     describe('Setting tab: Accessibility section', () => {
         abortEarlySetup();
         before(() => {
-            cy.log('Navigating to Highlight question type');
             desmosGraphingPage.steps.navigateToCreateQuestion('Desmos graphing');
             desmosGraphingPage.steps.expandAdditonalSettings();
         });
@@ -107,7 +103,6 @@ describe('Desmos graphing: Additional Settings accordion', () => {
     describe('Additional Settings: Details section', () => {
         abortEarlySetup();
         before(() => {
-            cy.log('Navigating to Desmos graphing question type');
             desmosGraphingPage.steps.navigateToCreateQuestion('Desmos graphing');
             cy.barsPreLoaderWait();
             desmosGraphingPage.steps.expandAdditonalSettings();