Cupress test for issue 1785 (#2018)

* Cupress test for issue 1785

Add test.
Add functionality for create zip archive with images.
Update package.json, package-lock.json.

* Applying comments.

Code refactoring.

* Applying comments.

* Reworking commands to search for elements by new classes

* Return Promise from imageGenerator function.

Remove wait() after image generation.

* Replace "throw" to "reject" in the "imageGenerator" function.

Co-authored-by: Dmitry Kruchinin <[email protected]>

tests/cypress/integration/issue_1785_propagation_latest_frame.js

@@ -0,0 +1,61 @@
+/*
+ * Copyright (C) 2020 Intel Corporation
+ *
+ * SPDX-License-Identifier: MIT
+ */
+
+/// <reference types="cypress" />
+
+context('Check propagation work from the latest frame', () => {
+
+    const issueId = '1785'
+    const labelName = `Issue ${issueId}`
+    const taskName = `New annotation task for ${labelName}`
+    const attrName = `Attr for ${labelName}`
+    const textDefaultValue = 'Some default value for type Text'
+    const images = [`image_${issueId}_1.png`,
+                    `image_${issueId}_2.png`,
+                    `image_${issueId}_3.png`]
+    const width = 800
+    const height = 800
+    const posX = 10
+    const posY = 10
+    const color = 'gray'
+    const archiveName = `images_issue_${issueId}.zip`
+    const archivePath = `cypress/fixtures/${archiveName}`
+    const imagesFolder = `cypress/fixtures/image_issue_${issueId}`
+    const directoryToArchive = imagesFolder
+
+    before(() => {
+        cy.visit('auth/login')
+        cy.login()
+        for (let img of images) {
+            cy.imageGenerator(imagesFolder, img, width, height, color, posX, posY, labelName)
+        }
+        cy.createZipArchive(directoryToArchive, archivePath)
+        cy.createAnnotationTask(taskName, labelName, attrName, textDefaultValue, archiveName)
+        cy.openTaskJob(taskName)
+    })
+
+    describe(`Testing issue "${issueId}"`, () => {
+        it('Go to the last frame', () => {
+            cy.get('.cvat-player-last-button')
+            .click()
+            cy.get('.cvat-player-frame-selector').within(() => {
+                cy.get('input[role="spinbutton"]')
+                .should('have.value', '2')
+            })
+        })
+        it('Create a shape', () => {
+            cy.createShape(309, 431, 616, 671)
+        })
+        it('Try to propagate', () => {
+            cy.get('#cvat_canvas_shape_1').trigger('mousemove')
+            cy.get('body').type('{ctrl}b')
+            cy.get('.ant-modal-content')
+            .find('.ant-btn-primary')
+            .click()
+            cy.get('.ant-notification-notice').should('not.exist')
+        })
+    })
+})

tests/cypress/plugins/createZipArchive/addPlugin.js

@@ -0,0 +1,30 @@
+/*
+ * Copyright (C) 2020 Intel Corporation
+ *
+ * SPDX-License-Identifier: MIT
+ */
+
+exports.createZipArchive = createZipArchive
+
+const archiver = require('archiver')
+const fs = require('fs-extra')
+
+function createZipArchive(args) {
+    const directoryToArchive = args.directoryToArchive
+    const output = fs.createWriteStream(args.arhivePath)
+    const archive = archiver('zip', {
+        gzip: true,
+        zlib: { level: 9 }
+    })
+
+    archive.on('error', function(err) {
+      throw err
+    })
+
+    archive.pipe(output)
+
+    archive.directory(`${directoryToArchive}/`, false)
+    archive.finalize()
+
+    return fs.pathExists(archive)
+}

tests/cypress/plugins/createZipArchive/createZipArchiveCommand.js

@@ -0,0 +1,12 @@
+/*
+ * Copyright (C) 2020 Intel Corporation
+ *
+ * SPDX-License-Identifier: MIT
+ */
+
+Cypress.Commands.add('createZipArchive', function (directoryToArchive, arhivePath) {
+    return cy.task('createZipArchive', {
+        directoryToArchive: directoryToArchive,
+        arhivePath: arhivePath
+    })
+})

tests/cypress/plugins/imageGenerator/addPlugin.js

@@ -19,13 +19,15 @@ function imageGenerator(args) {
     const posY = args.posY
     const message = args.message
     const file = path.join(directory, fileName)
-    const image = new jimp(width, height, color, function (err, image) {
-        if (err) throw err
-        jimp.loadFont(jimp.FONT_SANS_64_BLACK, function (err, font) {
-            if (err) throw err
-            image.print(font, Number(posX), Number(posY), message)
-            .write(file)
+    return new Promise((resolve, reject) => {
+        const image = new jimp(width, height, color, function (err, image) {
+            if (err) reject(err)
+            jimp.loadFont(jimp.FONT_SANS_64_BLACK, function (err, font) {
+                if (err) reject(err)
+                image.print(font, Number(posX), Number(posY), message)
+                .write(file)
+            })
         })
+        setTimeout(() => resolve(null), '1000')
     })
-    return file
 }

tests/cypress/plugins/index.js

@@ -7,7 +7,9 @@
 /// <reference types="cypress" />
 
 const {imageGenerator} = require('../plugins/imageGenerator/addPlugin')
+const {createZipArchive} = require('../plugins/createZipArchive/addPlugin')
 
 module.exports = (on) => {
     on('task', {imageGenerator})
+    on('task', {createZipArchive})
 }

tests/cypress/support/commands.js

@@ -8,6 +8,7 @@
 
 require('cypress-file-upload')
 require('../plugins/imageGenerator/imageGeneratorCommand')
+require('../plugins/createZipArchive/createZipArchiveCommand')
 
 Cypress.Commands.add('login', (username='admin', password='12qwaszx') => {
     cy.get('[placeholder="Username"]').type(username)
@@ -56,8 +57,11 @@ Cypress.Commands.add('openTaskJob', (taskName) => {
 })
 
 Cypress.Commands.add('createShape', (ferstX, ferstY, lastX, lastY) => {
-    cy.get(':nth-child(8) > svg').trigger('mousemove').click()
-    cy.get(':nth-child(6) > :nth-child(1) > .ant-btn').click()
+    cy.get('.cvat-draw-rectangle-control').click()
+    cy.get('.cvat-draw-shape-popover-content')
+    .find('button')
+    .contains('Shape')
+    .click({force: true})
     cy.get('.cvat-canvas-container')
     .click(ferstX, ferstY)
     cy.get('.cvat-canvas-container')