From 41626ebabfc4e189f5b43daeb775e471c5bca63c Mon Sep 17 00:00:00 2001
From: Dmitry Kruchinin <33020454+dvkruchinin@users.noreply.github.com>
Date: Mon, 11 Jan 2021 10:45:29 +0300
Subject: [PATCH] Cypress test. Feedback button. (#2637)

* Add css class

* Cypress test. Feedback button, popover content

* Rework check a.href value

Co-authored-by: Kruchinin <dmitryx.kruchinin@intel.com>
---
 cvat-ui/src/components/feedback/feedback.tsx  |  1 +
 .../actions_users/case_38_feedback_button.js  | 46 +++++++++++++++++++
 2 files changed, 47 insertions(+)
 create mode 100644 tests/cypress/integration/actions_users/case_38_feedback_button.js

diff --git a/cvat-ui/src/components/feedback/feedback.tsx b/cvat-ui/src/components/feedback/feedback.tsx
index b1741186..2fc28030 100644
--- a/cvat-ui/src/components/feedback/feedback.tsx
+++ b/cvat-ui/src/components/feedback/feedback.tsx
@@ -107,6 +107,7 @@ export default function Feedback(): JSX.Element {
                 title={<Text className='cvat-text-color'>Help to make CVAT better</Text>}
                 content={renderContent()}
                 visible={visible}
+                overlayClassName='cvat-feedback-popover'
             >
                 <Button
                     style={visible ? { color: '#ff4d4f' } : {}}
diff --git a/tests/cypress/integration/actions_users/case_38_feedback_button.js b/tests/cypress/integration/actions_users/case_38_feedback_button.js
new file mode 100644
index 00000000..55a55e30
--- /dev/null
+++ b/tests/cypress/integration/actions_users/case_38_feedback_button.js
@@ -0,0 +1,46 @@
+// Copyright (C) 2020 Intel Corporation
+//
+// SPDX-License-Identifier: MIT
+
+/// <reference types="cypress" />
+
+context('Check feedback button.', () => {
+    const caseId = '38';
+
+    before(() => {
+        cy.visit('auth/login');
+        cy.login();
+    });
+
+    describe(`Testing case "${caseId}"`, () => {
+        it('Feedback button is available.', () => {
+            cy.get('.cvat-feedback-button').should('be.visible').click();
+        });
+
+        it('Feedback popover is available. Check content.', () => {
+            cy.get('.cvat-feedback-popover')
+                .should('be.visible')
+                .within(() => {
+                    cy.get('a').then(($a) => {
+                        expect($a.length).be.equal(3);
+                        expect($a[0].href).be.eq('https://github.com/openvinotoolkit/cvat');
+                        expect($a[1].href).be.eq('https://gitter.im/opencv-cvat/public');
+                        expect($a[2].href).be.eq($a[1].href);
+                    });
+                    const socialNetworkList = [
+                        'facebook',
+                        'vk',
+                        'twitter',
+                        'reddit',
+                        'linkedin',
+                        'telegram',
+                        'whatsapp',
+                        'viber',
+                    ];
+                    socialNetworkList.forEach(($el) => {
+                        cy.get(`[aria-label=${$el}]`).should('be.visible');
+                    });
+                });
+        });
+    });
+});