Cypress test. Import annotations for frames with dots in the name. (#…

…3111)

* Add css class

* Cypress test. Import annotations for frames with dots in name.

cvat-ui/src/reducers/notifications-reducer.ts

@@ -846,6 +846,7 @@ export default function (state = defaultState, action: AnyAction): Notifications
  'Could not upload annotations for the ' +
  `<a href="/tasks/${taskID}/jobs/${jobID}" target="_blank">job ${taskID}</a>`,
  reason: error.toString(),
+ className: 'cvat-notification-notice-upload-annotations-fail',
  },
  },
  },

tests/cypress/integration/actions_tasks_objects/issue_2473_import_annotations_frames_dots_in_name.js

@@ -0,0 +1,108 @@
+// Copyright (C) 2021 Intel Corporation
+//
+// SPDX-License-Identifier: MIT
+
+/// <reference types="cypress" />
+
+context('Import annotations for frames with dots in name.', { browser: '!firefox' }, () => {
+ const issueId = '2473';
+ const labelName = `Issue ${issueId}`;
+ const taskName = labelName;
+ const attrName = `Attr for ${labelName}`;
+ const textDefaultValue = 'Some default value for type Text';
+ const imagesCount = 1;
+ const imageFileName = `image.${labelName.replace(' ', '_').toLowerCase()}`; // Dot in the image name
+ const width = 800;
+ const height = 800;
+ const posX = 10;
+ const posY = 10;
+ const color = 'gray';
+ const archiveName = `${imageFileName}.zip`;
+ const archivePath = `cypress/fixtures/${archiveName}`;
+ const imagesFolder = `cypress/fixtures/${imageFileName}`;
+ const directoryToArchive = imagesFolder;
+
+ const createRectangleShape2Points = {
+ points: 'By 2 Points',
+ type: 'Shape',
+ labelName: labelName,
+ firstX: 250,
+ firstY: 350,
+ secondX: 350,
+ secondY: 450,
+ };
+
+ const dumpType = 'YOLO';
+ let annotationArchiveName = '';
+
+ function confirmUpdate(modalWindowClassName) {
+ cy.get(modalWindowClassName).within(() => {
+ cy.contains('button', 'Update').click();
+ });
+ }
+
+ before(() => {
+ cy.visit('auth/login');
+ cy.login();
+ cy.imageGenerator(imagesFolder, imageFileName, width, height, color, posX, posY, labelName, imagesCount);
+ cy.createZipArchive(directoryToArchive, archivePath);
+ cy.createAnnotationTask(
+ taskName,
+ labelName,
+ attrName,
+ textDefaultValue,
+ archiveName,
+ );
+ cy.openTaskJob(taskName);
+ cy.createRectangle(createRectangleShape2Points);
+ });
+
+ after(() => {
+ cy.goToTaskList();
+ cy.deleteTask(taskName);
+ });
+
+ describe(`Testing case "${issueId}"`, () => {
+ it('Save job. Dump annotaion to YOLO format. Remove annotation. Save job.', () => {
+ cy.saveJob('PATCH', 200, 'saveJobDump');
+ cy.intercept('GET', '/api/v1/tasks/**/annotations**').as('dumpAnnotations');
+ cy.interactMenu('Dump annotations');
+ cy.get('.cvat-menu-dump-submenu-item').within(() => {
+ cy.contains(dumpType).click();
+ });
+ cy.wait('@dumpAnnotations', { timeout: 5000 }).its('response.statusCode').should('equal', 202);
+ cy.wait('@dumpAnnotations').its('response.statusCode').should('equal', 201);
+ cy.removeAnnotations();
+ cy.saveJob('PUT');
+ cy.get('#cvat_canvas_shape_1').should('not.exist');
+ cy.get('#cvat-objects-sidebar-state-item-1').should('not.exist');
+
+ cy.task('listFiles', 'cypress/fixtures').each((fileName) => {
+ if (fileName.includes(dumpType.toLowerCase())) {
+ annotationArchiveName = fileName;
+ }
+ });
+ });
+
+ it('Upload annotation with YOLO format to job.', () => {
+ cy.interactMenu('Upload annotations');
+ cy.contains('.cvat-menu-load-submenu-item', dumpType.split(' ')[0])
+ .should('be.visible')
+ .within(() => {
+ cy.get('.cvat-menu-load-submenu-item-button')
+ .click()
+ .get('input[type=file]')
+ .attachFile(annotationArchiveName);
+ });
+ cy.intercept('PUT', '/api/v1/jobs/**/annotations**').as('uploadAnnotationsPut');
+ cy.intercept('GET', '/api/v1/jobs/**/annotations**').as('uploadAnnotationsGet');
+ confirmUpdate('.cvat-modal-content-load-job-annotation');
+ cy.wait('@uploadAnnotationsPut', { timeout: 5000 }).its('response.statusCode').should('equal', 202);
+ cy.wait('@uploadAnnotationsPut').its('response.statusCode').should('equal', 201);
+ cy.wait('@uploadAnnotationsGet').its('response.statusCode').should('equal', 200);
+ cy.get('.cvat-notification-notice-upload-annotations-fail').should('not.exist');
+ cy.get('#cvat_canvas_shape_1').should('exist');
+ cy.get('#cvat-objects-sidebar-state-item-1').should('exist');
+ });
+ });
+});