itemengine-cypress-automation 1.0.10 → 1.0.12

package/cypress/e2e/ILC/ShortTextResponse/shortTextResponseEditTabScoringSection.js

@@ -0,0 +1,99 @@
+import { shortTextResponsePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+describe('Create Item page - Short text response: Scoring Section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring Section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to Short text response question type');
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+        });
+
+        shortTextResponsePage.tests.verifyScoringTypeLabelAndDropdown('autoScored');
+
+        it('CSS of Scoring section', { tags: 'css' }, () => {
+            shortTextResponsePage.minimumScoreIfAttemptedLabel()
+                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
+            shortTextResponsePage.pointsLabel()
+                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
+        });
+
+        it('Accessibility of Scoring Section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(shortTextResponsePage.scoringTypeDropdown());
+            cy.checkAccessibility(shortTextResponsePage.minimumScoreIfAttemptedInputField());
+            cy.checkAccessibility(shortTextResponsePage.pointsInputField());
+        });
+    });
+
+    describe('Auto scored - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to Short text response question type');
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+        });
+
+        it('The \'Points\' and \'Minimum score awarded (if attempted)\' labels and input fields should be displayed and it should be empty by default', () => {
+            shortTextResponsePage.pointsLabel()
+                .verifyInnerText('Points')
+                .and('be.visible');
+            shortTextResponsePage.pointsInputField()
+                .should('have.value', '')
+                .and('be.visible');
+            shortTextResponsePage.minimumScoreIfAttemptedLabel()
+                .verifyInnerText('Minimum score awarded (if attempted)')
+                .and('be.visible');
+            shortTextResponsePage.minimumScoreIfAttemptedInputField()
+                .should('have.value', '')
+                .and('be.visible');
+        });
+
+        shortTextResponsePage.tests.verifyPointsFieldErrorState(10);
+        shortTextResponsePage.tests.verifyMinimumScoreIfAttemptedFieldErrorState(10, 20, 10);
+    });
+
+    describe('Manually scored scoring - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to Short text response question type');
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+        });
+
+        it('User should be able to select \'Manually scored\' scoring type from scoring type dropdown', () => {
+            shortTextResponsePage.steps.selectAScoringTypeFromScoringTypeDropdown('Manually scored');
+        });
+
+        it('When the user has selected \'Manually scored\' option from the Scoring Type dropdown then the \'Set Correct Answer\' section should not be displayed; \'Points\' and \'Minimum score awarded (if attempted)\' labels and input field should be displayed; and inside \'Additional settings accordion\', \'Check answer\' section i.e. \'Check answer\' label and \'Allow students to check answer\' checkbox should not be displayed', () => {
+            shortTextResponsePage.setCorrectAnswerLabel()
+                .should('not.exist');
+            shortTextResponsePage.minimumScoreIfAttemptedLabel()
+                .verifyInnerText('Minimum score awarded (if attempted)')
+                .and('be.visible');
+            shortTextResponsePage.minimumScoreIfAttemptedInputField()
+                .should('have.value', '')
+                .and('be.visible');
+            shortTextResponsePage.steps.expandAdditonalSettings();
+            shortTextResponsePage.checkAnswerLabel()
+                .should('not.exist');
+            shortTextResponsePage.allowStudentsToCheckAnswerLabel()
+                .should('not.exist');
+        });
+
+        shortTextResponsePage.tests.verifyPointsFieldErrorState(10);
+        shortTextResponsePage.tests.verifyMinimumScoreIfAttemptedFieldErrorState(10, 20, 10);
+    });
+
+    describe('Non scored scoring - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to Short text response question type');
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+        });
+
+        shortTextResponsePage.tests.verifyEditTabNonScoredScoringSectionContents();
+    });
+});

package/cypress/e2e/ILC/ShortTextResponse/shortTextResponseHeaderSection.js

