fixup! ✨(frontend) add resizable left panel on desktop with persistence

Author: Ovgodd

src/frontend/apps/e2e/__tests__/app-impress/left-panel.spec.ts

@@ -1,5 +1,7 @@
 import { expect, test } from '@playwright/test';
 
+import { createDoc } from './utils-common';
+
 test.describe('Left panel desktop', () => {
   test.beforeEach(async ({ page }) => {
     await page.goto('/');
@@ -12,11 +14,19 @@ test.describe('Left panel desktop', () => {
     await expect(page.getByTestId('new-doc-button')).toBeVisible();
   });
 
-  test('checks resize handle is present and functional', async ({ page }) => {
-    await page.goto('/');
+  test('checks resize handle is present and functional on document page', async ({
+    page,
+    browserName,
+  }) => {
+    // On home page, resize handle should NOT be present
+    let resizeHandle = page.locator('[data-panel-resize-handle-id]');
+    await expect(resizeHandle).toBeHidden();
+
+    // Create and navigate to a document
+    await createDoc(page, 'doc-resize-test', browserName, 1);
 
-    // Verify the resize handle is present on desktop
-    const resizeHandle = page.locator('[data-panel-resize-handle-id]').first();
+    // Now resize handle should be visible on document page
+    resizeHandle = page.locator('[data-panel-resize-handle-id]').first();
     await expect(resizeHandle).toBeVisible();
 
     const leftPanel = page.getByTestId('left-panel-desktop');