itemengine-cypress-automation 1.0.129 → 1.0.131-smokeTestFixes6March-aa053ff.0

package/cypress/e2e/ILC/AudioResponseNew/barRecorderStyle.smoke.js

@@ -386,7 +386,6 @@ describe('Preview of Audio response for bar audio recorder style', () => {
     
             it('When the user seeks the progress bar slider while the audio is playing, then the audio should continue to play from the position where the slider is seeked', () => {
                 audioResponsePage.steps.seekProgressBarSliderToCenter();
-                audioResponsePage.steps.addWaitToPlayAudio(1000);
                 audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
             });
     
@@ -394,12 +393,11 @@ describe('Preview of Audio response for bar audio recorder style', () => {
                 audioResponsePage.steps.pausePlayback();
                 audioResponsePage.steps.seekProgressBarSliderToCenter();
                 audioResponsePage.steps.startPlayback();
-                audioResponsePage.steps.addWaitToPlayAudio(5000);
                 audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
             });
     
             it('When the audio playback is completed, the \'Pause\' button should get replaced with \'Play\' button', () => {
-                audioResponsePage.steps.verifyPlaybackTimeBarPreview('00:45', '00:45');
+                audioResponsePage.steps.verifyPlaybackTimeBarPreview('00:10', '00:10');
                 utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
                 utilities.verifyElementVisibilityState(audioResponsePage.playbackPauseButton(), 'notExist');
                 audioResponsePage.steps.verifyProgressBarSliderPosition(99);
@@ -484,7 +482,7 @@ describe('Preview of Audio response for bar audio recorder style', () => {
             it('When the user clicks on Confirm button of the retake popup, the previous recording should get deleted and a new recording should begin', () => {
                 audioResponsePage.steps.retakeRecordingBarPreview();
                 audioResponsePage.steps.confirmRetake();
-                audioResponsePage.steps.verifyRecordingTimeBarPreview('00:02', '15:00');
+                audioResponsePage.steps.verifyRecordingTimeBarPreview('00:05', '00:10');
                 utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
                 utilities.verifyInnerText(audioResponsePage.recordingStatusText(), 'Recording...');
             });

package/cypress/e2e/ILC/AudioResponseNew/compactRecorderStyle.smoke.js

@@ -219,6 +219,7 @@ describe('Preview of Audio response for compact audio recorder style', () => {
             audioResponsePage.steps.switchToEditTab();
             audioResponsePage.steps.setMaximumRecorderLength(5);
             audioResponsePage.steps.switchToPreviewTab();
+            audioResponsePage.steps.startRecordingCompactPreview();
             audioResponsePage.steps.waitForRecordingToStartCompactPreview();
             cy.log('Starting a recording and letting it record until Maximum recording length is reached');
             audioResponsePage.steps.verifyResponseIsRecordedHelpText();
@@ -376,7 +377,6 @@ describe('Preview of Audio response for compact audio recorder style', () => {
 
             it('When the user seeks the progress bar slider while the audio is playing, then the audio should continue to play from the position where the slider is seeked', () => {
                 audioResponsePage.steps.seekProgressBarSliderToCenter();
-                audioResponsePage.steps.addWaitToPlayAudio(1000);
                 audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
             });
 
@@ -384,7 +384,6 @@ describe('Preview of Audio response for compact audio recorder style', () => {
                 audioResponsePage.steps.pausePlaybackCompactPreview();
                 audioResponsePage.steps.seekProgressBarSliderToCenter();
                 audioResponsePage.steps.startPlaybackCompactPreview();
-                audioResponsePage.steps.addWaitToPlayAudio(5000);
                 audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
             });
 
@@ -450,7 +449,6 @@ describe('Preview of Audio response for compact audio recorder style', () => {
                 audioResponsePage.steps.navigateToCreateQuestion('audio response');
                 cy.barsPreLoaderWait();
                 audioResponsePage.steps.selectAudioRecorderStyle('Compact');
-                audioResponsePage.steps.setMaximumRecorderLength(10);
                 audioResponsePage.steps.switchToPreviewTab();
                 audioResponsePage.steps.recordAndSaveAudioCompactPreview(10000);
             });
@@ -475,7 +473,7 @@ describe('Preview of Audio response for compact audio recorder style', () => {
             it('When the user clicks on Confirm button of the retake popup, the previous recording should get deleted and a new recording should begin', () => {
                 audioResponsePage.steps.retakeRecordingCompactPreview();
                 audioResponsePage.steps.confirmRetake();
-                audioResponsePage.steps.verifyRecordingTimeCompactPreview('00:02', '15:00');
+                audioResponsePage.steps.verifyRecordingTimeCompactPreview('00:04', '15:00');
                 utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
                 utilities.verifyInnerText(audioResponsePage.compactPreviewRecordingStatusText(), 'Recording...');
             });

package/cypress/e2e/ILC/AudioResponseNew/standardRecorderStyle.smoke.js

@@ -84,7 +84,7 @@ describe('Preview of Audio response for standard audio recorder style', () => {
             audioResponsePage.steps.resetQuestionPreview();
             audioResponsePage.steps.startRecordingStandardPreview();
             audioResponsePage.steps.waitForRecordingToStartStandardPreview();
-            utilities.verifyCSS(audioResponsePage.recordingMicIcon().find('svg path').eq(1), {
+            utilities.verifyCSS(audioResponsePage.recordingMicIcon(), {
                 'fill': css.color.microphoneIcon
             });
             utilities.verifyCSS(audioResponsePage.recordingStatusText(), {
@@ -254,7 +254,6 @@ describe('Preview of Audio response for standard audio recorder style', () => {
             audioResponsePage.steps.verifyPlaybackTimeStandardPreview('00:00', '00:04');
         });
 
-        //Failing due to https://redmine.zeuslearning.com/issues/560794
         it('When recording is inprogress and user has reached maximum recorder length, \'Your response has been recorded\' message should be displayed below mic icon. Retake and Play icon should be displayed along with progress bar. User should be able to view the duration of their recorded speech in minutes, displayed as \'(min:secs)\'. Volume meter should not be displayed in player', () => {
             audioResponsePage.steps.switchToEditTab();
             audioResponsePage.steps.setMaximumRecorderLength(10);
@@ -262,14 +261,13 @@ describe('Preview of Audio response for standard audio recorder style', () => {
             audioResponsePage.steps.startRecordingStandardPreview();
             audioResponsePage.steps.waitForRecordingToStartStandardPreview();
             cy.log('Response will keep recording until maximum recording length of 10 seconds is reached');
-            utilities.verifyInnerText(audioResponsePage.standardPreviewRecorderHelpText(), 'Recording...');
             audioResponsePage.steps.verifyResponseIsRecordedHelpText();
             utilities.verifyElementVisibilityState(audioResponsePage.standardPreviewRetakeButton(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.previewVolumeMeter(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.standardPreviewPlaybackTime(), 'visible');
             utilities.verifyElementVisibilityState(audioResponsePage.playbackProgressBar(), 'visible');
-            audioResponsePage.steps.verifyPlaybackTimeStandardPreview('00:10', '00:10');
+            audioResponsePage.steps.verifyPlaybackTimeStandardPreview('00:00', '00:10');
         });
     });
 
@@ -420,7 +418,6 @@ describe('Preview of Audio response for standard audio recorder style', () => {
 
             it('When the user seeks the progress bar slider while the audio is playing, then the audio should continue to play from the position where the slider is seeked', () => {
                 audioResponsePage.steps.seekProgressBarSliderToCenter();
-                audioResponsePage.steps.addWaitToPlayAudio(1000);
                 audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
             });
 
@@ -428,12 +425,11 @@ describe('Preview of Audio response for standard audio recorder style', () => {
                 audioResponsePage.steps.pausePlayback();
                 audioResponsePage.steps.seekProgressBarSliderToCenter();
                 audioResponsePage.steps.startPlayback();
-                audioResponsePage.steps.addWaitToPlayAudio(5000);
                 audioResponsePage.steps.verifyProgressBarSliderPosition(actualAudioSeekedInPercent);
             });
 
             it('When the audio playback is completed, the \'Pause\' button should get replaced with \'Play\' button', () => {
-                audioResponsePage.steps.verifyPlaybackTimeStandardPreview('00:45', '00:45');
+                audioResponsePage.steps.verifyPlaybackTimeStandardPreview('00:10', '00:10');
                 utilities.verifyElementVisibilityState(audioResponsePage.playbackPlayButton(), 'visible');
                 utilities.verifyElementVisibilityState(audioResponsePage.playbackPauseButton(), 'notExist');
                 audioResponsePage.steps.verifyProgressBarSliderPosition(99);

package/cypress/e2e/ILC/ContentBlocks/editTabBasics.js

@@ -0,0 +1,210 @@
+import { contentBlocksPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Content blocks - Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section', () => {
+        abortEarlySetup();
+        before(() => {
+            contentBlocksPage.steps.navigateToCreateResource('content blocks');
+        });
+
+        it('\'Header\' label should be displayed', () => {
+            utilities.verifyInnerText(contentBlocksPage.headerLabel(), 'Header');
+            utilities.verifyElementVisibilityState(contentBlocksPage.headerLabel(), 'visible');
+        });
+
+        it('\'Title\' label and input field should be displayed and by default input field should be empty', () => {
+            utilities.verifyInnerText(contentBlocksPage.titleLabel(), 'Title');
+            utilities.verifyElementVisibilityState(contentBlocksPage.titleLabel(), 'visible');
+            utilities.verifyInnerText(contentBlocksPage.titleInputField(), '');
+            utilities.verifyElementVisibilityState(contentBlocksPage.titleInputField(), 'visible');
+        });
+
+        it('\'Title\' input field should have a placeholder text \'Enter title\'', () => {
+            contentBlocksPage.steps.verifyTitleInputFieldPlaceholderText();
+        });
+
+        it('When user enters text in \'Title\'input field then placeholder text should disappear after user enters the text in input field', () => {
+            contentBlocksPage.steps.enterTextInTitleInputField('Title text');
+            contentBlocksPage.steps.verifyPlaceholderTextNotExist(contentBlocksPage.titleInputField);
+        });
+
+        it('\'Sub title\' label and input field should be displayed and by default input field should be empty', () => {
+            utilities.verifyInnerText(contentBlocksPage.headerSubTitleLabel(), 'Sub title');
+            utilities.verifyElementVisibilityState(contentBlocksPage.headerSubTitleLabel(), 'visible');
+            utilities.verifyInnerText(contentBlocksPage.headerSubTitleInputField(), '');
+            utilities.verifyElementVisibilityState(contentBlocksPage.headerSubTitleInputField(), 'visible');
+        });
+
+        it('\'Sub title\' input field should have a placeholder text \'Enter sub title\'', () => {
+            contentBlocksPage.steps.verifySubTitleInputFieldPlaceholderText();
+        });
+
+        it('When user enters text in \'Sub title\'input field then placeholder text should disappear after user enters the text in input field', () => {
+            contentBlocksPage.steps.enterTextInSubTitleInputField('Sub title text');
+            contentBlocksPage.steps.verifyPlaceholderTextNotExist(contentBlocksPage.headerSubTitleInputField);
+        });
+
+        it('CSS of header section', { tags: 'css' }, () => {
+            utilities.verifyCSS(contentBlocksPage.headerLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(contentBlocksPage.titleLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(contentBlocksPage.headerSubTitleLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        it('Accessibility of header section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(contentBlocksPage.headerLabel().parents('content-blocks'));
+        });
+    });
+
+    describe('Body section', () => {
+        abortEarlySetup();
+        before(() => {
+            contentBlocksPage.steps.navigateToCreateResource('content blocks');
+        });
+
+        it('\'Body\' label should be displayed', () => {
+            utilities.verifyInnerText(contentBlocksPage.bodyLabel(), 'Body');
+            utilities.verifyElementVisibilityState(contentBlocksPage.bodyLabel(), 'visible');
+        });
+
+        it('\'Text block\' label and input field should be displayed and by default input field should be empty', () => {
+            utilities.verifyInnerText(contentBlocksPage.textBlockLabel(), 'Text block');
+            utilities.verifyElementVisibilityState(contentBlocksPage.textBlockLabel(), 'visible');
+            utilities.verifyInnerText(contentBlocksPage.textBlockInputField(), '\n');
+            utilities.verifyElementVisibilityState(contentBlocksPage.textBlockInputField(), 'visible');
+        });
+
+        it('\'Text block\' input field should have a placeholder text \'Enter text block\' and numeration 1', () => {
+            utilities.verifyInnerText(contentBlocksPage.blockNumeration(), '1');
+            utilities.verifyElementVisibilityState(contentBlocksPage.blockNumeration(), 'visible');
+            contentBlocksPage.steps.verifyTextBlockInputFieldPlaceholderText();
+        });
+
+        it('When user enters text in \'Text block\'input field then placeholder text should disappear after user enters the text in input field', () => {
+            contentBlocksPage.steps.enterTextInTextBlockInputField(0, 'Text block text');
+            contentBlocksPage.steps.verifyTextBlockInputFieldPlaceholderTextNotExist(contentBlocksPage.verifyTextBlockInputFieldPlaceholderText);
+        });
+
+        it('When user clears text and focuses out of text block input field, then error message \'Error: Text block is required.\' should be displayed', () => {
+            contentBlocksPage.steps.clearAndFocusOutOfTextBlockInputField();
+            utilities.verifyInnerText(utilities.getNthElement(contentBlocksPage.errorMessage(), 2), 'Error: Text block is required.');
+            utilities.verifyElementVisibilityState(contentBlocksPage.errorMessage(), 'visible');
+        });
+
+        it('When user enters text again then error message should disappear', () => {
+            contentBlocksPage.steps.enterTextInTextBlockInputField(0, '​​​​​​​​​​​​​​​​​​​​​Text block');
+            utilities.verifyElementVisibilityState(contentBlocksPage.errorMessage(), 'hidden');
+        });
+
+        it('When body input fields are less than 2 then drag handle and Delete page button should be in disabled state', () => {
+            utilities.verifyElementVisibilityState(contentBlocksPage.dragHandleButton(), 'visible');
+            utilities.verifyElementVisibilityState(contentBlocksPage.deleteButton(), 'visible');
+            contentBlocksPage.steps.verifyDragHandleButtonDisabled();
+            utilities.verifyElementDisabledClass(contentBlocksPage.deleteButton());
+        });
+
+        it('When user hovers over delete button, then \'Minimum one text block is required.\' tooltip should be displayed', () => {
+            utilities.hoverOverElement(contentBlocksPage.deleteButton());
+            utilities.verifyElementVisibilityState(contentBlocksPage.tooltipText(), 'visible');
+            utilities.verifyInnerText(contentBlocksPage.tooltipText(), 'Minimum one text block is required.');
+        });
+
+        it('\'Add group divider\', \'Add sub title\' and \'Add text block\' buttons should be displayed', () => {
+            utilities.verifyInnerText(contentBlocksPage.addGroupDividerButton(), 'Add group divider');
+            utilities.verifyElementVisibilityState(contentBlocksPage.addGroupDividerButton(), 'visible');
+            utilities.verifyInnerText(contentBlocksPage.addSubTitleButton(), 'Add sub title');
+            utilities.verifyElementVisibilityState(contentBlocksPage.addSubTitleButton(), 'visible');
+            utilities.verifyInnerText(contentBlocksPage.addTextBlockButton(), 'Add text block');
+            utilities.verifyElementVisibilityState(contentBlocksPage.addTextBlockButton(), 'visible');
+        });
+
+        it('When user clicks on \'Add sub title\' then sub title input field should be displayed with label, placeholder text and numeration. Drag handle and Delete option icon buttons should be displayed besides body input field', () => {
+            contentBlocksPage.steps.addSubTitle();
+            contentBlocksPage.steps.verifyBodySubTitleContent(0, '2');
+        });
+
+        it('When user enters text in \'Sub title\'input field then placeholder text should disappear after user enters the text in input field', () => {
+            contentBlocksPage.steps.enterTextInBodySubTitleInputField(0, 'Sub title text');
+            contentBlocksPage.steps.verifyPlaceholderTextNotExist(contentBlocksPage.bodySubTitleInputField);
+        });
+
+        it('When body input fields are more than one then drag handle and Delete page button should be in displayed in enabled state', () => {
+            utilities.verifyElementCount(contentBlocksPage.inputFieldWrapper(), 2);
+            contentBlocksPage.steps.verifyDragHandleButtonEnabled();
+            utilities.verifyElementNotDisabled(contentBlocksPage.deleteButton());
+        });
+
+        it('When user clicks on \'Add text block\' then text block input field should be displayed with label, placeholder text and numeration. Drag handle and Delete option icon buttons should be displayed besides body input field', () => {
+            contentBlocksPage.steps.addTextBlock();
+            contentBlocksPage.steps.verifyTextBlockContent(1, '3');
+        });
+
+        it('When user clicks on \'Add group divider\' then group divider should be displayed with label. Drag handle and Delete option icon buttons should be displayed besides group divider', () => {
+            contentBlocksPage.steps.addGroupDivider();
+            contentBlocksPage.steps.verifyGroupDividerContent(0);
+        });
+
+        it('CSS of header section', { tags: 'css' }, () => {
+            utilities.verifyCSS(contentBlocksPage.bodyLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(utilities.getNthElement(contentBlocksPage.textBlockLabel(), 0), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(utilities.getNthElement(contentBlocksPage.bodySubTitleLabel, 0), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(contentBlocksPage.groupDividerLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        it('Accessibility of header section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(contentBlocksPage.headerLabel().parents('content-blocks'));
+        });
+
+        it('When the user hovers over the drag handle of the body field, \'Drag to reorder\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the drag handle', () => {
+            utilities.hoverOverElement(utilities.getNthElement(contentBlocksPage.dragHandleButton(), 0));
+            utilities.verifyElementVisibilityState(utilities.getNthElement(contentBlocksPage.tooltipText(), 1), 'visible');
+            utilities.verifyInnerText(utilities.getNthElement(contentBlocksPage.tooltipText(), 1), 'Drag to reorder');
+        });
+
+        it('When the user hovers over the enabled \'Delete\' icon buttons then, \'Delete page\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the \'Delete\' icon button', () => {
+            utilities.hoverOverElement(utilities.getNthElement(contentBlocksPage.deleteButton(), 0));
+            utilities.verifyElementVisibilityState(utilities.getNthElement(contentBlocksPage.tooltipText(), 1), 'visible');
+            utilities.verifyInnerText(utilities.getNthElement(contentBlocksPage.tooltipText(), 1), 'Delete page');
+        });
+
+        it('When user clicks on the \'Delete\' page button then the respective body input field should get deleted, body numeration should change accordingly', () => {
+            contentBlocksPage.steps.deletePage(0);
+            contentBlocksPage.steps.verifyNumerationText(2);
+            utilities.verifyElementCount(contentBlocksPage.inputFieldWrapper(), 2);
+        });
+    });
+});

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

@@ -0,0 +1,91 @@
+import { contentBlocksPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const views = utilities.getViews(previewContentViews);
+var itemReferenceID = "";
+
+describe('Preview tab contents for all views', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        contentBlocksPage.steps.navigateToCreateResource('content blocks');
+                        contentBlocksPage.steps.enterTextInTitleInputField('This is title text');
+                        contentBlocksPage.steps.enterTextInSubTitleInputField('This is subtitle text');
+                        contentBlocksPage.steps.enterTextInTextBlockInputField('This is text block text');
+                        contentBlocksPage.steps.addGroupDivider();
+                        utilities.verifyElementVisibilityState(contentBlocksPage.groupDivider(), 'visible');
+                        contentBlocksPage.steps.addSubTitle();
+                        contentBlocksPage.steps.enterTextInBodySubTitleInputField('This is body subtitle text');
+                        contentBlocksPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        contentBlocksPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Correct answer view':
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    contentBlocksPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            it('Title and subtitle text should be displayed', () => {
+                utilities.verifyInnerText(contentBlocksPage.titlePreviewTab(), 'This is title text');
+                utilities.verifyElementVisibilityState(contentBlocksPage.titlePreviewTab(), 'visible');
+                utilities.verifyInnerText(contentBlocksPage.subTitleLabelPreviewTab(), 'This is subtitle text');
+                utilities.verifyElementVisibilityState(contentBlocksPage.subTitleLabelPreviewTab(), 'visible');
+            });
+
+            it('Text block, solid group divider and subtitle text should be displayed', () => {
+                utilities.verifyInnerText(contentBlocksPage.textBlockPreviewTab(), 'This is text block text');
+                utilities.verifyElementVisibilityState(contentBlocksPage.textBlockPreviewTab(), 'visible');
+                utilities.verifyElementVisibilityState(contentBlocksPage.groupDividerPreviewTab(), 'visible');
+                utilities.verifyInnerText(contentBlocksPage.bodySubTitlePreviewTab(), 'This is body subtitle text');
+                utilities.verifyElementVisibilityState(contentBlocksPage.bodySubTitlePreviewTab(), 'visible');
+            });
+
+            it('CSS of Preview tab', { tags: 'css' }, () => {
+                utilities.verifyCSS(contentBlocksPage.textBlockPreviewTab(), {
+                    'color': css.color.text,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.regular
+                });
+            });
+
+            it('Accessibility of Preview tab', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(contentBlocksPage.textBlockPreviewTab().parents('[class*="ItemEnginestyles__MainWrapper"]'));
+            });
+        });
+    });
+});