From 56f8b108a6fce7eeb80e20537ecc8a1b2473bf30 Mon Sep 17 00:00:00 2001
From: Dmitry Kruchinin <33020454+dvkruchinin@users.noreply.github.com>
Date: Thu, 18 Mar 2021 13:23:30 +0300
Subject: [PATCH] Cypress test. Create a task with set an issue tracker.
 (#2970)

* Add css class

* Cypress test. Create a task with set issue tracker.

* Change "visible" to "exist".
---
 .../task-page/bug-tracker-editor.tsx          |  7 +-
 .../case_61_create_task_set_issue_tracker.js  | 81 +++++++++++++++++++
 2 files changed, 86 insertions(+), 2 deletions(-)
 create mode 100644 tests/cypress/integration/actions_tasks_objects/case_61_create_task_set_issue_tracker.js

diff --git a/cvat-ui/src/components/task-page/bug-tracker-editor.tsx b/cvat-ui/src/components/task-page/bug-tracker-editor.tsx
index 9e4b03ce..1c642601 100644
--- a/cvat-ui/src/components/task-page/bug-tracker-editor.tsx
+++ b/cvat-ui/src/components/task-page/bug-tracker-editor.tsx
@@ -1,4 +1,4 @@
-// Copyright (C) 2020 Intel Corporation
+// Copyright (C) 2020-2021 Intel Corporation
 //
 // SPDX-License-Identifier: MIT
 
@@ -34,6 +34,7 @@ export default function BugTrackerEditorComponent(props: Props): JSX.Element {
                     onOk: () => {
                         shown = false;
                     },
+                    className: 'cvat-modal-issue-tracker-update-task-fail',
                 });
                 shown = true;
             }
@@ -52,7 +53,9 @@ export default function BugTrackerEditorComponent(props: Props): JSX.Element {
                         Issue Tracker
                     </Text>
                     <br />
-                    <Text editable={{ onChange: onChangeValue }}>{bugTracker}</Text>
+                    <Text editable={{ onChange: onChangeValue }} className='cvat-issue-tracker-value'>
+                        {bugTracker}
+                    </Text>
                     <Button
                         type='ghost'
                         size='small'
diff --git a/tests/cypress/integration/actions_tasks_objects/case_61_create_task_set_issue_tracker.js b/tests/cypress/integration/actions_tasks_objects/case_61_create_task_set_issue_tracker.js
new file mode 100644
index 00000000..328a1637
--- /dev/null
+++ b/tests/cypress/integration/actions_tasks_objects/case_61_create_task_set_issue_tracker.js
@@ -0,0 +1,81 @@
+// Copyright (C) 2021 Intel Corporation
+//
+// SPDX-License-Identifier: MIT
+
+/// <reference types="cypress" />
+
+context('Create a task with set an issue tracker.', () => {
+    const caseId = '61';
+    const labelName = `Case ${caseId}`;
+    const taskName = labelName;
+    const imagesCount = 1;
+    const imageFileName = `image_${labelName.replace(' ', '_').toLowerCase()}`;
+    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 dummyBugTrackerUrl = 'http://somebugtracker.info/task12';
+    const incorrectBugTrackerUrl = 'somebugtracker.info/task12';
+
+    before(() => {
+        cy.visit('auth/login');
+        cy.login();
+        cy.imageGenerator(imagesFolder, imageFileName, width, height, color, posX, posY, labelName, imagesCount);
+        cy.createZipArchive(directoryToArchive, archivePath);
+        cy.get('#cvat-create-task-button').click();
+    });
+
+    after(() => {
+        cy.goToTaskList();
+        cy.deleteTask(taskName);
+    });
+
+    describe(`Testing "${labelName}"`, () => {
+        it('Creating a task with incorrect issue tracker URL. The error notification is shown.', () => {
+            cy.get('[id="name"]').type(taskName);
+            cy.addNewLabel(labelName);
+            cy.get('input[type="file"]').attachFile(archiveName, { subjectType: 'drag-n-drop' });
+            cy.contains('Advanced configuration').click();
+            cy.get('#bugTracker').type(incorrectBugTrackerUrl);
+            cy.contains('URL is not a valid URL').should('exist');
+            cy.get('.cvat-create-task-submit-section').click();
+            cy.get('.cvat-notification-create-task-fail').should('exist').and('be.visible');
+            cy.closeNotification('.cvat-notification-create-task-fail');
+        });
+
+        it('Set correct issue tracker URL. The task created.', () => {
+            cy.get('#bugTracker').clear().type(dummyBugTrackerUrl);
+            cy.contains('URL is not a valid URL').should('not.exist');
+            cy.get('.cvat-create-task-submit-section').click();
+            cy.get('.cvat-notification-create-task-fail').should('not.exist');
+            cy.get('.cvat-notification-create-task-success').should('exist').and('be.visible');
+        });
+
+        it('Open the task. Change issue tracker URL to incorrect. The error notification is shown.', () => {
+            cy.goToTaskList();
+            cy.openTask(taskName);
+            cy.get('.cvat-issue-tracker-value').should('have.text', dummyBugTrackerUrl);
+            cy.contains('button', 'Open the issue').should('exist').and('be.visible');
+            cy.get('.cvat-issue-tracker').find('[aria-label="Edit"]').click();
+            cy.get('.cvat-issue-tracker-value').find('textarea').clear().type(`${incorrectBugTrackerUrl}{Enter}`);
+            cy.get('.cvat-modal-issue-tracker-update-task-fail')
+                .should('exist')
+                .and('be.visible')
+                .find('button')
+                .click(); // Close modal window
+        });
+
+        it('Remove issue trasker URL.', () => {
+            cy.get('.cvat-issue-tracker-value').should('have.text', dummyBugTrackerUrl);
+            cy.get('.cvat-issue-tracker').find('[aria-label="Edit"]').click();
+            cy.get('.cvat-issue-tracker-value').find('textarea').clear().type('{Enter}');
+            cy.get('.cvat-issue-tracker-value').should('not.exist'); // Not specified
+            cy.contains('button', 'Open the issue').should('not.exist');
+        });
+    });
+});