diff --git a/tests/cypress/integration/actions_tasks_objects/case_5_image_rotate.js b/tests/cypress/integration/actions_tasks_objects/case_5_image_rotate.js index df5b649d1a36..2bed40e28622 100644 --- a/tests/cypress/integration/actions_tasks_objects/case_5_image_rotate.js +++ b/tests/cypress/integration/actions_tasks_objects/case_5_image_rotate.js @@ -1,4 +1,4 @@ -// Copyright (C) 2020 Intel Corporation +// Copyright (C) 2020-2021 Intel Corporation // // SPDX-License-Identifier: MIT @@ -8,6 +8,7 @@ import { taskName } from '../../support/const'; context('Check if the image is rotated', () => { const caseId = '5'; + function imageRotate(direction = 'anticlockwise') { cy.get('.cvat-rotate-canvas-control').trigger('mouseover'); if (direction === 'clockwise') { @@ -17,6 +18,24 @@ context('Check if the image is rotated', () => { } } + function scaleFitImage() { + let scaleBefore, scaleAfter; + cy.get('#cvat_canvas_background') + .should('have.attr', 'style') + .then(($styles) => { + scaleBefore = Number($styles.match(/scale\((\d\.\d+)\)/m)[1]); + }); + cy.get('.cvat-canvas-container').trigger('wheel', { deltaY: 5 }); + cy.get('#cvat_canvas_background') + .should('have.attr', 'style') + .then(($styles) => { + scaleAfter = Number($styles.match(/scale\((\d\.\d+)\)/m)[1]); + cy.expect(scaleBefore).to.be.greaterThan(scaleAfter); + cy.get('#cvat_canvas_content').dblclick(); + cy.get('#cvat_canvas_background').should('have.attr', 'style').and('contain', scaleBefore); + }); + } + before(() => { cy.openTaskJob(taskName); }); @@ -25,34 +44,49 @@ context('Check if the image is rotated', () => { it('Rotate image clockwise 90deg', () => { imageRotate('clockwise'); cy.get('#cvat_canvas_background').should('have.attr', 'style').and('contain', 'rotate(90deg);'); + scaleFitImage(); }); + it('Rotate image clockwise 180deg', () => { imageRotate('clockwise'); cy.get('#cvat_canvas_background').should('have.attr', 'style').and('contain', 'rotate(180deg);'); + scaleFitImage(); }); + it('Rotate image clockwise 270deg', () => { imageRotate('clockwise'); cy.get('#cvat_canvas_background').should('have.attr', 'style').and('contain', 'rotate(270deg);'); + scaleFitImage(); }); + it('Rotate image clockwise 360deg', () => { imageRotate('clockwise'); cy.get('#cvat_canvas_background').should('have.attr', 'style').and('contain', 'rotate(0deg);'); + scaleFitImage(); }); + it('Rotate image anticlockwise 90deg', () => { imageRotate(); cy.get('#cvat_canvas_background').should('have.attr', 'style').and('contain', 'rotate(270deg);'); + scaleFitImage(); }); + it('Rotate image anticlockwise 180deg', () => { imageRotate(); cy.get('#cvat_canvas_background').should('have.attr', 'style').and('contain', 'rotate(180deg);'); + scaleFitImage(); }); + it('Rotate image anticlockwise 270deg', () => { imageRotate(); cy.get('#cvat_canvas_background').should('have.attr', 'style').and('contain', 'rotate(90deg);'); + scaleFitImage(); }); + it('Rotate image anticlockwise 360deg', () => { imageRotate(); cy.get('#cvat_canvas_background').should('have.attr', 'style').and('contain', 'rotate(0deg);'); + scaleFitImage(); }); }); });