@@ -0,0 +1,109 @@
+import { dialogBoxBase, shortTextResponsePage } from "../../../pages";
+import { commonComponents } from "../../../pages/components";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+describe('Create item page - Short text response: Header section and saving question', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to short text response question type');
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+        });
+
+        shortTextResponsePage.tests.verifyCreateQuestionPageQuestionTypeHeader('Short text response');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+        });
+        shortTextResponsePage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+        });
+        shortTextResponsePage.tests.verifyCancelButton('short text response');
+    });
+
+    describe('Save Question button', () => {
+        abortEarlySetup();
+        before(() => {
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+        });
+
+        describe('Validation error messages', () => {
+            abortEarlySetup();
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                shortTextResponsePage.questionInstructionsLabelEditTab()
+                    .parents('.edit-question-instruction-wrapper')
+                    .within(() => {
+                        commonComponents.errorMessage()
+                            .verifyInnerText('Error: Question instructions are required.')
+                            .and('be.visible');
+                    });
+                shortTextResponsePage.pointsInputField()
+                    .parents('.set-correct-answer-points-wrapper')
+                    .within(() => {
+                        shortTextResponsePage.pleaseEnterPointsErrorMessage()
+                            .verifyInnerText('Error: Please enter points.')
+                            .and('be.visible');
+                    });
+                shortTextResponsePage.setCorrectAnswerResponseField()
+                    .parents('[class*="ShortTextResponsestyles__ResponseFieldSpecialCharacterButtonWrapper"]')
+                    .within(() => {
+                        shortTextResponsePage.errorMessage()
+                            .verifyInnerText('Error: Please set a correct answer.')
+                            .and('be.visible');
+                    });
+                shortTextResponsePage.setCorrectAnswerErrorIcon()
+                    .should('be.visible');
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                shortTextResponsePage.steps.addQuestionInstructions();
+                shortTextResponsePage.questionInstructionsLabelEditTab()
+                    .parents('.edit-question-instruction-wrapper')
+                    .within(() => {
+                        commonComponents.errorMessage()
+                            .should('not.exist');
+                    });
+                shortTextResponsePage.steps.allotPoints(20);
+                shortTextResponsePage.pointsInputField()
+                    .parents('.set-correct-answer-points-wrapper')
+                    .within(() => {
+                        shortTextResponsePage.pleaseEnterPointsErrorMessage()
+                            .should('not.exist');
+                    });
+                shortTextResponsePage.setCorrectAnswerResponseField()
+                    .type('Response');
+                shortTextResponsePage.setCorrectAnswerResponseField()
+                    .parents('[class*="ShortTextResponsestyles__ResponseFieldSpecialCharacterButtonWrapper"]')
+                    .within(() => {
+                        shortTextResponsePage.errorMessage()
+                            .should('not.exist');
+                    });
+                shortTextResponsePage.setCorrectAnswerErrorIcon()
+                    .should('not.exist');
+            });
+        });
+
+        describe('Saving a question', () => {
+            abortEarlySetup();
+            it('When user has filled all the mandatory fields then on clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+                shortTextResponsePage.steps.saveAQuestionAndVerifySnackbar();
+            });
+            shortTextResponsePage.tests.verifySavedSuccessfullySnackbarCSSanda11y();
+        });
+    });
+});

package/cypress/e2e/ILC/ShortTextResponse/shortTextResponseManuallyScoredNonScoredScoringSection.js

