diff --git a/tests/cypress/integration/actions_objects2/case_14_appearance_features.js b/tests/cypress/integration/actions_objects2/case_14_appearance_features.js
index d6b3c36c..4da966d3 100644
--- a/tests/cypress/integration/actions_objects2/case_14_appearance_features.js
+++ b/tests/cypress/integration/actions_objects2/case_14_appearance_features.js
@@ -78,6 +78,7 @@ context('Appearance features', () => {
             cy.createCuboid(createCuboidShape2Points);
             cy.createPoint(createPointsShape);
         });
+
         it('Set opacity level for shapes to 100. All shapes are filled.', () => {
             cy.get('.cvat-appearance-opacity-slider')
                 .click('right')
@@ -101,7 +102,8 @@ context('Appearance features', () => {
                     });
             });
         });
-        it('Set selected opacity to 0.', () => {
+
+        it('Set "Selected opacity" to 0.', () => {
             cy.get('.cvat-appearance-selected-opacity-slider')
                 .click('left')
                 .within(() => {
@@ -113,7 +115,8 @@ context('Appearance features', () => {
                         });
                 });
         });
-        it('Activate the box, the polygon and the cuboid. Boxes are transparent during activated.', () => {
+
+        it('Activate the rectangle, the polygon and the cuboid. Shapes are transparent during activated.', () => {
             for (const i of ['#cvat_canvas_shape_1', '#cvat_canvas_shape_2', '#cvat_canvas_shape_4']) {
                 cy.get(i)
                     .trigger('mousemove')
@@ -121,10 +124,9 @@ context('Appearance features', () => {
                     .and('have.css', 'fill-opacity', ariaValuenow);
             }
         });
-        it('Activate checkbox "show projections".', () => {
+
+        it('Activate checkbox "show projections". Activated the cuboid. Projection lines are visible.', () => {
             cy.get('.cvat-appearance-cuboid-projections-checkbox').click();
-        });
-        it('Activated the cuboid. Projection lines are visible.', () => {
             cy.get('#cvat_canvas_shape_4')
                 .trigger('mousemove', { force: true })
                 .should('have.attr', 'projections', 'true');
@@ -132,6 +134,7 @@ context('Appearance features', () => {
             // Deactivate all objects
             cy.get('.cvat-canvas-container').click(500, 500);
         });
+
         it('Activate checkbox "outlined borders" with a red color. The borders are red on the objects.', () => {
             cy.get('.cvat-appearance-outlinded-borders-checkbox').click();
             cy.get('.cvat-appearance-outlined-borders-button').click();
@@ -140,12 +143,14 @@ context('Appearance features', () => {
                 cy.get(object).should('have.attr', 'stroke', `#${strokeColor}`);
             });
         });
+
         it('Set "Color by" to instance. The shapes changed a color.', () => {
             cy.changeAppearance('Instance');
             cy.get('.cvat_canvas_shape').each((object) => {
                 cy.get(object).should('have.css', 'fill').and('not.equal', fill);
             });
         });
+
         it('Set "Color by" to group. The shapes are white.', () => {
             cy.changeAppearance('Group');
             cy.get('.cvat_canvas_shape').each((object) => {
@@ -162,5 +167,84 @@ context('Appearance features', () => {
             cy.get('.cvat-appearance-outlinded-borders-checkbox').click();
             cy.get('#cvat_canvas_shape_3').should('have.css', 'stroke', 'rgb(224, 224, 224)'); // have CSS property stroke with the value rgb(224, 224, 224)
         });
+
+        it('"Selected opacity" slider now defines opacity level of shapes being drawn.', () => {
+            function testDrawShapeCheckOpacity({ shape, drawingMethod, shapeType, fillOpacityBefore, fillOpacityAfter, opacityBefore, opacityAfter }) {
+                cy.interactControlButton(`draw-${shape}`);
+                cy.get(`.cvat-draw-${shape}-popover-visible`).within(() => {
+                    if (drawingMethod) {
+                        cy.contains('.ant-radio-wrapper', drawingMethod).click();
+                    }
+                    cy.contains('button', shapeType).click();
+                });
+                cy.get('.cvat-canvas-container').click(100, 450);
+                if (fillOpacityBefore != null || fillOpacityAfter != null) {
+                    cy.get('.cvat-appearance-selected-opacity-slider').click('left');
+                    cy.get('.cvat_canvas_shape_drawing').should('have.attr', 'fill-opacity', fillOpacityBefore);
+                    cy.get('.cvat-appearance-selected-opacity-slider').click('right');
+                    cy.get('.cvat_canvas_shape_drawing').should('have.attr', 'fill-opacity', fillOpacityAfter);
+                } else if (opacityBefore != null || opacityAfter != null) {
+                    cy.get('.cvat-appearance-selected-opacity-slider').click('left');
+                    cy.get('.cvat_canvas_shape_drawing').should('have.attr', 'opacity', opacityBefore);
+                    cy.get('.cvat-appearance-selected-opacity-slider').click('right');
+                    cy.get('.cvat_canvas_shape_drawing').should('have.attr', 'opacity', opacityAfter);
+                } else {
+                    cy.get('.cvat_canvas_shape_drawing').should('not.have.attr', 'opacity');
+                    cy.get('.cvat_canvas_shape_drawing').should('not.have.attr', 'fill-opacity');
+                }
+                cy.get('body').type('{Esc}');
+            }
+            // affect opacity level
+            testDrawShapeCheckOpacity({
+                shape: 'rectangle',
+                drawingMethod: 'By 2 Points',
+                shapeType: 'Shape',
+                fillOpacityBefore: 0,
+                fillOpacityAfter: 1,
+            });
+            // not affect opacity level
+            testDrawShapeCheckOpacity({
+                shape: 'rectangle',
+                drawingMethod: 'By 4 Points',
+                shapeType: 'Shape',
+                opacityBefore: 0,
+                opacityAfter: 0,
+            });
+            // not affect opacity level
+            testDrawShapeCheckOpacity({
+                shape: 'polyline',
+                shapeType: 'Shape',
+                fillOpacityBefore: 0,
+                fillOpacityAfter: 0,
+            });
+            // affect opacity level
+            testDrawShapeCheckOpacity({
+                shape: 'polygon',
+                shapeType: 'Shape',
+                fillOpacityBefore: 0,
+                fillOpacityAfter: 1,
+            });
+            // not affect opacity level
+            testDrawShapeCheckOpacity({
+                shape: 'points',
+                shapeType: 'Shape',
+                opacityBefore: 0,
+                opacityAfter: 0,
+            });
+            // affect opacity level
+            testDrawShapeCheckOpacity({
+                shape: 'cuboid',
+                drawingMethod: 'From rectangle',
+                shapeType: 'Shape',
+                fillOpacityBefore: 0,
+                fillOpacityAfter: 1,
+            });
+            // not have 'fill-opacity' or 'opacity' attributes
+            testDrawShapeCheckOpacity({
+                shape: 'cuboid',
+                drawingMethod: 'By 4 Points',
+                shapeType: 'Shape',
+            });
+        });
     });
 });
diff --git a/tests/cypress/integration/actions_tasks2/case_101_opencv_basic_actions.js b/tests/cypress/integration/actions_tasks2/case_101_opencv_basic_actions.js
index 95268fb5..252a4d5d 100644
--- a/tests/cypress/integration/actions_tasks2/case_101_opencv_basic_actions.js
+++ b/tests/cypress/integration/actions_tasks2/case_101_opencv_basic_actions.js
@@ -84,6 +84,10 @@ context('OpenCV. Intelligent cissors. Histogram Equalization.', () => {
                     expect(intermediateShapeNumberPointsBeforeChange).to.be.lt(intermediateShapeNumberPointsAfterChange);
                 });
             });
+            cy.get('.cvat-appearance-selected-opacity-slider').click('left');
+            cy.get('.cvat_canvas_interact_intermediate_shape').should('have.attr', 'fill-opacity', 0);
+            cy.get('.cvat-appearance-selected-opacity-slider').click('right');
+            cy.get('.cvat_canvas_interact_intermediate_shape').should('have.attr', 'fill-opacity', 1);
             cy.get('body').type('{Esc}'); // Cancel drawing
             cy.get('.cvat_canvas_interact_intermediate_shape').should('not.exist');
             cy.get('.cvat_canvas_shape').should('have.length', 2);