From bf5d6bd518a7fc83e29d0e8401dd21c41abd407d Mon Sep 17 00:00:00 2001
From: Roman Aleksyutin <gyxman@yandex.ru>
Date: Mon, 12 Dec 2022 11:13:53 +0300
Subject: [PATCH] fix(addon-tablebars): fixed close button in table bar (#3184)

Co-authored-by: Roman Aleksyutin <r.aleksyutin@tinkoff.ru>
---
 .github/workflows/e2e.yml                           |  2 ++
 .../table-bars-host/table-bars-host.style.less      |  6 ------
 .../table-bars-service/table-bars-service.cy.ts     | 13 +++++++++++++
 3 files changed, 15 insertions(+), 6 deletions(-)
 create mode 100644 projects/demo-integrations/cypress/tests/mobile/addon-tablebars/table-bars-service/table-bars-service.cy.ts

diff --git a/.github/workflows/e2e.yml b/.github/workflows/e2e.yml
index 772dd67a66c4..677b223018d8 100644
--- a/.github/workflows/e2e.yml
+++ b/.github/workflows/e2e.yml
@@ -66,6 +66,8 @@ jobs:
           ]
         type: [desktop]
         include:
+          - project: addon-tablebars
+            type: mobile
           - project: kit
             type: mobile
     name: ${{ matrix.project }} / ${{ matrix.type }}
diff --git a/projects/addon-tablebars/components/table-bars-host/table-bars-host.style.less b/projects/addon-tablebars/components/table-bars-host/table-bars-host.style.less
index 1aab2229ca04..7f8189e96f4c 100644
--- a/projects/addon-tablebars/components/table-bars-host/table-bars-host.style.less
+++ b/projects/addon-tablebars/components/table-bars-host/table-bars-host.style.less
@@ -71,12 +71,6 @@
 
 .t-close-button {
     margin-left: 1.5rem;
-
-    :host-context(tui-root._mobile) & {
-        position: absolute;
-        top: -0.125rem;
-        right: -0.125rem;
-    }
 }
 
 .t-content {
diff --git a/projects/demo-integrations/cypress/tests/mobile/addon-tablebars/table-bars-service/table-bars-service.cy.ts b/projects/demo-integrations/cypress/tests/mobile/addon-tablebars/table-bars-service/table-bars-service.cy.ts
new file mode 100644
index 000000000000..464be037cc07
--- /dev/null
+++ b/projects/demo-integrations/cypress/tests/mobile/addon-tablebars/table-bars-service/table-bars-service.cy.ts
@@ -0,0 +1,13 @@
+import {DEFAULT_TIMEOUT_BEFORE_ACTION} from '@demo-integrations/support/properties/shared.entities';
+
+describe(`TableBarsService`, () => {
+    it(`works`, () => {
+        cy.tuiVisit(`/services/table-bars-service`);
+
+        cy.get(`tui-table-bar-example-1 button`).first().click();
+        cy.getByAutomationId(`tui-table-bar__bar`)
+            .first()
+            .wait(DEFAULT_TIMEOUT_BEFORE_ACTION)
+            .matchImageSnapshot(`table-bars`);
+    });
+});