From 7456a1c6c57c5ee15e517a568b90d30d95fce8d7 Mon Sep 17 00:00:00 2001
From: Dmitry Kruchinin <33020454+dvkruchinin@users.noreply.github.com>
Date: Tue, 22 Sep 2020 18:34:47 +0300
Subject: [PATCH] Cypress test to check if image was scaled to ROI (#2206)

* Cypress test to check if image was scaled to ROI

* Apply comments.

* Fix getting scale value.

Co-authored-by: Dmitry Kruchinin <dmitryx.kruchinin@intel.com>
---
 .../integration/case_7_image_scale_roi.js     | 57 +++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 tests/cypress/integration/case_7_image_scale_roi.js

diff --git a/tests/cypress/integration/case_7_image_scale_roi.js b/tests/cypress/integration/case_7_image_scale_roi.js
new file mode 100644
index 00000000000..9bc2fc2903f
--- /dev/null
+++ b/tests/cypress/integration/case_7_image_scale_roi.js
@@ -0,0 +1,57 @@
+/*
+ * Copyright (C) 2020 Intel Corporation
+ *
+ * SPDX-License-Identifier: MIT
+ */
+
+/// <reference types="cypress" />
+
+context('Check if image was scaled to ROI', () => {
+
+    const caseId = '7'
+    const labelName = `Case ${caseId}`
+    const taskName = `New annotation task for ${labelName}`
+    const attrName = `Attr for ${labelName}`
+    const textDefaultValue = 'Some default value for type Text'
+    const imageFileName = `image_${labelName.replace(' ', '_').toLowerCase()}`
+    const image = `${imageFileName}.png`
+    const width = 800
+    const height = 800
+    const posX = 10
+    const posY = 10
+    const color = 'gray'
+    let scaleBefore = 0
+    let scaleAfter = 0
+
+    before(() => {
+        cy.visit('auth/login')
+        cy.login()
+        cy.imageGenerator('cypress/fixtures', image, width, height, color, posX, posY, labelName)
+        cy.createAnnotationTask(taskName, labelName, attrName, textDefaultValue, image)
+        cy.openTaskJob(taskName)
+    })
+
+    describe(`Testing "${labelName}"`, () => {
+        it('Create ROI', () => {
+            cy.get('#cvat_canvas_background')
+            .should('have.attr', 'style')
+            .then($scale => {
+                scaleBefore = Number($scale.match(/scale\((\d\.\d+)\)/m)[1])
+            })
+            cy.get('.cvat-resize-control')
+            .click()
+            cy.get('.cvat-canvas-container')
+            .trigger('mousedown', 309, 431, {which: 1})
+            .trigger('mousemove', 616, 671)
+            .trigger('mouseup', 616, 671)
+        })
+        it('Image scaled to ROI', () => {
+            cy.get('#cvat_canvas_background')
+            .should('have.attr', 'style')
+            .then($scale => {
+                scaleAfter = Number($scale.match(/scale\((\d\.\d+)\)/m)[1])
+                cy.expect(scaleAfter).to.be.greaterThan(scaleBefore)
+            })
+        })
+    })
+})