itemengine-cypress-automation 1.0.504-IEI-6793-v4-88cc369.0 → 1.0.504-dependabot-npm-and-yarn-multi-92087b3b2d-322b243.0

package/cypress/e2e/ILC/ChartsBar/lineSettings.js

@@ -0,0 +1,64 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { chartsBarPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+
+const lineSettingsOptions = ['Integers', 'Decimals', 'Fractions', 'Mixed fractions'];
+const integerValues = ['10', '9', '8', '7', '6', '5', '4', '3', '2', '1', '0'];
+const integerIfDecimalsExist = ['10', '', '9', '', '8', '', '7', '', '6', '', '5', '', '4', '', '3', '', '2', '', '1', '', '0'];
+const decimalValues = ['10', '9.5', '9', '8.5', '8', '7.5', '7', '6.5', '6', '5.5', '5', '4.5', '4', '3.5', '3', '2.5', '2', '1.5', '1', '0.5', '0'];
+// The fraction values are represented like this: 19/2 = 192, 17/2 = 172, 3/2 = 32, 1/2 = 12 etc. 
+const fractionValues = ['10', '192', '9', '172', '8', '152', '7', '132', '6', '112', '5', '92', '4', '72', '3', '52', '2', '32', '1', '12', '0'];
+// The mixed fraction values are represented like this: 9(1/2) = 912, 8(1/2) = 812, 2(1/2) = 212, 1/2 = 12 etc. 
+const mixedFractionValues = ['10', '912', '9', '812', '8', '712', '7', '612', '6', '512', '5', '412', '4', '312', '3', '212', '2', '112', '1', '12', '0'];
+
+describe('Create item page - Charts - Bar: Line setting section', () => {
+    before(() => {
+        cy.loginAs('admin');
+        chartsBarPage.steps.navigateToCreateQuestion('charts');
+        cy.barsPreLoaderWait();
+        chartsBarPage.steps.selectLineButton();
+    });
+
+    describe('Line setting section contents', () => {
+        abortEarlySetup();
+        it(`Line settings label and 4 options ${lineSettingsOptions} should be displayed and by default ${lineSettingsOptions[0]} should be selected`, () => {
+            utilities.verifyInnerText(chartsBarPage.lineSettingsLabel(), 'Line settings');
+            utilities.verifyElementVisibilityState(chartsBarPage.lineSettingsLabel(), 'visible');
+            utilities.verifyElementVisibilityState(chartsBarPage.lineSettingsToggleButton(), 'visible');
+            utilities.verifyElementCount(chartsBarPage.lineSettingsToggleButton(), 4);
+            lineSettingsOptions.forEach((label) => {
+                utilities.verifyInnerText(chartsBarPage.lineSettingsToggleButton(label), label);
+                utilities.verifyElementVisibilityState(chartsBarPage.lineSettingsToggleButton(label), 'visible');
+            });
+            chartsBarPage.steps.verifyLineSettingsToggleButtonSelected(lineSettingsOptions[0]);
+            chartsBarPage.steps.verifyChartYAxisValues(integerValues);
+        });
+    });
+
+    describe('Functionality of line settings section', () => {
+        abortEarlySetup();
+        it('When integer option is selected in line settings, integer values should be displayed in labels and decimal values should not be displayed in labels', () => {
+            chartsBarPage.steps.enterTextInIntervalInputField(0.5);
+            cy.wait(500);
+            chartsBarPage.steps.verifyChartYAxisValues(integerIfDecimalsExist);
+        });
+        
+        it('When decimal option is selected in line settings, decimal values should be displayed in labels', () => {
+            chartsBarPage.steps.selectLineSettingsToggleButton(lineSettingsOptions[1]);
+            cy.wait(500);
+            chartsBarPage.steps.verifyChartYAxisValues(decimalValues);
+        });
+
+        it('When fraction option is selected in line settings, fraction values should be displayed in labels', () => {
+            chartsBarPage.steps.selectLineSettingsToggleButton(lineSettingsOptions[2]);
+            cy.wait(500);
+            chartsBarPage.steps.verifyChartYAxisValues(fractionValues);
+        });
+
+        it('When mixed fraction option is selected in line settings, mixed fraction values should be displayed in labels', () => {
+            chartsBarPage.steps.selectLineSettingsToggleButton(lineSettingsOptions[3]);
+            cy.wait(500);
+            chartsBarPage.steps.verifyChartYAxisValues(mixedFractionValues);
+        });
+    });
+});

package/cypress/e2e/ILC/ChartsLine/lineSettings.js

@@ -0,0 +1,64 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { chartsLinePage, dialogBoxBase } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+
+const lineSettingsOptions = ['Integers', 'Decimals', 'Fractions', 'Mixed fractions'];
+const integerValues = ['10', '9', '8', '7', '6', '5', '4', '3', '2', '1', '0'];
+const integerIfDecimalsExist = ['10', '', '9', '', '8', '', '7', '', '6', '', '5', '', '4', '', '3', '', '2', '', '1', '', '0'];
+const decimalValues = ['10', '9.5', '9', '8.5', '8', '7.5', '7', '6.5', '6', '5.5', '5', '4.5', '4', '3.5', '3', '2.5', '2', '1.5', '1', '0.5', '0'];
+// The fraction values are represented like this: 19/2 = 192, 17/2 = 172, 3/2 = 32, 1/2 = 12 etc. 
+const fractionValues = ['10', '192', '9', '172', '8', '152', '7', '132', '6', '112', '5', '92', '4', '72', '3', '52', '2', '32', '1', '12', '0'];
+// The mixed fraction values are represented like this: 9(1/2) = 912, 8(1/2) = 812, 2(1/2) = 212, 1/2 = 12 etc. 
+const mixedFractionValues = ['10', '912', '9', '812', '8', '712', '7', '612', '6', '512', '5', '412', '4', '312', '3', '212', '2', '112', '1', '12', '0'];
+
+describe('Create item page - Charts - Line: Line setting section', () => {
+    before(() => {
+        cy.loginAs('admin');
+        chartsLinePage.steps.navigateToCreateQuestion('charts');
+        cy.barsPreLoaderWait();
+        chartsLinePage.steps.selectLineButton();
+    });
+
+    describe('Line setting section contents', () => {
+        abortEarlySetup();
+        it(`Line settings label and 4 options ${lineSettingsOptions} should be displayed and by default ${lineSettingsOptions[0]} should be selected`, () => {
+            utilities.verifyInnerText(chartsLinePage.lineSettingsLabel(), 'Line settings');
+            utilities.verifyElementVisibilityState(chartsLinePage.lineSettingsLabel(), 'visible');
+            utilities.verifyElementVisibilityState(chartsLinePage.lineSettingsToggleButton(), 'visible');
+            utilities.verifyElementCount(chartsLinePage.lineSettingsToggleButton(), 4);
+            lineSettingsOptions.forEach((label) => {
+                utilities.verifyInnerText(chartsLinePage.lineSettingsToggleButton(label), label);
+                utilities.verifyElementVisibilityState(chartsLinePage.lineSettingsToggleButton(label), 'visible');
+            });
+            chartsLinePage.steps.verifyLineSettingsToggleButtonSelected(lineSettingsOptions[0]);
+            chartsLinePage.steps.verifyChartYAxisValues(integerValues);
+        });
+    });
+
+    describe('Functionality of line settings section', () => {
+        abortEarlySetup();
+        it('When integer option is selected in line settings, integer values should be displayed in labels and decimal values should not be displayed in labels', () => {
+            chartsLinePage.steps.enterTextInIntervalInputField(0.5);
+            cy.wait(500);
+            chartsLinePage.steps.verifyChartYAxisValues(integerIfDecimalsExist);
+        });
+        
+        it('When decimal option is selected in line settings, decimal values should be displayed in labels', () => {
+            chartsLinePage.steps.selectLineSettingsToggleButton(lineSettingsOptions[1]);
+            cy.wait(500);
+            chartsLinePage.steps.verifyChartYAxisValues(decimalValues);
+        });
+
+        it('When fraction option is selected in line settings, fraction values should be displayed in labels', () => {
+            chartsLinePage.steps.selectLineSettingsToggleButton(lineSettingsOptions[2]);
+            cy.wait(500);
+            chartsLinePage.steps.verifyChartYAxisValues(fractionValues);
+        });
+
+        it('When mixed fraction option is selected in line settings, mixed fraction values should be displayed in labels', () => {
+            chartsLinePage.steps.selectLineSettingsToggleButton(lineSettingsOptions[3]);
+            cy.wait(500);
+            chartsLinePage.steps.verifyChartYAxisValues(mixedFractionValues);
+        });
+    });
+});

package/cypress/pages/chartsLinePage.js

@@ -15,6 +15,7 @@ const selectors = {
     ...selectQuestionResourceToolPage,
     ...autoScoredScoringSectionMultiResponseType,
     ...chartsCommonComponent,
+    ...layoutSectionComponent,
     ...autoScoredSpecifyCorrectAnswerSection,
     point: () => cy.get('.ngie-chart-point'),
     selectChartTypePoint: () => cy.get('[class*="Chartsstyles__ChartsQuestionWrapper"] .ngie-chart-point'),

package/cypress/pages/components/layoutSectionComponent.js

@@ -57,8 +57,8 @@ const selectors = {
     titlePopupAddLabelInputField: () => cy.get('[aria-labelledby="alert-dialog-title"] input'),
     titlePopupCancelButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(0),
     titlePopupSaveButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(1),
-    numberLineNumberLineSection: () => cy.get('.number-line-grid-setting .ngie-jxgbox svg'),
-    numberLineAxisNumberLineSection: () => cy.get('.number-line-grid-setting .ngie-jxgbox svg line'),
+    numberLineNumberLineSection: () => cy.get(':is(.grid-options-wrapper, .number-line-grid-setting) .ngie-jxgbox svg'),
+    numberLineAxisNumberLineSection: () => cy.get(':is(.grid-options-wrapper, .number-line-grid-setting) .ngie-jxgbox svg line'),
     numberLineTitleNumberLineSection: () => cy.get('[class*="LineGraphComponentsstyles__TitleContainer"]'),
     minLabel: () => cy.get('[class*="CustomInputFieldWrapper"] [class*="CustomInputFieldLabel"]').eq(0),
     minInputField: () => cy.get('[class*="CustomInputFieldWrapper"] input').eq(0),
@@ -68,26 +68,27 @@ const selectors = {
     intervalInputField: () => cy.get('input[id="Interval"]'),
     annotateEveryLabel: () => cy.get('[for="Annotate every"]'),
     annotateEveryInputField: () => cy.get('input[id="Annotate every"]'),
-    lineSettingsToggleButtonWrapper: () => cy.get('.number-line-grid-setting [class*="SingleSelectToggleGroupstyles__ToggleButtonWrapper"]').eq(0),
-    lineSettingsLabel: () => cy.get('.number-line-grid-setting .single-select-toggle-group-title').eq(0),
+    lineSettingsToggleButtonWrapper: () => cy.get(':is(.grid-options-wrapper, .number-line-grid-setting) [class*="SingleSelectToggleGroupstyles__ToggleButtonWrapper"]').eq(0),
+    lineSettingsLabel: () => cy.get(':is(.grid-options-wrapper, .number-line-grid-setting) .single-select-toggle-group-title').eq(0),
     lineSettingsToggleButton: (ariaLabel = null) => {
         if (ariaLabel !== null) {
-            return cy.get('.number-line-grid-setting [class*="SingleSelectToggleGroupstyles__ButtonContainer"]').eq(0).find(`button[aria-label*="${ariaLabel}"]`);
+            return cy.get(':is(.grid-options-wrapper, .number-line-grid-setting) [class*="SingleSelectToggleGroupstyles__ButtonContainer"]').eq(0).find(`button[aria-label*="${ariaLabel}"]`);
         } else {
-            return cy.get('.number-line-grid-setting [class*="SingleSelectToggleGroupstyles__ButtonContainer"]').eq(0).find('button');
+            return cy.get(':is(.grid-options-wrapper, .number-line-grid-setting) [class*="SingleSelectToggleGroupstyles__ButtonContainer"]').eq(0).find('button');
         }
     },
-    displayNumbersToggleButtonWrapper: () => cy.get('.number-line-grid-setting [class*="SingleSelectToggleGroupstyles__ToggleButtonWrapper"]').eq(1),
-    displayNumbersLabel: () => cy.get('.number-line-grid-setting .single-select-toggle-group-title').eq(1),
+    displayNumbersToggleButtonWrapper: () => cy.get(':is(.grid-options-wrapper, .number-line-grid-setting) [class*="SingleSelectToggleGroupstyles__ToggleButtonWrapper"]').eq(1),
+    displayNumbersLabel: () => cy.get(':is(.grid-options-wrapper, .number-line-grid-setting) .single-select-toggle-group-title').eq(1),
     displayNumbersToggleButton: (ariaLabel = null) => {
         if (ariaLabel !== null) {
-            return cy.get('.number-line-grid-setting [class*="SingleSelectToggleGroupstyles__ButtonContainer"]').eq(1).find(`button[aria-label*="${ariaLabel}"]`);
+            return cy.get(':is(.grid-options-wrapper, .number-line-grid-setting) [class*="SingleSelectToggleGroupstyles__ButtonContainer"]').eq(1).find(`button[aria-label*="${ariaLabel}"]`);
         } else {
-            return cy.get('.number-line-grid-setting [class*="SingleSelectToggleGroupstyles__ButtonContainer"]').eq(1).find('button');
+            return cy.get(':is(.grid-options-wrapper, .number-line-grid-setting) [class*="SingleSelectToggleGroupstyles__ButtonContainer"]').eq(1).find('button');
         }
     },
-    displaySpecificAnnotationLabel: () => cy.get('.number-line-grid-setting [class*="SpecificAnnotationWrapper"]  [class*="PropertyLabel"]'),
-    displaySpecificAnnotationInputField: () => cy.get('.number-line-grid-setting [class*="SpecificAnnotationWrapper"]  input')
+    displaySpecificAnnotationLabel: () => cy.get(':is(.grid-options-wrapper, .number-line-grid-setting) [class*="SpecificAnnotationWrapper"]  [class*="PropertyLabel"]'),
+    displaySpecificAnnotationInputField: () => cy.get(':is(.grid-options-wrapper, .number-line-grid-setting) [class*="SpecificAnnotationWrapper"]  input'),
+    chartYAxisLabels: () => cy.get('.ngie-charts-authoring .row-header-container .value-container'),
 }
 
 const steps = {
@@ -823,6 +824,16 @@ const steps = {
     verifyTextInHeightInputField: (value) => {
         layoutSectionComponent.heightInputField()
             .should('have.value', value);
+    },
+
+    /**
+     * Verifies that each chart Y-axis label matches the corresponding value in the expectedValues array.
+     * @param {string[]} expectedValues - An array of expected Y-axis label values to verify against the chart.
+     */
+    verifyChartYAxisValues: (expectedValues) => {
+        layoutSectionComponent.chartYAxisLabels().each(($element, index) => {
+            cy.wrap($element).should('have.text', expectedValues[index]);
+        });
     }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.504-IEI-6793-v4-88cc369.0",
+  "version": "1.0.504-dependabot-npm-and-yarn-multi-92087b3b2d-322b243.0",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -30,8 +30,7 @@
     "spinnaker:audioResponse": "node scripts/questions.mjs --env theme=ilc,questionType=AudioResponseNew_VideoResponseNew_UploadResponse_ToolAudioPlayerNew,grepTags=-css+-a11y",
     "spinnaker:feedbackScale": "node scripts/questions.mjs --env theme=ilc,questionType=FeedbackScaleNew_BrainingCampManipulative_EditItem_ToolSettings_CkEditorAudioPlayer_CkEditorEquationEditor_CkEditorInsertImage_CkEditorInsertTable_CkEditorInsertTable,grepTags=-css+-a11y",
     "spinnaker:resourcesAndTools": "node scripts/questions.mjs --env theme=ilc,questionType=Compass_ContentBlocks_Protractor_ReadingRuler_SimpleCalculator_Ruler,grepTags=-css+-a11y",
-    "spinnaker:dataApiTest": "node scripts/dataApi.mjs --env theme=ilc,questionType=dataApi_Sessions,grepTags=-css+-a11y",
-    "spinnaker:test": "node scripts/testcypress.mjs --env theme=ilc,questionType=test_Sessions,grepTags=-css+-a11y"
+    "spinnaker:dataApiTest": "node scripts/dataApi.mjs --env theme=ilc,questionType=dataApi_Sessions,grepTags=-css+-a11y"
   },
   "repository": {
     "type": "git",
@@ -42,7 +41,7 @@
     "axe-core": "^4.7.1",
     "cy-verify-downloads": "^0.1.11",
     "cy2": "^4.0.9",
-    "cypress": "^12.17.2",
+    "cypress": "^15.2.0",
     "cypress-axe": "^1.4.0",
     "cypress-file-upload": "^5.0.8",
     "cypress-real-events": "^1.7.6",

package/scripts/sorry-cypress.mjs

@@ -301,15 +301,4 @@ export function runSorryCypressSpinnakerDataApi() {
     let command = `cy2 run --parallel --browser chrome --record --key imaginelearning/itemengine-cypress-automation --ci-build-id ${ciBuildId} ${envArgs} --spec "cypress/e2e/ILC/dataApi/**/*.js,cypress/e2e/Sessions/**/*.js"`;
     console.log(`command: ${command}`);
     execSync(command, { stdio: "inherit" });
-}
-
-export function runSorryCypressTest() {
-    process.env.CYPRESS_API_URL = "https://cypress-director.imaginelearning.tech/";
-    const user = OS.userInfo().username;
-    startTime = Math.round(Date.now() / 1000000);
-    ciBuildId = setCiBuildId(user, startTime);
-    const envArgs = setCommandLineEnvArgs()
-    let command = `cy2 run --parallel --browser chrome --record --key imaginelearning/itemengine-cypress-automation --ci-build-id ${ciBuildId} ${envArgs} --spec "cypress/e2e/ILC/test/**/*.js"`;
-    console.log(`command: ${command}`);
-    execSync(command, { stdio: "inherit" });
 }

package/cypress/e2e/ILC/test/test.js

@@ -1,21 +0,0 @@
-describe('Page Load Test for v1', () => {
-    it('should load the page successfully', () => {
-        cy.log('Navigating to Login Page');
-        cy.visit('https://sandbox.itemengine-staging.il-apps.com/login');
-        cy.get('body').should('exist');
-        cy.log('Login page loaded');
-        cy.get('h1').should('have.text', 'Log in');
-        cy.get('button[data-at="Sign-in-button"] span').should('have.text', 'Sign In');
-    });
-});
-
-describe('Page Load Test for v2', () => {
-    it('should load the page successfully', () => {
-        cy.log('Navigating to Login Page');
-        cy.visit('https://itemengine-sandbox-staging.content-nonprod.imaginelearning.com/login');
-        cy.get('body').should('exist');
-        cy.log('Login page loaded');
-        cy.get('h1').should('have.text', 'Log in');
-        cy.get('button[data-at="Sign-in-button"] span').should('have.text', 'Sign In');
-    });
-});

package/deploy/test/run.sh

@@ -1,6 +0,0 @@
-#!/bin/sh
-env=$STAGE
-echo Environment to test: $env
-echo START_TIME: $START_TIME
-
-npm run spinnaker:test

package/deploy/test/service.yaml

@@ -1,42 +0,0 @@
-global:
-  name: ie-test
-  type: test
-  autoDeploy:
-    enabled: true
-    highestEnvironment: dev
-
-deployment:
-  activeDeadlineSeconds: 28800
-  architecture: amd64
-  backoffLimit: 25
-  completions: 15
-  parallelism: 15
-  restartPolicy: Never
-  image:
-    cmd: /ie-e2e/deploy/test/run.sh
-    buildContext: ../..
-  resources:
-    limits:
-      memory: 8446Mi
-      cpu: 5000m
-    requests:
-      memory: 4096Mi
-      cpu: 2000m
-  
-namespaces:
-  dev:
-    env:
-      - name: STAGE
-        value: "dev"
-  qa:
-    env:
-      - name: STAGE
-        value: "qa"
-  staging:
-    env:
-      - name: STAGE
-        value: "staging"
-  prod:
-    env:
-      - name: STAGE
-        value: "prod"

package/scripts/testcypress.js

@@ -1,3 +0,0 @@
-import { runSorryCypressTest } from "./sorry-cypress.mjs";
-
-runSorryCypressTest();