cypress: fix crop test to be more obvious

Signed-off-by: Szymon Kłos <[email protected]>
Change-Id: I541c5fe8103c69662995d0f5bf41b4f135b952ae

Author: eszkadev

cypress_test/integration_tests/common/helper.js

@@ -1190,7 +1190,7 @@ function getSubFolder(filePath) {
 function assertImageSize(expectedWidth, expectedHeight) {
 	cy.log('>> assertImageSize - start');
 
-	cy.cGet('#canvas-container > svg')
+	cy.cGet('#canvas-container > svg', {timeout: 1000})
 		.then(function (element) {
 			expect(element).to.have.length(1);
 			const actualWidth = parseInt(element[0].style.width.replace('px', ''));
@@ -1200,6 +1200,9 @@ function assertImageSize(expectedWidth, expectedHeight) {
 			expect(actualHeight).to.be.closeTo(expectedHeight, 10);
 		});
 
+	// wait for above async result
+	cy.wait(3000);
+
 	cy.log('<< assertImageSize - end');
 }
 

cypress_test/integration_tests/desktop/calc/image_operation_spec.js

@@ -21,28 +21,31 @@ describe(['tagdesktop'], 'Image Operation Tests', function() {
 	});
 
 	it('Crop Image', function() {
+		const moveY = 50;
+
 		desktopHelper.insertImage('calc');
 
 		helper.assertImageSize(248, 63);
 
-		cy.cGet('#test-div-shape-handle-4').should('exist');
+		// use bottom handle
+		cy.cGet('#test-div-shape-handle-6').should('exist');
 		cy.cGet('.unoCrop').should('be.visible').click();
 
-		cy.cGet('#test-div-shape-handle-4').then(($handle) => {
+		cy.cGet('#test-div-shape-handle-6').then(($handle) => {
 			const rect = $handle[0].getBoundingClientRect();
 			const startX = rect.left + rect.width / 2;
 			const startY = rect.top + rect.height / 2;
-			const moveX = 50;
 
 			cy.cGet('body').realMouseDown({ x: startX, y: startY });
 
-			cy.cGet('body').realMouseMove(startX + moveX, startY);
+			cy.cGet('body').realMouseMove(startX, startY - moveY);
 
-			cy.cGet('body').realMouseUp({ x: startX + moveX, y: startY });
+			cy.cGet('body').realMouseUp({ x: startX, y: startY - moveY });
+			cy.cGet('body').realMouseUp();
 		});
 
 		cy.wait(1000);
-		helper.assertImageSize(298, 63);
+		helper.assertImageSize(248, 63 - moveY);
 	});
 
 	it.skip('Resize image when keep ratio option enabled and disabled', function() {