itemengine-cypress-automation 1.0.284-applitools-38637bb.0 → 1.0.285

package/cypress/e2e/ILC/NumberLineLabel/verticalNumberLine/allOrNothingForAllViews.smoke.js

@@ -105,7 +105,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 });
             };
 
-            it(`${view}: Number line Label Vertical - When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section graph and your answer is incorrect status message should be displayed`, () => {
+            it('When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section graph and your answer is incorrect status message should be displayed', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -123,7 +123,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);
             });
 
-            it(`${view}: Number line Label Vertical - When the user attempts the question incorrectly then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed incorrect and the the correct answers should be displayed in the correct answer section graph`, () => {
+            it('When the user attempts the question incorrectly then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed incorrect and the the correct answers should be displayed in the correct answer section graph', () => {
                 numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 4', 'vertical', range, 0);
                 numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [0]);
                 numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Label 3', 'vertical', range, 4);
@@ -145,7 +145,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);
             });
 
-            it(`${view}: Number line Label Vertical - When the user attempts the question partially correct then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct and the the correct answers should be displayed in the correct answer section graph`, () => {
+            it('When the user attempts the question partially correct then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct and the the correct answers should be displayed in the correct answer section graph', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -173,7 +173,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);
             });
 
-            it(`${view}: Number line Label Vertical - When the user attempts the question partially correct with an incorrect response then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct for the correct response and incorrect for the incorrect response and the the correct answers should be displayed in the correct answer section graph`, () => {
+            it('When the user attempts the question partially correct with an incorrect response then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted graph should be displayed correct for the correct response and incorrect for the incorrect response and the the correct answers should be displayed in the correct answer section graph', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }
@@ -204,7 +204,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);
             });
 
