From 8285e8bdd1e817a5a6b3b35f428719e82c377d30 Mon Sep 17 00:00:00 2001
From: Dmitry Kruchinin <33020454+dvkruchinin@users.noreply.github.com>
Date: Thu, 24 Dec 2020 19:57:45 +0300
Subject: [PATCH] Cypress test. Search task feature. (#2599)

* Add css class to search task placeholder

* Cypress test. Search task feature.

* Finish write the test.

* Some fix

* Add some options for search

Co-authored-by: Kruchinin <dmitryx.kruchinin@intel.com>
---
 cvat-ui/src/components/tasks-page/top-bar.tsx |  8 ++++-
 .../case_35_search_task_feature.js            | 29 +++++++++++++++++++
 2 files changed, 36 insertions(+), 1 deletion(-)
 create mode 100644 tests/cypress/integration/actions_tasks_objects/case_35_search_task_feature.js

diff --git a/cvat-ui/src/components/tasks-page/top-bar.tsx b/cvat-ui/src/components/tasks-page/top-bar.tsx
index 83c3ed8e..b3c64d32 100644
--- a/cvat-ui/src/components/tasks-page/top-bar.tsx
+++ b/cvat-ui/src/components/tasks-page/top-bar.tsx
@@ -25,7 +25,13 @@ export default function TopBarComponent(props: VisibleTopBarProps): JSX.Element
             <Row justify='center' align='middle'>
                 <Col md={11} lg={9} xl={8} xxl={7}>
                     <Text className='cvat-title'>Tasks</Text>
-                    <Input.Search defaultValue={searchValue} onSearch={onSearch} size='large' placeholder='Search' />
+                    <Input.Search
+                        className='cvat-task-page-search-task'
+                        defaultValue={searchValue}
+                        onSearch={onSearch}
+                        size='large'
+                        placeholder='Search'
+                    />
                 </Col>
                 <Col md={{ span: 11 }} lg={{ span: 9 }} xl={{ span: 8 }} xxl={{ span: 7 }}>
                     <Button
diff --git a/tests/cypress/integration/actions_tasks_objects/case_35_search_task_feature.js b/tests/cypress/integration/actions_tasks_objects/case_35_search_task_feature.js
new file mode 100644
index 00000000..0f8a3c6a
--- /dev/null
+++ b/tests/cypress/integration/actions_tasks_objects/case_35_search_task_feature.js
@@ -0,0 +1,29 @@
+// Copyright (C) 2020 Intel Corporation
+//
+// SPDX-License-Identifier: MIT
+
+/// <reference types="cypress" />
+
+import { taskName } from '../../support/const';
+
+context('Search task feature.', () => {
+    const caseId = '35';
+
+    function searchTask(option, result) {
+        cy.server().route('GET', '/api/v1/tasks**').as('searchTask');
+        cy.get('.cvat-task-page-search-task').find('[placeholder="Search"]').clear().type(`${option}{Enter}`);
+        cy.wait('@searchTask').its('status').should('equal', 200);
+        cy.contains('.cvat-item-task-name', taskName).should(result);
+    }
+
+    describe(`Testing case "${caseId}"`, () => {
+        it('Type to task search some field and check result.', () => {
+            searchTask(`${taskName.substring(0, 3)}`, 'exist');
+            searchTask('121212', 'not.exist');
+            searchTask(`owner: ${Cypress.env('user')}`, 'exist');
+            searchTask('mode: annotation', 'exist');
+            searchTask('status: annotation', 'exist');
+            searchTask(`mode: interpolation AND owner: ${Cypress.env('user')}`, 'not.exist');
+        });
+    });
+});