itemengine-cypress-automation 1.0.211 → 1.0.212

package/cypress/pages/essayResponsePage.js

@@ -1,5 +1,5 @@
 import { equationEditorCategoriesAndSymbols } from "../fixtures/equationEditorCategoriesAndSymbols ";
-import { questionInstructionsComponent, scoringSectionBaseEditTab, createQuestionBasePage, additionalSettingsPanel, autoScoredScoringPreviewTab, commonComponents, createCustomCategoryFlyout, customizeSpecialCharacterComponent, additionalSettingsAccessibilitySectionComponent } from "./components";
+import { questionInstructionsComponent, scoringSectionBaseEditTab, createQuestionBasePage, additionalSettingsPanel, autoScoredScoringPreviewTab, commonComponents, createCustomCategoryFlyout, customizeSpecialCharacterComponent, additionalSettingsAccessibilitySectionComponent, autoScoredStudentViewSettings, studentViewSettingsLabelComponent } from "./components";
 import { equationEditorFlyout } from "./components/equationEditorFlyout";
 import { dialogBoxBase } from "../pages/dialogBoxBase";
 import { essayResponseCommonComponents } from "./components/essayResponseCommonComponents";
@@ -63,6 +63,11 @@ const selectors = {
             return cy.get('[class*="ControlsWrapper"] .icon-button-custom-format')
         }
     },
+    //Student view settings
+    displayCharacterCountLabel: () => cy.get('[data-ngie-testid="display-character-count-checkbox"] .MuiFormControlLabel-label'),
+    displayCharacterCountCheckbox: () => cy.get('[data-ngie-testid="display-character-count-checkbox"] input'),
+    displayWordCountLabel: () => cy.get('[data-ngie-testid="display-word-count-checkbox"] .MuiFormControlLabel-label'),
+    characterWordCountLabelPreviewTab: () => cy.get('[class*="indexstyle__WordCharCountWrapper"]'),
     //additional settings
     clipboardFunctionLabel: () => cy.get('.essay-clipboard-functions .ngie-toggle-button-title'),
     clipboardFunctionButton: (index) => cy.get('.ngie-toggle-button-group button').eq(index),
@@ -972,6 +977,71 @@ const steps = {
             .dblclick();
     },
 
+    verifyDisplayWordCountCheckboxUnchecked: () => {
+        essayResponsePage.displayWordCountCheckbox()
+            .should('not.be.checked');
+    },
+
+    verifyDisplayCharacterCountCheckboxUnchecked: () => {
+        essayResponsePage.displayCharacterCountCheckbox()
+            .should('not.be.checked');
+    },
+
+    checkDisplayCharacterCountCheckbox: () => {
+        essayResponsePage.displayCharacterCountCheckbox()
+            .click();
+        steps.verifyDisplayCharacterCountCheckboxChecked();
+    },
+
+    uncheckDisplayCharacterCountCheckbox: () => {
+        essayResponsePage.displayCharacterCountCheckbox()
+            .click();
+        steps.verifyDisplayCharacterCountCheckboxUnchecked();
+    },
+
+    verifyDisplayCharacterCountCheckboxChecked: () => {
+        essayResponsePage.displayCharacterCountCheckbox()
+            .should('be.checked');
+    },
+
+    verifySpellCheckCheckboxUnchecked: () => {
+        essayResponsePage.spellCheckCheckbox()
+            .should('not.be.checked');
+    },
+
+    verifySpellCheckCheckboxChecked: () => {
+        essayResponsePage.spellCheckCheckbox()
+            .should('be.checked');
+    },
+
+    selectWordRadioButton: () => {
+        essayResponsePage.wordRadioButton()
+            .click()
+            .should('be.checked');
+    },
+
+    checkSpellCheckCheckbox: () => {
+        essayResponsePage.spellCheckCheckbox()
+            .click()
+        steps.verifySpellCheckCheckboxChecked();
+    },
+
+    uncheckSpellCheckCheckbox: () => {
+        essayResponsePage.spellCheckCheckbox()
+            .click();
+        steps.verifySpellCheckCheckboxUnchecked();
+    },
+
+    verifySpellCheckOfResponseFieldPreviewTabDisabled: () => {
+        essayResponsePage.responseField()
+            .should('have.prop', 'spellcheck', false);
+    },
+
+    verifySpellCheckOfResponseFieldPreviewTabEnabled: () => {
+        essayResponsePage.responseField()
+            .should('have.prop', 'spellcheck', true);
+    },
+    
     verifyPlaceholderInputFieldIsEmpty: () => {
         essayResponseCommonComponents.placeholderTextInputField()
             .should('have.value', '');
@@ -1117,6 +1187,8 @@ const tests = {
     ...customizeSpecialCharacterComponent.tests,
     ...essayResponseCommonComponents.tests,
     ...additionalSettingsAccessibilitySectionComponent.tests,
+    ...studentViewSettingsLabelComponent.tests,
+    ...autoScoredStudentViewSettings.tests,
 
     /**
      * insert equation and verify input field content and word count