@@ -0,0 +1,120 @@
+import { selectQuestionResourceToolPage, shortTextResponsePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+describe('Create Item page - Short text response: Scoring Section - Manually scored and Non scored', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Manually scored', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Adding question instructions and correct answer response, select Manually scored scoring type and add points for the question');
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            shortTextResponsePage.steps.addQuestionInstructions();
+            shortTextResponsePage.steps.allotPoints(20);
+            shortTextResponsePage.steps.selectAScoringTypeFromScoringTypeDropdown('Manually scored')
+            cy.log('Switching to Preview tab')
+            shortTextResponsePage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, Question Instructions and response field should be displayed', () => {
+            shortTextResponsePage.steps.verifyQuestionInstructionsText();
+        });
+
+        shortTextResponsePage.tests.verifyShowCorrectAnswerAndPointsNotDisplayedInPreviewTab()
+    });
+
+    describe('Question Preview: Non scored', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Adding question instructions, correct answer response, and selecting Non scored scoring type');
+            shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
+            shortTextResponsePage.steps.addQuestionInstructions();
+            shortTextResponsePage.setCorrectAnswerResponseField()
+                .type('Response');
+            shortTextResponsePage.steps.selectAScoringTypeFromScoringTypeDropdown('Non scored');
+            shortTextResponsePage.steps.expandAdditonalSettings()
+            shortTextResponsePage.steps.setMaximumCheckAnswerAttempts(3)
+            cy.log('Switching to Preview tab')
+            shortTextResponsePage.steps.switchToPreviewTab();
+        });
+
+        shortTextResponsePage.tests.verifyShowCorrectAnswerLabelAndCheckboxExistAndPreviewScoreNotExistInPreviewTab();
+
+        it('On selecting Show correct answer checkbox, no green checkmark or red crossmark icon should be displayed besides response field and no label should be displayed below the field', () => {
+            shortTextResponsePage.showCorrectAnswerCheckbox()
+                .click()
+                .should('be.checked');
+            shortTextResponsePage.correctIcon()
+                .should('not.exist');
+            shortTextResponsePage.incorrectIcon()
+                .should('not.exist');
+            shortTextResponsePage.correctIncorectAnswerLabel()
+                .should('not.exist');
+            shortTextResponsePage.correctIncorrectAnswerBorder()
+                .should('not.exist');
+            shortTextResponsePage.previewTabCorrectAnswerContainer()
+                .should('be.visible');
+            cy.log('Post step: Uncheck show correct answer button');
+            shortTextResponsePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+        });
+
+        it('Case: When user enters an incorrect answer', () => {
+            cy.log('When the user selects show correct answer checkbox, red crossmark icon should be displayed besides the response fields, Incorrect answer label and border should not be displayed')
+            shortTextResponsePage.previewTabResponseField()
+                .type('Incorrect');
+            shortTextResponsePage.showCorrectAnswerCheckbox()
+                .click()
+                .should('be.checked');
+            shortTextResponsePage.steps.verifyIncorrectOptionCrossmarkIcon();
+            shortTextResponsePage.correctIncorrectAnswerBorder()
+                .should('not.exist');
+            shortTextResponsePage.correctIncorectAnswerLabel()
+                .should('not.exist');
+            cy.log('Correct answer container should be displayed')
+            shortTextResponsePage.previewTabCorrectAnswerContainer()
+                .should('be.visible');
+            shortTextResponsePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+            cy.log('When the user clicks on \'Check answer\' button, red crossmark icon should be displayed besides the response fields, Incorrect answer label and border should not be displayed and no correct answer container should be displayed');
+            shortTextResponsePage.checkAnswerButton()
+                .click();
+            shortTextResponsePage.steps.verifyIncorrectOptionCrossmarkIcon();
+            shortTextResponsePage.correctIncorrectAnswerBorder()
+                .should('not.exist');
+            shortTextResponsePage.correctIncorectAnswerLabel()
+                .should('not.exist');
+            shortTextResponsePage.previewTabCorrectAnswerContainer()
+                .should('not.exist');
+        });
+
+        it('Case: When user enters correct answer response', () => {
+            cy.log('When the user selects the show correct answer checkbox, green checkmark icon should be displayed besides the response fields, Correct answer label and border should not be displayed and no correct answer container should be displayed')
+            shortTextResponsePage.previewTabResponseField()
+                .clear()
+                .type('Response');
+            shortTextResponsePage.showCorrectAnswerCheckbox()
+                .click()
+                .should('be.checked');
+            shortTextResponsePage.steps.verifyCorrectOptionCheckmarkIcon();
+            shortTextResponsePage.correctIncorrectAnswerBorder()
+                .should('not.exist');
+            shortTextResponsePage.correctIncorectAnswerLabel()
+                .should('not.exist');
+            shortTextResponsePage.previewTabCorrectAnswerContainer()
+                .should('not.exist');
+            shortTextResponsePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+            cy.log('When the user clicks on \'Check answer\' button, then green checkmark icon should be displayed besides response fields, Correct answer label and border should not be displayed and no correct answer container should be displayed and no correct answer container should be displayed')
+            shortTextResponsePage.checkAnswerButton()
+                .click();
+            shortTextResponsePage.steps.verifyCorrectOptionCheckmarkIcon();
+            shortTextResponsePage.correctIncorrectAnswerBorder()
+                .should('not.exist');
+            shortTextResponsePage.correctIncorectAnswerLabel()
+                .should('not.exist');
+            shortTextResponsePage.previewTabCorrectAnswerContainer()
+                .should('not.exist');
+        });
+    });
+});

package/cypress/support/commands.js

@@ -3,7 +3,7 @@ import { v4 as uuidv4 } from 'uuid';
 import "cypress-real-events/support";
 import 'cypress-file-upload';
 require('cy-verify-downloads').addCustomCommand();
