diff --git a/artifacts/visual-qa/desktop-with-krona-ai.png b/artifacts/visual-qa/desktop-with-krona-ai.png index a4bd8cc..6dd98f6 100644 Binary files a/artifacts/visual-qa/desktop-with-krona-ai.png and b/artifacts/visual-qa/desktop-with-krona-ai.png differ diff --git a/artifacts/visual-qa/desktop-without-krona-ai.png b/artifacts/visual-qa/desktop-without-krona-ai.png index f5375cd..236d70c 100644 Binary files a/artifacts/visual-qa/desktop-without-krona-ai.png and b/artifacts/visual-qa/desktop-without-krona-ai.png differ diff --git a/artifacts/visual-qa/graphite-forest-dark-desktop-1440.png b/artifacts/visual-qa/graphite-forest-dark-desktop-1440.png index 5533e10..a65d7f1 100644 Binary files a/artifacts/visual-qa/graphite-forest-dark-desktop-1440.png and b/artifacts/visual-qa/graphite-forest-dark-desktop-1440.png differ diff --git a/artifacts/visual-qa/graphite-forest-dark-mobile-390.png b/artifacts/visual-qa/graphite-forest-dark-mobile-390.png index 296d4b6..0ca82a6 100644 Binary files a/artifacts/visual-qa/graphite-forest-dark-mobile-390.png and b/artifacts/visual-qa/graphite-forest-dark-mobile-390.png differ diff --git a/artifacts/visual-qa/manifest.json b/artifacts/visual-qa/manifest.json index 3250263..f215093 100644 --- a/artifacts/visual-qa/manifest.json +++ b/artifacts/visual-qa/manifest.json @@ -1,5 +1,5 @@ { - "generatedAt": "2026-09-11T12:29:57.828Z", + "generatedAt": "2026-09-12T05:25:45.504Z", "module": "communications", "version": "v3.0", "referenceMockups": [ @@ -68,13 +68,13 @@ "filename": "desktop-with-krona-ai.png", "theme": "state-capture", "viewport": "desktop-with-krona-ai", - "capturedAt": "2026-09-11T12:29:50.764Z" + "capturedAt": "2026-09-12T05:25:45.132Z" }, { "filename": "desktop-without-krona-ai.png", "theme": "state-capture", "viewport": "desktop-without-krona-ai", - "capturedAt": "2026-09-11T12:29:49.887Z" + "capturedAt": "2026-09-12T05:25:44.475Z" }, { "filename": "graphite-forest-dark-desktop-1280.png", @@ -86,7 +86,7 @@ "filename": "graphite-forest-dark-desktop-1440.png", "theme": "graphite-forest-dark", "viewport": "desktop-1440", - "capturedAt": "2026-09-11T12:22:07.332Z" + "capturedAt": "2026-09-12T05:25:42.065Z" }, { "filename": "graphite-forest-dark-desktop-1920.png", @@ -104,7 +104,7 @@ "filename": "graphite-forest-dark-mobile-390.png", "theme": "graphite-forest-dark", "viewport": "mobile-390", - "capturedAt": "2026-09-11T12:21:02.940Z" + "capturedAt": "2026-09-12T05:25:33.933Z" }, { "filename": "graphite-forest-dark-mobile-430.png", @@ -128,19 +128,19 @@ "filename": "mobile-chat.png", "theme": "state-capture", "viewport": "mobile-chat", - "capturedAt": "2026-09-11T12:29:13.147Z" + "capturedAt": "2026-09-12T05:25:36.209Z" }, { "filename": "mobile-contact.png", "theme": "state-capture", "viewport": "mobile-contact", - "capturedAt": "2026-09-11T12:29:13.337Z" + "capturedAt": "2026-09-12T05:25:36.390Z" }, { "filename": "mobile-list.png", "theme": "state-capture", "viewport": "mobile-list", - "capturedAt": "2026-09-11T12:29:12.902Z" + "capturedAt": "2026-09-12T05:25:35.998Z" }, { "filename": "noble-green-desktop-1280.png", @@ -152,7 +152,7 @@ "filename": "noble-green-desktop-1440.png", "theme": "noble-green", "viewport": "desktop-1440", - "capturedAt": "2026-09-11T12:22:06.701Z" + "capturedAt": "2026-09-12T05:25:41.554Z" }, { "filename": "noble-green-desktop-1920.png", @@ -170,7 +170,7 @@ "filename": "noble-green-mobile-390.png", "theme": "noble-green", "viewport": "mobile-390", - "capturedAt": "2026-09-11T12:21:02.534Z" + "capturedAt": "2026-09-12T05:25:33.543Z" }, { "filename": "noble-green-mobile-430.png", @@ -200,7 +200,7 @@ "filename": "parchment-light-desktop-1440.png", "theme": "parchment-light", "viewport": "desktop-1440", - "capturedAt": "2026-09-11T12:22:06.120Z" + "capturedAt": "2026-09-12T05:25:41.001Z" }, { "filename": "parchment-light-desktop-1920.png", @@ -218,7 +218,7 @@ "filename": "parchment-light-mobile-390.png", "theme": "parchment-light", "viewport": "mobile-390", - "capturedAt": "2026-09-11T12:21:02.124Z" + "capturedAt": "2026-09-12T05:25:33.154Z" }, { "filename": "parchment-light-mobile-430.png", diff --git a/artifacts/visual-qa/mobile-chat.png b/artifacts/visual-qa/mobile-chat.png index 118e201..510ae8f 100644 Binary files a/artifacts/visual-qa/mobile-chat.png and b/artifacts/visual-qa/mobile-chat.png differ diff --git a/artifacts/visual-qa/mobile-contact.png b/artifacts/visual-qa/mobile-contact.png index 859363e..cd8e087 100644 Binary files a/artifacts/visual-qa/mobile-contact.png and b/artifacts/visual-qa/mobile-contact.png differ diff --git a/artifacts/visual-qa/mobile-list.png b/artifacts/visual-qa/mobile-list.png index a76c5f3..7bd8f3b 100644 Binary files a/artifacts/visual-qa/mobile-list.png and b/artifacts/visual-qa/mobile-list.png differ diff --git a/artifacts/visual-qa/noble-green-desktop-1440.png b/artifacts/visual-qa/noble-green-desktop-1440.png index 5ce5049..a8b3018 100644 Binary files a/artifacts/visual-qa/noble-green-desktop-1440.png and b/artifacts/visual-qa/noble-green-desktop-1440.png differ diff --git a/artifacts/visual-qa/noble-green-mobile-390.png b/artifacts/visual-qa/noble-green-mobile-390.png index 51ec7ff..2ceb121 100644 Binary files a/artifacts/visual-qa/noble-green-mobile-390.png and b/artifacts/visual-qa/noble-green-mobile-390.png differ diff --git a/artifacts/visual-qa/parchment-light-desktop-1440.png b/artifacts/visual-qa/parchment-light-desktop-1440.png index 57c61ad..c4a049f 100644 Binary files a/artifacts/visual-qa/parchment-light-desktop-1440.png and b/artifacts/visual-qa/parchment-light-desktop-1440.png differ diff --git a/artifacts/visual-qa/parchment-light-mobile-390.png b/artifacts/visual-qa/parchment-light-mobile-390.png index 4c9dabe..8daf48e 100644 Binary files a/artifacts/visual-qa/parchment-light-mobile-390.png and b/artifacts/visual-qa/parchment-light-mobile-390.png differ diff --git a/e2e/13-communications-visual-and-responsive.spec.ts b/e2e/13-communications-visual-and-responsive.spec.ts index 211dc14..6db33d8 100644 --- a/e2e/13-communications-visual-and-responsive.spec.ts +++ b/e2e/13-communications-visual-and-responsive.spec.ts @@ -43,23 +43,16 @@ test.describe('Scenario 13: Communications Visual & Responsive Design System V3 } }); - test('2. Header, Slogan Watermark, and Channel Switcher validation', async ({ page }) => { + test('2. Compact header and channel switcher validation', async ({ page }) => { const vp = page.viewportSize(); const isMobile = (vp?.width ?? 1200) < 640; - const isDesktop = (vp?.width ?? 1200) >= 1024; // Check main header await expect(page.locator('h1', { hasText: 'Коммуникации' })).toBeVisible(); - if (!isMobile) { - await expect( - page.locator('text=Все сообщения, почта и каналы компании в одном пространстве') - ).toBeVisible(); - } - - if (isDesktop) { - await expect(page.locator('text=Больше, чем общение с поддержкой')).toBeVisible(); - } + await expect(page.getByText('Все сообщения, почта и каналы компании в одном пространстве')).toHaveCount(0); + await expect(page.getByText('Больше, чем общение с поддержкой')).toHaveCount(0); + await expect(page.getByRole('button', { name: /добавить канал/i })).toHaveCount(0); // Check all 5 tabs await expect(page.getByRole('tab', { name: /мессенджеры/i })).toBeVisible(); diff --git a/src/app/shell/Sidebar.tsx b/src/app/shell/Sidebar.tsx index 0312524..2205084 100644 --- a/src/app/shell/Sidebar.tsx +++ b/src/app/shell/Sidebar.tsx @@ -66,12 +66,12 @@ export const Sidebar: React.FC = ({ isTabletCompact = false }) => return (