-            it(`${view}: Number line Label Vertical - When the user attempts the question correctly then the user should be awarded with full points and on switching to grading view \'Your answer is correct\' should be displayed and the attempted graph should be displayed correct and the correct answer section graph should not be displayed`, () => {
+            it('When the user attempts the question correctly then the user should be awarded with full points and on switching to grading view \'Your answer is correct\' should be displayed and the attempted graph should be displayed correct and the correct answer section graph should not be displayed', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 }

package/cypress/e2e/ILC/NumberLineLabel/verticalNumberLine/gradingViewAndCorrectAnswerView.smoke.js

@@ -61,7 +61,7 @@ describe('Create item page - Number line label - vertical: Grading view, Correct
                 utilities.verifyElementVisibilityState(numberLineLabelPage.correctAnswersLabel(), 'visible');
             });
 
-            it('Number line label Vertical: Correct answer along with number line attempted by the user should be displayed in the correct answer section', () => {
+            it('Correct answer along with number line attempted by the user should be displayed in the correct answer section', () => {
                 numberLineLabelPage.steps.verifyVerticalIncorrectResponseOnNumberLinePreviewTab('Label 3', range, -8);
                 numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLinePreviewTab('Label 2', range, 9);
                 numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLinePreviewTab('Label 1', range, 0);
@@ -138,7 +138,7 @@ describe('Create item page - Number line label - vertical: Grading view, Correct
                 utilities.verifyElementVisibilityState(numberLineLabelPage.questionInstructionsText(), 'visible');
             });
 
-            it('Number line label Vertical: The correct answer set by user should be displayed in the correct answer view', () => {
+            it('The correct answer set by user should be displayed in the correct answer view', () => {
                 numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerView('Label 1', 316);
                 numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerView('Label 2', 59);
                 numberLineLabelPage.steps.verifyVerticalCorrectResponseOnNumberLineCorrectAnswerView('Label 3', 573);

package/cypress/e2e/ILC/NumberLineLabel/verticalNumberLine/previewContentsForAllViews.smoke.js

@@ -90,7 +90,7 @@ describe('Create item page: Number line label - Preview contents in all views',
                 numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('This is a bold option', 'vertical', range, -9);
             });
 
-            it(`${view} view - Number line label Vertical: The user should be able to change the plotted label on the number line`, () => {
+            it('The user should be able to change the plotted label on the number line', () => {
                 numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Solve the following', 'vertical', range, 5);
                 numberLineLabelPage.steps.verifyVerticalPointsPlottedOnNumberLinePreviewTab(range, [5]);
             });

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

@@ -11,14 +11,6 @@ describe('Preview tab contents for all views', () => {
         cy.loginAs('admin');
     });
 
-    beforeEach(() => {
-        cy.startApplitools();
-    });
-
-    afterEach(() => {
-        cy.eyesClose();
-    });
-
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -68,12 +60,11 @@ describe('Preview tab contents for all views', () => {
                 }
             });
 
-            it(`${view} - \'Protractor\' should be displayed with \'Acute\' angle, \'30 percent\' opacity, \'Alternative text\' and in \'Orange\' color`, () => {
+            it('\'Protractor\' should be displayed with \'Acute\' angle, \'30 percent\' opacity, \'Alternative text\' and in \'Orange\' color', () => {
                 protractorPage.steps.verifyAcuteAngleTypeInPreviewTab();
                 protractorPage.steps.verifyPreviewTabColorAndOpacityOfProtractor(3, 0.3);
                 protractorPage.steps.verifyAlternativeTextInPreviewTab('Measuring tool');
                 protractorPage.steps.verifyRotationButtonVisibleInPreviewTab();
-                cy.eyesCheckWindow(`${view} - Protractor visibility`);
             });
         });
     });

package/cypress/e2e/ILC/ReadingRuler/readingrulerPreviewContents.smoke.js

@@ -11,14 +11,6 @@ describe('Preview tab contents for all views', () => {
         cy.loginAs('admin');
     });
 
-    beforeEach(() => {
-        cy.startApplitools();
-    });
-
-    afterEach(() => {
-        cy.eyesClose();
-    });
-
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -66,12 +58,11 @@ describe('Preview tab contents for all views', () => {
                 }
             });
 
-            it(`${view} \'Reading ruler\' should be displayed with \'30 percent\' opacity and in \'Blue\' color`, () => {
+            it('\'Reading ruler\' should be displayed with \'30 percent\' opacity and in \'Blue\' color', () => {
                 readingRulerPage.steps.verifyReadingRulerExistInPreviewTab();
                 readingRulerPage.steps.verifyReadingRulerOpacityInPreviewTab('0.3');
                 readingRulerPage.steps.verifyReadingRulerColorInPreviewTab(2);
                 readingRulerPage.steps.verifySizeOfReadingRulerInPreviewTab('Line focus', 5);
-                cy.eyesCheckWindow(`${view} - Reading ruler visibility`);
             });
         });
     });

package/cypress/e2e/ILC/Ruler/rulerPreviewContents.smoke.js

@@ -11,14 +11,6 @@ describe('Preview tab contents for all views', () => {
         cy.loginAs('admin');
     });
 
-    beforeEach(() => {
-        cy.startApplitools();
-    });
-
-    afterEach(() => {
-        cy.eyesClose();
-    });
-
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -67,12 +59,11 @@ describe('Preview tab contents for all views', () => {
                 }
             });
 
-            it(`${view} \'Ruler\' should be displayed with \'6 in\' length and in \'Orange\' color`, () => {
+            it('\'Ruler\' should be displayed with \'6 in\' length and in \'Orange\' color', () => {
                 rulerPage.steps.verifyLengthOfRulerInPreview('6in');
                 rulerPage.steps.verifyRotationButtonVisibleInPreviewTab();
                 rulerPage.steps.verifyColorOfRulerInPreview(3);
                 rulerPage.steps.verifyRulerOpacityInPreview('0.5');
-                cy.eyesCheckWindow(`${view} - Ruler visibility`);
             });
         });
     });

package/cypress/e2e/ILC/ShortTextResponseNew/allOrNothingBasicForAllViews.smoke.js

@@ -13,14 +13,6 @@ describe('Create item page - Short text response: All or nothing', () => {
         cy.loginAs('admin');
     });
 
-    beforeEach(() => {
-        cy.startApplitools();
-    });
-
-    afterEach(() => {
-        cy.eyesClose();
-    });
-
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview modes: Student view and Grading view', () => {
             abortEarlySetup();
@@ -97,7 +89,7 @@ describe('Create item page - Short text response: All or nothing', () => {
                 });
             };
 
-            it(`Short text response - ${view} - When the user selects 'Grading' view without attempting the question, correct/incorret border should not be displayed and correct answer should be displayed below response field`, () => {
+            it('When the user selects \'Grading\' view without attempting the question, correct/incorret border should not be displayed and correct answer should be displayed below response field', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -113,7 +105,7 @@ describe('Create item page - Short text response: All or nothing', () => {
                 shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
             });
 
-            it(`Short text response - ${view} - When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to 'Grading' view, incorrect icon should be displayed besides incorrect response, incorrect answer border around response field and correct answer should be displayed in the question preview`, () => {
+            it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icon should be displayed besides incorrect response, incorrect answer border around response field and correct answer should be displayed in the question preview', () => {
                 shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Text');
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -130,7 +122,7 @@ describe('Create item page - Short text response: All or nothing', () => {
                 shortTextResponsePage.steps.verifyIncorrectIcon();
             });
 
-            it(`Short text response - ${view} - When user attempts the question correctly, the user should be awarded full points and on switching to 'Grading' view, then correct icon should be displayed beside the correct response, correct answer border around response field should be displayed the question preview`, () => {
+            it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icon should be displayed beside the correct response, correct answer border around response field should be displayed the question preview', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -147,7 +139,6 @@ describe('Create item page - Short text response: All or nothing', () => {
                 }
                 shortTextResponsePage.steps.verifyCorrectAttemptBorder();
                 shortTextResponsePage.steps.verifyCorrectIcon();
-                cy.eyesCheckWindow(`Short text response - ${view} - Correct attempt`);
             });
         });
     });

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