-import addContext from "mochawesome/addContext";
+//import addContext from "mochawesome/addContext";
 
 const randomUser = (j, username, i) => ({
     id: uuidv4(),
@@ -129,9 +129,9 @@ Cypress.Commands.add('fill', { prevSubject: 'element' }, ($subj, text) => {
     return cy.wrap($subj).type('{enter}');
 });
 
-Cypress.Commands.add('addContext', (context) => {
-    cy.once('test:after:run', (test) => addContext({ test }, context));
-});
+// Cypress.Commands.add('addContext', (context) => {
+//     cy.once('test:after:run', (test) => addContext({ test }, context));
+// });
 
 Cypress.Commands.add('barsPreLoaderWait', () => {
     cy.get('[id="question-item-instruction-loader"]')

package/cypress/support/e2e.js

@@ -1,6 +1,5 @@
 import './commands'
 import './helpers/localStorage';
-import 'cypress-mochawesome-reporter/register';
 import 'cypress-axe';
 import './helpers/cypressUtilities';
 import './helpers/accessibility';

package/cypress/support/helpers/accessibility.js

@@ -20,10 +20,10 @@ function checkAccessibility(cySelector = null) {
     cy.injectAxe()
         .then(() => {
             if (cySelector === null) {
-                return cy.checkA11y(null, config, terminalLog);
+                return cy.checkA11y(null, config);
             } else {
                 cySelector.then(($element) => {
-                    return cy.checkA11y($element.selector, config, terminalLog);
+                    return cy.checkA11y($element.selector, config);
                 });
             };
         });

package/cypress.config.js

@@ -19,7 +19,6 @@ async function getConfigurationByFile(file, theme) {
 }
 
 module.exports = defineConfig({
-  reporter: 'cypress-mochawesome-reporter',
   reporterOptions: {
     reportDir: 'cypress/reports',
     charts: true,
@@ -63,7 +62,6 @@ module.exports = defineConfig({
         },
         isFileExist
       });
-      require('cypress-mochawesome-reporter/plugin')(on);
       require('@cypress/grep/src/plugin')()
       return cloudPlugin(on, config), getConfigurationByFile(file, theme);
     },

package/deploy.yaml

@@ -9,8 +9,8 @@ variables:
 deployment:
   job:
     activeDeadlineSeconds: 7200
-    parallelism: 3
-    completions: 3
+    parallelism: 5
+    completions: 5
 
   image:
     cmd: /ie-e2e/run.sh

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -8,7 +8,11 @@
     "test": "echo 'success'",
     "spinnaker": "node scripts/spinnaker.mjs --env theme=ilc",
     "spinnaker:untagged": "node scripts/spinnaker.mjs --env theme=ilc,grepUntagged=true",
-    "local": "node scripts/spinnaker.mjs"
+    "local": "node scripts/local.mjs --env fileConfig=ilqa",
+    "cy:ildev": "cypress open --env fileConfig=ildev",
+    "cy:ilprod": "cypress open --env fileConfig=ilprod",
+    "cy:ilqa": "cypress open --env fileConfig=ilqa",
+    "cy:ilstage": "cypress open --env fileConfig=ilstage"
   },
   "repository": {
     "type": "git",
@@ -22,7 +26,6 @@
     "cypress-axe": "^1.5.0",
     "cypress-cloud": "^1.9.6",
     "cypress-file-upload": "^5.0.8",
-    "cypress-mochawesome-reporter": "^3.3.0",
     "cypress-real-events": "^1.7.6",
     "react-uuid": "^2.0.0"
   }

package/scripts/sorry-cypress.mjs

@@ -17,14 +17,11 @@ if (process.argv.includes('--env')) {
 
 const env = process.env.STAGE ? process.env.STAGE : envArgs.fileConfig;
 
-console.log(envArgs, env)
-
 /**
  * @param {string} user
  * @param {string} startTime
  */
 function setCiBuildId(user, startTime) {
-    console.log('process.argv', process.argv)
     let tags;
     if (envArgs.grepUntagged) {
         tags = 'untagged';
@@ -77,10 +74,7 @@ function runSorryCypress(ciBuildId, envArgs) {
  * @method runSorryCypressSpinnaker
  */
 export function runSorryCypressSpinnaker() {
-    console.log('process.argv', process.argv)
-    console.log('process.env.STAGE', process.env.STAGE)
     startTime = process.env.START_TIME;
-    console.log('START_TIME', startTime)
     ciBuildId = setCiBuildId("spinnaker", startTime);
     const envArgs = setCommandLineEnvArgs()
     runSorryCypress(ciBuildId, envArgs);
@@ -92,7 +86,8 @@ export function runSorryCypressSpinnaker() {
 export function runSorryCypressLocal() {
     process.env.CYPRESS_API_URL = "https://cypress-director.imaginelearning.engineering/";
     const user = OS.userInfo().username;
-    startTime = Math.round(Date.now() / 100000);
+    startTime = Math.round(Date.now() / 1000000);
     ciBuildId = setCiBuildId(user, startTime);
+    const envArgs = setCommandLineEnvArgs()
     runSorryCypress(ciBuildId, envArgs);
 }