Cypress test. Intelligent polygon cropping. (#3035)

tests/cypress/integration/actions_tasks_objects/case_67_intelligent_polygon_cropping.js

@@ -0,0 +1,84 @@
+// Copyright (C) 2021 Intel Corporation
+//
+// SPDX-License-Identifier: MIT
+
+/// <reference types="cypress" />
+
+import { taskName, labelName } from '../../support/const';
+
+context('Settings "Intelligent polygon cropping".', () => {
+    const caseId = '59';
+    const createPolygonShape = {
+        redraw: false,
+        type: 'Shape',
+        labelName: labelName,
+        pointsMap: [
+            { x: 450, y: 350 },
+            { x: 550, y: 350 },
+            { x: 550, y: 450 },
+            { x: 500, y: 500 },
+            { x: 300, y: 550 },
+        ],
+        complete: true,
+        numberOfPoints: null,
+    };
+
+    function checkCountPoints(expectedCount) {
+        cy.get('#cvat_canvas_shape_1')
+            .invoke('attr', 'points')
+            .then(($points) => {
+                expect(
+                    $points.split(' ').filter(function (el) {
+                        return el.length != 0;
+                    }).length,
+                ).to.be.equal(expectedCount);
+            });
+    }
+
+    function testSplitting() {
+        cy.get('.cvat-canvas-container').click(450, 350, { shiftKey: true }).click(550, 450);
+    }
+
+    function testCheckedIntelligentPolygonCropping(uncheck) {
+        cy.openSettings();
+        cy.contains('[role="tab"]', 'Workspace').click();
+        uncheck
+            ? cy
+                  .get('.cvat-workspace-settings-intelligent-polygon-cropping')
+                  .find('[type="checkbox"]')
+                  .uncheck()
+                  .should('not.be.checked')
+            : cy
+                  .get('.cvat-workspace-settings-intelligent-polygon-cropping')
+                  .find('[type="checkbox"]')
+                  .should('be.checked');
+        cy.closeSettings();
+    }
+
+    before(() => {
+        cy.openTaskJob(taskName);
+        cy.createPolygon(createPolygonShape);
+    });
+
+    describe(`Testing case "${caseId}"`, () => {
+        it('Check settings "Intelligent polygon cropping".', () => {
+            testCheckedIntelligentPolygonCropping(); // Check settings "Intelligent polygon cropping". Should be checked by default
+            cy.get('#cvat_canvas_shape_1')
+                .trigger('mousemove', { scrollBehavior: false })
+                .should('have.class', 'cvat_canvas_shape_activated');
+            testSplitting(); // Split the polygon into 2 parts. 1st part 3 points, 2nd part 4 points.
+            checkCountPoints(4);
+            cy.get('body').type('{Ctrl}z'); // Canceling the split
+            testCheckedIntelligentPolygonCropping(true); // Uncheck "Intelligent polygon cropping"
+            cy.get('#cvat_canvas_shape_1')
+                .trigger('mousemove', { scrollBehavior: false })
+                .should('have.class', 'cvat_canvas_shape_activated');
+            testSplitting(); // Split again
+            cy.get('.cvat-canvas-container').trigger('mouseenter', 500, 370);
+            cy.get('.cvat_canvas_shape_splitting').should('exist');
+            cy.get('.cvat-canvas-container').click(500, 370); // Selecting a shape
+            cy.get('.cvat_canvas_shape_splitting').should('not.exist');
+            checkCountPoints(3);
+        });
+    });
+});