@@ -338,12 +338,28 @@ describe('Create question page - Short text response: Question Instructions, Set
             shortTextResponsePage.steps.verifyWarningMessageNotExist();
         });
 
+        //https://weldnorthed.atlassian.net/browse/IEI-5097
+        it('When maximum words count is set to 20 then the user should be able to add 20 words', () => {
+            shortTextResponsePage.steps.setMaximumLimit(20);
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('The elephant played piano under the sunshine while riding a bicycle');
+            cy.log('Waiting to check if the text disappears after some time');
+            cy.wait(5000)
+            shortTextResponsePage.steps.verifyTextInAnswerInputFieldSpecifyCorrectAnswerSection('The elephant played piano under the sunshine while riding a bicycle');
+        });
+
         it('When the user selects \'None\' radio button then maximum and minimum limits should not be displayed in the specify correct answer section and when user types anything in the response field then error message should not be displayed', () => {
             shortTextResponsePage.steps.selectNoneRadioButton();
             shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('Loremdola');
             shortTextResponsePage.steps.verifyTextInAnswerInputFieldSpecifyCorrectAnswerSection('Loremdola');
             shortTextResponsePage.steps.verifyWarningMessageNotExist();
         });
+
+        it('When maximum words count is set to 20 then the user should be able to add 20 words', () => {
+            shortTextResponsePage.steps.enterTextInAnswerInputFieldSpecifyCorrectAnswerSection('The elephant played piano under the sunshine while riding a bicycle');
+            cy.log('Waiting to check if the text disappears after some time');
+            cy.wait(5000);
+            shortTextResponsePage.steps.verifyTextInAnswerInputFieldSpecifyCorrectAnswerSection('The elephant played piano under the sunshine while riding a bicycle');
+        });
     });
 
     describe('Short text response: Set limit section : Character - Preview tab functionality', () => {

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

@@ -11,14 +11,6 @@ describe('Create item page - Short text response : Preview contents', () => {
         cy.loginAs('admin');
     });
 
-    beforeEach(() => {
-        cy.startApplitools();
-    });
-
-    afterEach(() => {
-        cy.eyesClose();
-    });
-
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -65,23 +57,23 @@ describe('Create item page - Short text response : Preview contents', () => {
                 }
             });
 
-            it(`${view} - Short text response - Question instructions should be visible`, () => {
+            it('Question instructions should be visible', () => {
                 utilities.verifyInnerText(shortTextResponsePage.questionInstructionsText(), 'Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
                 utilities.verifyElementVisibilityState(shortTextResponsePage.questionInstructionsText(), 'visible');
-                cy.eyesCheckWindow(`Short text response - ${view} - Answer input field visible and empty`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
-                it(`Answer input field should be visible and by default it should be empty`, () => {
+                it('Answer input field should be visible and by default it should be empty', () => {
                     shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('');
-                    utilities.verifyElementVisibilityState(shortTextResponsePage.previewTabResponseField(), 'visible');
+                    utilities.verifyElementVisibilityState(shortTextResponsePage.previewTabResponseField(), 'visible')
                 });
 
-                it(`User should be able to enter text in answer input field`, () => {
+                it('User should be able to enter text in answer input field', () => {
                     shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('The quick brown fox');
                     shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('The quick brown fox');
                 });
-            } else {
+            }
+            else {
                 it(`The response field should be displayed filled with correct answer`, () => {
                     shortTextResponsePage.steps.verifyTextInAnswerInputFieldPreviewTab('The quick brown fox');
                     utilities.verifyElementDisabled(shortTextResponsePage.previewTabResponseField());

package/cypress/e2e/ILC/SimpleCalculator/previewContents.smoke.js

@@ -12,14 +12,6 @@ describe('Preview tab contents for all views for Simple calculator', () => {
         cy.loginAs('admin');
     });
 
-    beforeEach(() => {
-        cy.startApplitools();
-    });
-
-    afterEach(() => {
-        cy.eyesClose();
-    });
-
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -91,7 +83,7 @@ describe('Preview tab contents for all views for Simple calculator', () => {
                 utilities.verifyElementVisibilityState(simpleCalculatorPage.nineButton(), 'visible');
             });
 
-            it(`${view} The user should be able to perform basic mathematical operations`, () => {
+            it('The user should be able to perform basic mathematical operations', () => {
                 simpleCalculatorPage.steps.clickOnACalculatorButton('one');
                 simpleCalculatorPage.steps.clickOnACalculatorButton('addition');
                 simpleCalculatorPage.steps.clickOnACalculatorButton('two');
@@ -99,7 +91,6 @@ describe('Preview tab contents for all views for Simple calculator', () => {
                 simpleCalculatorPage.steps.clickOnACalculatorButton('equal to');
                 simpleCalculatorPage.steps.verifyCalculatorDisplayInputEquationValue('1+2 =');
                 simpleCalculatorPage.steps.verifyCalculatorDisplayResultValue('3');
-                cy.eyesCheckWindow(`${view} - Compass visibility`);
             });
 
             it('CSS of preview contents', { tags: 'css' }, () => {

package/cypress/e2e/ILC/SingleSelection/allOrNothingBasicForAllViews.smoke.js

@@ -14,14 +14,6 @@ describe('Create Item page - Single Selection: Scoring cases', () => {
         cy.loginAs('admin');
     });
 
-    beforeEach(() => {
-        cy.startApplitools();
-    });
-
-    afterEach(() => {
-        cy.eyesClose();
-    });
-
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview modes: Student view and Grading view', () => {
             abortEarlySetup();
@@ -101,7 +93,7 @@ describe('Create Item page - Single Selection: Scoring cases', () => {
                 });
             };
 
-            it(`Single selection ${view} - When the user selects 'Grading' view without attempting the question, no icons should be displayed besides responses, correct answer label and border should not be displayed and correct answer should be displayed in correct answer section`, () => {
+            it('When the user selects \'Grading\' view without attempting the question, no icons should be displayed besides responses, correct answer label and border should not be displayed and correct answer should be displayed in correct answer section', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -122,7 +114,7 @@ describe('Create Item page - Single Selection: Scoring cases', () => {
                 singleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(1);
             });
 
-            it(`Single selection ${view} - When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to 'Grading' view, incorrect icons should be displayed besides incorrect responses, no icons should be displayed besides unattempted responses, incorrect answer border and label should not be displayed below the question preview and correct answer should be displayed in correct answer section`, () => {
+            it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides incorrect responses, no icons should be displayed besides unattempted responses, incorrect answer border and label should not be displayed below the question preview and correct answer should be displayed in correct answer section', () => {
                 singleSelectionPage.steps.checkOptionInPreviewTab(2);
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -144,7 +136,7 @@ describe('Create Item page - Single Selection: Scoring cases', () => {
                 singleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(1);
             });
 
-            it(`Single selection ${view} - When user attempts the question correctly, the user should be awarded full points and on switching to 'Grading' view, then correct icons should be displayed beside all the correct responses, correct answer border and a label should not be displayed below the question preview and correct answer section should not be displayed`, () => {
+            it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct answer border and a label should not be displayed below the question preview and correct answer section should not be displayed', () => {
                 singleSelectionPage.steps.checkOptionInPreviewTab(1);
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -163,7 +155,6 @@ describe('Create Item page - Single Selection: Scoring cases', () => {
                 singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
                 singleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
-                cy.eyesCheckWindow(`Single selection ${view} - Correct attempt`);
             });
         });
     });

package/cypress/e2e/ILC/SingleSelection/previewContents.smoke.js

@@ -12,14 +12,6 @@ describe('Create item page - Single selection: Preview contents', () => {
         cy.loginAs('admin');
     });
 
-    beforeEach(() => {
-        cy.startApplitools();
-    });
-
-    afterEach(() => {
-        cy.eyesClose();
-    });
-
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -87,12 +79,11 @@ describe('Create item page - Single selection: Preview contents', () => {
                 utilities.verifyElementVisibilityState(singleSelectionPage.questionInstructionsText(), 'visible');
             });
 
-            it(`Single selection - ${view} - When the user has added image, equation, bold text and link to the options input they should be displayed in the ${view}`, () => {
+            it(`When the user has added image, equation, bold text and link to the options input they should be displayed in the ${view}`, () => {
                 singleSelectionPage.steps.verifyImageInPreviewTab(0);
                 singleSelectionPage.steps.verifyLinkTextInPreviewTab(1);
                 singleSelectionPage.steps.verifyBoldTextInPreviewTab(2);
                 singleSelectionPage.steps.verifyEquationTextInPreviewTab(3);
-                cy.eyesCheckWindow(`Single selection - ${view} - Options with image, equation, bold text, and link`);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {