itemengine-cypress-automation 1.0.295-applitools-219e3f5.0 → 1.0.295-e2e6thFebFixes-348b431.0

package/cypress/pages/multipleSelectionPage.js

@@ -8,7 +8,7 @@ import { ckEditorInsertImageComponent } from "./components/ckEditorInsertImageCo
 import { ckEditorLinkComponent } from "../pages/components/ckEditorLinkComponent"
 import { createItemPage } from "./createItemPage";
 import { selectQuestionResourceToolPage } from "./selectQuestionResourceToolPage";
-import {audioPlayerPage} from "./audioPlayerPage";
+import { audioPlayerPage } from "./audioPlayerPage";
 const css = Cypress.env('css');
 const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
 
@@ -914,6 +914,44 @@ const tests = {
     ...ckEditorInsertTableComponent.tests,
     ...ckEditorInsertImageComponent.tests,
     ...ckEditorLinkComponent.tests,
+    //Note: need to remove this as change the global function once save as you go is available for all question types
+    verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet: () => {
+        it('When the user has not set correct answer option(s) and alloted points, \'Student view\' radio button should be checked, \'Grading view\' button should not be checked, 0 points should be displayed and no correct or incorrect icons should be displayed in the preview tab', () => {
+            utilities.verifyInnerText(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), 'Student view');
+            utilities.verifyInnerText(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), 'Grading view');
+            autoScoredScoringPreviewTab.studentViewRadioButton()
+                .should('be.checked');
+            autoScoredScoringPreviewTab.gradingViewRadioButton()
+                .should('not.be.checked');
+            autoScoredScoringPreviewTab.steps.checkManuallyScoredScoringLabel();
+            autoScoredScoringPreviewTab.steps.verifyCorrectIncorrectIconsNotExist();
+        });
+
+        it('CSS of Preview mode contents', { tags: 'css' }, () => {
+            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.scoreLabelPreviewTab(), {
+                'color': css.color.codeBlockText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButton().parent().find('svg'), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButton().parent().find('svg path'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+        });
+    },
+
     /**
      * Verifies the contents and functionality of the 'Specify correct answer' accordion for multiple selection questions.
      * @param {{'Correct' | 'Alternative'}} accordionName - The name of the accordion to be used in the validation.

package/cypress/pages/singleSelectionPage.js

@@ -248,7 +248,7 @@ const steps = {
         singleSelectionPage.correctAnswerSectionWrapper()
             .should('be.visible');
     },
-    
+
     verifyAnswerBannerNotExist: () => {
         singleSelectionPage.answerStatusBanner()
             .should('not.exist');
@@ -719,6 +719,44 @@ const tests = {
     ...autoScoredStudentViewSettings.tests,
     ...additionalSettingsAccessibilitySectionComponent.tests,
     ...mcqAdditionalSettingsBase.tests,
+    //Note: need to remove this as change the global function once save as you go is available for all question types
+    verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet: () => {
+        it('When the user has not set correct answer option(s) and alloted points, \'Student view\' radio button should be checked, \'Grading view\' button should not be checked, 0 points should be displayed and no correct or incorrect icons should be displayed in the preview tab', () => {
+            utilities.verifyInnerText(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), 'Student view');
+            utilities.verifyInnerText(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), 'Grading view');
+            autoScoredScoringPreviewTab.studentViewRadioButton()
+                .should('be.checked');
+            autoScoredScoringPreviewTab.gradingViewRadioButton()
+                .should('not.be.checked');
+            autoScoredScoringPreviewTab.steps.checkManuallyScoredScoringLabel();
+            autoScoredScoringPreviewTab.steps.verifyCorrectIncorrectIconsNotExist();
+        });
+
+        it('CSS of Preview mode contents', { tags: 'css' }, () => {
+            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.scoreLabelPreviewTab(), {
+                'color': css.color.codeBlockText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButton().parent().find('svg'), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButton().parent().find('svg path'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+        });
+    },
+
     verifyContentsOfSpecifyCorrectAnswerSection: () => {
         it('In the \'Correct\' accordion, all options with checkboxes should be displayed', () => {
             utilities.verifyElementCount(singleSelectionPage.optionWrapperSpecifyCorrectAnswerSection(), 4);

package/cypress/support/commands.js

@@ -5,7 +5,6 @@ import 'cypress-file-upload';
 import { iePage } from './migrationHelpers/verifyIeQuestionData';
 import { lrnPage } from './migrationHelpers/extractLrnQuestionData';
 require('cy-verify-downloads').addCustomCommand();
-import { apiKey, browser, serverUrl } from '../e2e/applitools.config';
 //import addContext from "mochawesome/addContext";
 
 const randomUser = (j, username, i) => ({
@@ -155,16 +154,6 @@ Cypress.Commands.add('learnosityLoaderWait', () => {
         .should('be.visible');
 });
 
-Cypress.Commands.add('startApplitools', () => {
-    cy.eyesOpen({
-        apiKey,
-        serverUrl,
-        browser,
-        appName: 'Applitools Demo - ILC',
-        testName: Cypress.currentTest.title,
-    });
-});
-
 Cypress.Commands.add('lazyLoadPreviewQuestions', (count, retries = 5) => {
     iePage.questionAndResourceWrapper()
         .then((elements) => {

package/cypress/support/e2e.js

@@ -4,7 +4,6 @@ import 'cypress-axe';
 import './helpers/cypressUtilities';
 import './helpers/accessibility';
 import './helpers/selectText';
-import '@applitools/eyes-cypress/commands'
 
 let windowConsoleError;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.295-applitools-219e3f5.0",
+  "version": "1.0.295-e2e6thFebFixes-348b431.0",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -35,8 +35,5 @@
     "node-fetch": "^3.3.2",
     "react-uuid": "^2.0.0",
     "typescript": "^5.6.3"
-  },
-  "devDependencies": {
-    "@applitools/eyes-cypress": "^3.49.1"
   }
 }

package/cypress/e2e/applitools.config.js

@@ -1,14 +0,0 @@
-module.exports = {
-	apiKey: 'iv996xa7KXMrp8xQ8JwZ9TybQwOUVjzBDzDzoEyyr8z4110',
-	serverUrl: 'https://eyes.applitools.com',
-	browser: [
-		{ width: 1366, height: 609, name: 'chrome' },
-		{ width: 1280, height: 832, name: 'edgechromium' },
-		{ width: 1536, height: 960, name: 'safari' },
-		{ width: 1024, height: 1366, name: 'safari' }
-	],
-	//Configuration options: https://applitools.com/tutorials/sdks/cypress/configuration
-	ignoreDisplacements: true, // Set to false to detect mismatches in the displacements of the elements
-	failCypressOnDiff: false, // Set to true to fail the test when differences are detected
-	isDisabled: false // Set to true to disable Applitools
-};