itemengine-cypress-automation 1.0.185-repoUpdate26April-b17eb46.0 → 1.0.185

package/cypress/e2e/ILC/NumberLine/studentViewSettings.js

@@ -121,7 +121,7 @@ describe('Create Item page - Number line : Student view settings', () => {
         it('When the user selects \'No limit\' option from the dropdown then user should be able to check answer multiple times', () => {
             numberLinePage.steps.switchToEditTab();
             numberLinePage.steps.expandMaxCheckAnswerAttemptsDropdown();
-            numberLinePage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('0');
+            numberLinePage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('no limit');
             numberLinePage.steps.switchToPreviewTab();
             numberLinePage.steps.verifyCheckAnswerButtonEnabled();
             numberLinePage.steps.plotPointOnNumberLinePreviewTab("horizontal", range, 1);

package/cypress/e2e/ILC/NumberLine/toolSettings.js

@@ -19,7 +19,6 @@ describe('Create Item page: Tool settings', () => {
         numberLinePage.tests.verifyToolSettingsContent();
     });
 
-    //Failing due to https://redmine.zeuslearning.com/issues/568938
     describe('Tool settings: Edit tool settings', () => {
         abortEarlySetup();
         before(() => {
@@ -41,7 +40,7 @@ describe('Create Item page: Tool settings', () => {
             rulerPage.steps.selectOptionFromRotationDropdown('Allow rotation and display angle');
             rulerPage.steps.enterInputToOpacityInputField(60);
             rulerPage.steps.checkAddShowHideButtonCheckbox();
-            toolSettingsComponent.steps.clickOnOkButton();
+            dialogBoxBase.steps.clickOnAcceptButtonInDialogBox();
             utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
             toolSettingsComponent.steps.verifyToolSelectedState(0);
         });

package/cypress/e2e/ILC/Protractor/protractorPreviewContents.smoke.js

@@ -54,7 +54,7 @@ describe('Preview tab contents for all views', () => {
                 }
                 if (view === 'Student view') {
                     studentViewPage.steps.submitResponse();
-                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'exist');
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
                 }
             });
 

package/cypress/e2e/ILC/ReadingRuler/readingRulerEditTabBasicsSection.js

@@ -195,55 +195,7 @@ describe('Create Item page - Reading ruler: Edit Tab', () => {
             readingRulerPage.steps.verifyColorPopupIsDisplayed();
         });
 
-        it('A title \'Select color\' should be displayed on the color popup', () => {
-            readingRulerPage.steps.verifyColorPopupSelectColorTitle();
-        });
-
-        it('A \'Selected color\' label and color block displaying the selected color should be displayed', () => {
-            readingRulerPage.steps.verifySelectedColorLabelAndSelectedColorBlock();
-        });
-
-        it('\'Cancel\' and \'Ok\' buttons should be displayed', () => {
-            utilities.verifyInnerText(readingRulerPage.cancelButton(), 'Cancel');
-            utilities.verifyElementVisibilityState(readingRulerPage.cancelButton(), 'visible');
-            utilities.verifyInnerText(readingRulerPage.okButton(), 'OK');
-            utilities.verifyElementVisibilityState(readingRulerPage.okButton(), 'visible');
-        });
-
-        it('CSS of color popup contents', { tags: 'css' }, () => {
-            const labels = [readingRulerPage.selectedColorLabel, readingRulerPage.hexLabel]
-            const inputFields = [readingRulerPage.hexInputField];
-            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
-                });
-            });
-            utilities.verifyCSS(readingRulerPage.okButton(), {
-                'color': css.color.primaryBtn,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold,
-                'background-color': css.color.primaryBtnBg
-            });
-            utilities.verifyCSS(readingRulerPage.cancelButton(), {
-                'color': css.color.secondaryBtn,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold,
-                'background-color': css.color.transparent
-            });
-        });
-
-        it('Accessibility of color popup contents', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(readingRulerPage.dialogBoxContent());
-        });
+        readingRulerPage.tests.verifyColorPopupSelectColorTitle();
 
         readingRulerPage.tests.verifySaturationAndOpacityGradientPalette('rgb(255, 255, 255)');
 

package/cypress/e2e/ILC/ShortTextResponseNew/studentViewSettings.js

@@ -318,7 +318,7 @@ describe('Create Item page - Short text response : Student view settings', () =>
         it('When the user selects \'No limit\' option from the dropdown then user should be able to check answer multiple times', () => {
             shortTextResponsePage.steps.switchToEditTab();
             shortTextResponsePage.steps.expandMaxCheckAnswerAttemptsDropdown();
-            shortTextResponsePage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('0');
+            shortTextResponsePage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('no limit');
             shortTextResponsePage.steps.switchToPreviewTab();
             shortTextResponsePage.steps.verifyCheckAnswerButtonEnabled();
             shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Flower');

package/cypress/e2e/ILC/SingleSelectionGridNew/studentViewSettings.js

@@ -172,7 +172,7 @@ describe('Create item page - single selection grid: Student view settings', () =
         it('When the user selects \'No limit\' option from the dropdown then user should be able to check answer single times', () => {
             singleSelectionGridPage.steps.switchToEditTab();
             singleSelectionGridPage.steps.expandMaxCheckAnswerAttemptsDropdown();
-            singleSelectionGridPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('0');
+            singleSelectionGridPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('no limit');
             singleSelectionGridPage.steps.switchToPreviewTab();
             singleSelectionGridPage.steps.verifyCheckAnswerButtonEnabled();
             singleSelectionGridPage.steps.selectOptionsInPreviewTab({ row: 1, column: 0 });

package/cypress/e2e/ILC/TextEntryMath/responseEvaluationMethodsAndCustomSettings.js

@@ -353,10 +353,10 @@ describe('Create Item page - Text entry math: Response evaluation methods and cu
                 } else {
                     utilities.verifyElementVisibilityState(textEntryMathPage.customSettingsCheckboxContainer(customSettingsIds.ignoreUnitCoefficient), 'notExist');
                 }
-                if (evaluationMethod.customSettings.includes('Check for parenthesis groups')) {
+                if (evaluationMethod.customSettings.includes('Check for parenthesis grouping')) {
                     utilities.verifyElementVisibilityState(textEntryMathPage.customSettingsCheckboxContainer(customSettingsIds.checkForParenthesisGrouping), 'visible');
                     textEntryMathPage.steps.verifyCustomSettingsCheckboxIsUnchecked(customSettingsIds.checkForParenthesisGrouping);
-                    textEntryMathPage.steps.verifyCustomSettingsCheckboxLabel(customSettingsIds.checkForParenthesisGrouping, 'Check for parenthesis groups');
+                    textEntryMathPage.steps.verifyCustomSettingsCheckboxLabel(customSettingsIds.checkForParenthesisGrouping, 'Check for parenthesis grouping');
                 } else {
                     utilities.verifyElementVisibilityState(textEntryMathPage.customSettingsCheckboxContainer(customSettingsIds.checkForParenthesisGrouping), 'notExist');
                 }

package/cypress/e2e/ILC/TextSelection/Scoring/allOrNothingAlternatePointsMoreThanCorrectPoints.js

@@ -10,6 +10,7 @@ describe('Create Item page - Text selection: Preview tab Scoring Section - All o
     describe('Question Preview: AutoScored - All or Nothing with alternate answer: When Alternate Answer points are more than Correct Answer points', () => {
         abortEarlySetup();
         before(() => {
+            cy.log('Navigating to Text selection question type');
             textSelectionPage.steps.navigateToCreateQuestion('text selection');
             cy.barsPreLoaderWait();
             textSelectionPage.steps.setQuestionAndOptionsInEditTab();

package/cypress/e2e/ILC/TextSelection/Scoring/allOrNothingCorrectPointsEqualToAlternatePoints.js

@@ -10,6 +10,7 @@ describe('Create Item page - Text selection: Preview tab Scoring Section - All o
     describe('Question Preview: AutoScored - All or Nothing with alternate answer: When Correct Answer points are equal to Alternate Answer points', () => {
         abortEarlySetup();
         before(() => {
+            cy.log('Navigating to Text selection question type');
             textSelectionPage.steps.navigateToCreateQuestion('text selection');
             cy.barsPreLoaderWait();
             textSelectionPage.steps.setQuestionAndOptionsInEditTab();

package/cypress/e2e/ILC/TextSelection/Scoring/allOrNothingCorrectPointsMoreThanAlternatePoints.js

@@ -10,6 +10,7 @@ describe('Create Item page - Text selection: Preview tab Scoring Section - All o
     describe('Question Preview: AutoScored - All or Nothing with alternate answer: When Correct Answer points are more than Alternate Answer points', () => {
         abortEarlySetup();
         before(() => {
+            cy.log('Navigating to Text selection question type');
             textSelectionPage.steps.navigateToCreateQuestion('text selection');
             cy.barsPreLoaderWait();
             textSelectionPage.steps.setQuestionAndOptionsInEditTab();

package/cypress/e2e/ILC/TextSelection/Scoring/basicScoringForAllTextSelectionTypes.smoke.js

@@ -16,6 +16,7 @@ describe('Create Item page - Text selection - Basic scoring for all text selecti
         describe('Question Preview: Custom text selection type with All or nothing scoring', () => {
             abortEarlySetup();
             before(() => {
+                cy.log('Navigate to question, add input to stems and options, set correct answer and allot points and switch to preview tab');
                 textSelectionPage.steps.navigateToCreateQuestion('text selection');
                 cy.barsPreLoaderWait();
                 textSelectionPage.steps.addQuestionInstructions();

package/cypress/e2e/ILC/TextSelection/allOrNothingScoringForAllViews.smoke.js

@@ -232,6 +232,7 @@ describe('Create item page - Text selection: All or nothing ', () => {
         describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
             abortEarlySetup();
             before(() => {
+                cy.log('Navigating to Highlight question type');
                 textSelectionPage.steps.navigateToCreateQuestion('text selection');
                 cy.barsPreLoaderWait();
                 textSelectionPage.steps.addTextInQuestionInstructionsInputField('Highlight the correct statements.');

package/cypress/e2e/ILC/TextSelection/checkAnswerFunctionalityForAllViews.smoke.js

@@ -93,11 +93,12 @@ describe('Create item page - Matching - Check answer functionality', () => {
 
             it('When the user attempts the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' should be displayed. Correct answer section should not be displayed', () => {
                 textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
+                textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[3]);
                 checkAnswer(view);
                 textSelectionPage.steps.verifyCorrectIncorrectIconForOptionNotExist(paragraphTextArray[0]);
                 textSelectionPage.steps.verifyCorrectIncorrectIconForOptionNotExist(paragraphTextArray[1]);
                 textSelectionPage.steps.verifyIncorrectIconForOption(paragraphTextArray[2]);
-                textSelectionPage.steps.verifyCorrectIncorrectIconForOptionNotExist(paragraphTextArray[3]);
+                textSelectionPage.steps.verifyIncorrectIconForOption(paragraphTextArray[3]);
                 textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 textSelectionPage.steps.verifyCorrectAnswerSectionNotExists();
             });

package/cypress/e2e/ILC/TextSelection/editTabScoringSection.js

@@ -98,9 +98,8 @@ describe('Create item page - Text selection: Scoring section', () => {
 
         textSelectionPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
 
-        it('\'Points per response:\' label should be displayed in the \'Specify correct answer\' section', () => {
-            utilities.verifyInnerText(textSelectionPage.pointsPerResponseLabel(), 'Points per response:');
-            utilities.verifyElementVisibilityState(textSelectionPage.pointsPerResponseLabel(), 'visible');
+        it('\'Points per response\' label should be displayed and a \'-\' should be displayed besides each response in the \'Specify correct answer\' section', () => {
+            textSelectionPage.steps.verifyPointsPerResponseLabel();
         });
 
         it('When the user gives a score input to \'Points\' input field, then the score should be equally divided among the dropzone \'Points per response\' label', () => {
@@ -188,12 +187,12 @@ describe('Create item page - Text selection: Scoring section', () => {
         it('When user has not selected an option in specify correct answer section, then the \'Set points\' button should be disabled', () => {
             utilities.verifyElementDisabled(textSelectionPage.setPointsButton());
         });
-
+        
         it('When user selects an option in set correct answer section, then the \'Set points\' button should be enabled', () => {
             textSelectionPage.steps.selectOptionInSpecifyCorrectAnswerSection(paragraphTextArray[0]);
             textSelectionPage.steps.verifySetPointsButtonLabelAndEnabledState();
         });
-
+        
         it('CSS of \'Set points\' button', { tags: 'css' }, () => {
             utilities.verifyCSS(textSelectionPage.setPointsButton(), {
                 'color': css.color.activeButtons,

package/cypress/e2e/ILC/TextSelection/previewContentsForAllViews.smoke.js

@@ -70,7 +70,7 @@ describe('Create item page - Text selection : Preview contents', () => {
             });
 
             it('Question instructions should be visible', () => {
-                utilities.verifyInnerText(textSelectionPage.questionInstructionsText(), 'Select the correct statements.');
+                utilities.verifyInnerText(textSelectionPage.questionInstructionsText(), 'Highlight the correct statements.');
                 utilities.verifyElementVisibilityState(textSelectionPage.questionInstructionsText(), 'visible');
             });
 
@@ -109,17 +109,18 @@ describe('Create item page - Text selection : Preview contents', () => {
 
                 it('When user clicks on a selected option, then that option should be deselected', () => {
                     textSelectionPage.steps.deselectOptionInPreviewTab(paragraphTextArray[0]);
-                    textSelectionPage.steps.verifyStandardStateOptionInPreviewTab(paragraphTextArray[0]);
+                    textSelectionPage.steps.verifyDeselectedStateOptionInPreviewTab(paragraphTextArray[0]);
                 });
             } else if (view === 'Grading view') {
-                it('The question text should be displayed with the selected correct options and status message \' Your answer is incorrect\' should be displayed', () => {
+                it('The question text should be displayed with the selected correct options and status message \' Your answer is correct\' should be displayed', () => {
+                    textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[0]);
                     textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[1]);
-                    textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                    textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 });
 
                 it('The submitted answer options should not be editable', () => {
-                    textSelectionPage.steps.clickOnOptionInPreviewTab(paragraphTextArray[1]);
-                    textSelectionPage.steps.verifyOptionIsSelectedInPreviewTab(paragraphTextArray[1]);
+                    textSelectionPage.steps.clickOnOptionInPreviewTab(paragraphTextArray[0]);
+                    textSelectionPage.steps.verifyOptionIsSelectedInPreviewTab(paragraphTextArray[0]);
                     textSelectionPage.steps.clickOnOptionInPreviewTab(paragraphTextArray[2]);
                     textSelectionPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
                 });

package/cypress/e2e/ILC/ToolSettings/toolSettingsContent.js

@@ -5,7 +5,7 @@ import { dialogBoxBase, multipleSelectionPage, rulerPage } from "../../../pages"
 
 const css = Cypress.env('css');
 
-const tools = ['Ruler', 'Protractor', 'Reading ruler', 'Simple Calculator', 'Scientific Calculator'];
+const tools = ['Ruler', 'Protractor', 'Reading ruler', 'Simple calculator', 'Scientific calculator'];
 const lengthOfRuler = ['15 cm', '30 cm', '40 cm'];
 const rotationOptions = ['None', 'Allow rotation', 'Allow rotation and display angle'];
 const unitOfMeasurementOptions = ['Centimeter', 'Inch', 'Pixel', 'Both centimeter and inch', 'Custom image'];
@@ -62,7 +62,7 @@ describe('Create Item page: Tool settings', () => {
         it(`When \'Tool settings\' accordion is expanded, then \'Add tools\' and \'Select the tools that will be displayed to the students.\' labels should be displayed. Three tools ${tools} should be displayed with their labels, icons, drag handle button and edit icon. By default tools should not be selected`, () => {
             utilities.verifyInnerText(toolSettingsComponent.addToolsLabel(), 'Add tools');
             utilities.verifyInnerText(toolSettingsComponent.toolSettingsHelpText(), 'Select the tools that will be displayed to the students.');
-            utilities.verifyElementCount(toolSettingsComponent.toolButton(), 5);
+            utilities.verifyElementCount(toolSettingsComponent.toolButton(), 3);
             tools.forEach((toolName, toolIndex) => {
                 toolSettingsComponent.steps.verifyToolButton(toolIndex, toolName);
             });
@@ -117,8 +117,8 @@ describe('Create Item page: Tool settings', () => {
         it(`'Length of ruler' label and dropdown should be displayed and by default ${lengthOfRuler[0]} should be selected`, () => {
             utilities.verifyInnerText(rulerPage.lengthOfRulerLabel(), 'Length of ruler');
             utilities.verifyElementVisibilityState(rulerPage.lengthOfRulerLabel(), 'visible');
-            rulerPage.steps.verifyLengthOfRulerOptions(lengthOfRuler[0]);
-            utilities.verifyElementVisibilityState(rulerPage.lengthOfRulerOptions(), 'exist');
+            rulerPage.steps.verifyInnerTextOfLengthOfRulerDropdown(lengthOfRuler[0]);
+            utilities.verifyElementVisibilityState(rulerPage.lengthOfRulerDropdown(), 'exist');
         });
 
         it(`When user expands the \'Unit of measurement\' dropdown then list with five option ${unitOfMeasurementOptions} should be displayed`, () => {
@@ -134,7 +134,7 @@ describe('Create Item page: Tool settings', () => {
 
         it(`When user expands the \'Length of ruler\' dropdown then list with three options ${lengthOfRuler} should be displayed`, () => {
             rulerPage.steps.expandLengthOfRulerDropdown();
-            rulerPage.steps.verifyLengthOfRulerOptions(lengthOfRuler);
+            rulerPage.steps.verifyLengthOfRulerDropdownListOptions(lengthOfRuler);
         });
 
         it('When user selects an option from \'Length of ruler\' dropdown list, then dropdown list should disappear and selected option should be the active selection for the dropdown', () => {

package/cypress/e2e/ILC/ToolSettings/toolSettingsPreviewContents.smoke.js

@@ -32,7 +32,7 @@ describe('Tool settings content for all views', () => {
                         toolSettingsComponent.steps.expandToolSettingsAccordion();
                         toolSettingsComponent.steps.clickOnToolEditIcon(0);
                         rulerPage.steps.checkAddShowHideButtonCheckbox();
-                        toolSettingsComponent.steps.clickOnOkButton();
+                        dialogBoxBase.steps.clickOnAcceptButtonInDialogBox();
                         createQuestionBasePage.steps.switchToPreviewTab();
                         utilities.verifyElementVisibilityState(commonComponents.previewTabQuestionWrapper(), 'visible');
                         break;
@@ -117,10 +117,10 @@ describe('Tool settings content for all views', () => {
                         toolSettingsComponent.steps.expandToolSettingsAccordion();
                         toolSettingsComponent.steps.clickOnToolEditIcon(0);
                         rulerPage.steps.checkAddShowHideButtonCheckbox();
-                        toolSettingsComponent.steps.clickOnOkButton();
+                        dialogBoxBase.steps.clickOnAcceptButtonInDialogBox();
                         toolSettingsComponent.steps.clickOnToolEditIcon(1);
                         rulerPage.steps.checkAddShowHideButtonCheckbox();
-                        toolSettingsComponent.steps.clickOnOkButton();
+                        dialogBoxBase.steps.clickOnAcceptButtonInDialogBox();
                         createQuestionBasePage.steps.switchToPreviewTab();
                         break;
                     case 'Item view':

package/cypress/fixtures/constants.js

@@ -9,7 +9,7 @@ const constants = {
     sampleSVGLink: "https://www.svgrepo.com/show/128943/3-flowers.svg",
     CKEditorEquationEditorPopupInputFieldEnteredEquationText: "x=3√8,What is the value of x?",
     CKEditorInputFieldEnteredEquationText: "x=83,What is the value of x?",
-    CKEditorInputFieldEnteredEquationAriaLabel: "x equals the cube root of 8 comma cap w h of A t i s t h of e v A l u e o f x question mark",
+    CKEditorInputFieldEnteredEquationAriaLabel: "x equals the cube root of 8 comma cap w h of A t i s t h of e v A l u e o f x question mark question mark",
     sampleMp3Link: "https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3",
     sampleWAVLink: "https://dl.espressif.com/dl/audio/ff-16b-1c-44100hz.wav",
     sampleAACLink: "https://dl.espressif.com/dl/audio/ff-16b-1c-44100hz.aac",

package/cypress/fixtures/equationEditorCategoriesAndSymbols .js

@@ -80,17 +80,11 @@ export const equationEditorCategoriesAndSymbols = {
                 ariaLabel: 'Comma',
                 displayText: ','
             },
-            divide: {
-                title: 'Division',
-                textElement: null,
-                ariaLabel: 'Division',
-                displayText: '÷'
-            },
-            multiply: {
-                title: 'Multiply',
+            add: {
+                title: 'Addition',
                 textElement: null,
-                ariaLabel: 'Multiply',
-                displayText: '×'
+                ariaLabel: 'Plus 6',
+                displayText: '+'
             },
             subtract: {
                 title: 'Subtraction',
@@ -98,11 +92,17 @@ export const equationEditorCategoriesAndSymbols = {
                 ariaLabel: 'Minus',
                 displayText: '−'
             },
-            add: {
-                title: 'Addition',
+            multiply: {
+                title: 'Multiply',
                 textElement: null,
-                ariaLabel: 'Plus 6',
-                displayText: '+'
+                ariaLabel: 'Multiply',
+                displayText: '×'
+            },
+            divide: {
+                title: 'Division',
+                textElement: null,
+                ariaLabel: 'Division',
+                displayText: '÷'
             },
             equalTo: {
                 title: 'Equal To',
@@ -122,17 +122,17 @@ export const equationEditorCategoriesAndSymbols = {
                 ariaLabel: 'MoveRight',
                 displayText: null
             },
-            clearAll: {
-                title: 'Clear all',
-                textElement: null,
-                ariaLabel: 'ClearAll',
-                displayText: null
-            },
             clear: {
                 title: 'Clear',
                 textElement: null,
                 ariaLabel: 'Clear',
                 displayText: null
+            },
+            clearAll: {
+                title: 'Clear all',
+                textElement: null,
+                ariaLabel: 'ClearAll',
+                displayText: null
             }
         }
     },

package/cypress/fixtures/theme/ilc.json

@@ -47,8 +47,8 @@
         "highlightedTableCellBorder": "rgb(255, 255, 255)",
         "standardTableCellText": "rgb(51, 51, 51)",
         "editTableDeleteButton": "rgb(204, 39, 0)",
-        "progressBarRemainingFill": "rgb(238, 241, 251)",
-        "progressBarElapsedFill": "rgb(82, 0, 255)",
+        "progressBarRemainingFill": "rgb(194, 194, 194)",
+        "progressBarElapsedFill": "rgb(64, 134, 235)",
         "progressBarSliderHoverBackground": "rgba(25, 118, 210, 0.16)",
         "waveformCursorColor": "rgb(0, 0, 0)",
         "audioResponsePreviewComponentsFill": "rgb(64, 134, 235)",
@@ -135,11 +135,7 @@
         "uploadedFileName": "rgb(0, 0, 124)",
         "feedbackHeart": "rgb(255, 56, 0)",
         "manipulativeOptionContainerBorder": "rgb(186, 201, 255)",
-        "cellIcon": "rgb(186, 201, 255)",
-        "outerBorder": "rgb(186, 201, 255)",
-        "playbackTime": "rgb(0, 0, 124)",
-        "stopButtonBg": "rgb(187, 47, 10)",
-        "stopButtonBorder": "rgb(92, 0, 0)"
+        "cellIcon": "rgb(186, 201, 255)"
     },
     "fontSize": {
         "extraSmall": "10px",
@@ -165,25 +161,27 @@
             "hoverBackground": "rgba(82, 0, 255, 0.2)",
             "hoverBorder": "rgba(82, 0, 255, 0.4)"
         },
-        "aqua":{
-            "background": "rgb(0, 112, 128)",
-            "hoverBackground": "rgba(0, 112, 128, 0.2)",
-            "hoverBorder": "rgba(0, 112, 128, 0.4)"
+        "darkGreen":{
+            "background": "rgb(186, 201, 255)",
+            "hoverBackground": "rgba(186, 201, 255, 0.4)",
+            "hoverBorder": "rgb(107, 139, 255)"
         },
         "brown":{
-            "background": "rgb(128, 102, 69)",
-            "hoverBackground": "rgba(128, 102, 69, 0.2)",
-            "hoverBorder": "rgba(128, 102, 69, 0.4)"
+            "background": "rgb(128, 239, 255)",
+            "hoverBackground": "rgba(128, 239, 255, 0.4)",
+            "hoverBorder": "rgb(0, 156, 179)"
         },
         "grey":{
-            "background": "rgb(102, 102, 102)",
-            "hoverBackground": "rgba(102, 102, 102, 0.2)",
-            "hoverBorder": "rgba(102, 102, 102, 0.4)"
+            "background": "rgb(255, 238, 215)",
+            "hoverBackground": "rgba(255, 238, 215, 0.4)",
+            "hoverBorder": "rgb(153, 134, 67)"
         },
         "black":{
-            "background": "rgb(0, 0, 0)",
-            "hoverBackground": "rgba(0, 0, 0, 0.2)",
-            "hoverBorder": "rgba(0, 0, 0, 0.4)"
+            "title": "yellow",
+            "background": "rgb(255, 238, 78)",
+            "border": "rgb(64, 59, 20)",
+            "hoverBackground": "rgba(255, 238, 78, 0.4)",
+            "hoverBorder": "rgb(153, 141, 32)"
         }
     }
 }