fix(e2e): add timeout to all waitForLoadState('networkidle') calls

Unbounded networkidle waits can hang indefinitely in CI when
background network activity (WebSocket, polling) never settles.
Add explicit 30s timeout to every occurrence to prevent test suite
timeouts, especially in auth mode where login triggers extra API calls.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: jongyoul

zeppelin-web-angular/e2e/tests/notebook/action-bar/action-bar-functionality.spec.ts

@@ -35,7 +35,7 @@ test.describe('Notebook Action Bar Functionality', () => {
     actionBarPage = new NotebookActionBarPage(page);
 
     await page.goto(`/#/notebook/${testNotebook.noteId}`);
-    await page.waitForLoadState('networkidle');
+    await page.waitForLoadState('networkidle', { timeout: 30000 });
   });
 
   test('should display and allow title editing with tooltip', async ({ page }) => {
@@ -117,7 +117,7 @@ test.describe('Notebook Action Bar Functionality', () => {
     }
 
     await expect(actionBarPage.clearOutputButton).toBeEnabled();
-    await page.waitForLoadState('networkidle');
+    await page.waitForLoadState('networkidle', { timeout: 30000 });
 
     const paragraphResults = page.locator('zeppelin-notebook-paragraph-result');
     const resultCount = await paragraphResults.count();

zeppelin-web-angular/e2e/tests/notebook/keyboard/notebook-keyboard-shortcuts.spec.ts

@@ -643,7 +643,7 @@ test.describe.serial('Comprehensive Keyboard Shortcuts (ShortcutsMap)', () => {
 
       // Then: A new tab should be opened with paragraph link
       const newPage = await newPagePromise;
-      await newPage.waitForLoadState('networkidle');
+      await newPage.waitForLoadState('networkidle', { timeout: 30000 });
 
       // Verify the new tab URL contains the notebook ID and paragraph reference
       const newUrl = newPage.url();

zeppelin-web-angular/e2e/tests/notebook/main/notebook-container.spec.ts

@@ -35,7 +35,7 @@ test.describe('Notebook Container Component', () => {
     notebookPage = new NotebookPage(page);
 
     await page.goto(`/#/notebook/${testNotebook.noteId}`);
-    await page.waitForLoadState('networkidle');
+    await page.waitForLoadState('networkidle', { timeout: 30000 });
   });
 
   test('should display notebook container with proper structure', async () => {

zeppelin-web-angular/e2e/tests/notebook/paragraph/paragraph-functionality.spec.ts

@@ -37,7 +37,7 @@ test.describe('Notebook Paragraph Functionality', () => {
     paragraphPage = new NotebookParagraphPage(page);
 
     await page.goto(`/#/notebook/${testNotebook.noteId}`);
-    await page.waitForLoadState('networkidle');
+    await page.waitForLoadState('networkidle', { timeout: 30000 });
   });
 
   test('should display paragraph container with proper structure', async () => {

zeppelin-web-angular/e2e/tests/notebook/published/published-paragraph.spec.ts

@@ -92,7 +92,7 @@ test.describe('Published Paragraph', () => {
       const { noteId, paragraphId } = testNotebook;
 
       await page.goto(`/#/notebook/${noteId}`);
-      await page.waitForLoadState('networkidle');
+      await page.waitForLoadState('networkidle', { timeout: 30000 });
 
       // JUSTIFIED: createTestNotebook creates a single paragraph; first() is deterministic
       const paragraphElement = page.locator('zeppelin-notebook-paragraph').first();

zeppelin-web-angular/e2e/tests/notebook/sidebar/sidebar-functionality.spec.ts

@@ -35,7 +35,7 @@ test.describe('Notebook Sidebar Functionality', () => {
     testNotebook = await createTestNotebook(page);
 
     await page.goto(`/#/notebook/${testNotebook.noteId}`);
-    await page.waitForLoadState('networkidle');
+    await page.waitForLoadState('networkidle', { timeout: 30000 });
   });
 
   test('should display navigation buttons', async ({ page }) => {

zeppelin-web-angular/e2e/tests/share/note-rename/note-rename.spec.ts

@@ -41,7 +41,7 @@ test.describe('Note Rename', () => {
 
     // Navigate to the test notebook
     await page.goto(`/#/notebook/${testNotebook.noteId}`);
-    await page.waitForLoadState('networkidle');
+    await page.waitForLoadState('networkidle', { timeout: 30000 });
   });
 
   test('Given notebook page is loaded, When checking note title, Then title should be displayed', async () => {

zeppelin-web-angular/e2e/tests/share/note-toc/note-toc.spec.ts

@@ -42,7 +42,7 @@ test.describe('Note Table of Contents', () => {
     await noteTocPage.navigateToNotebook(testNotebook.noteId);
 
     // Wait for notebook to fully load
-    await page.waitForLoadState('networkidle');
+    await page.waitForLoadState('networkidle', { timeout: 30000 });
 
     // Verify we're actually in a notebook with more specific checks
     await expect(page).toHaveURL(new RegExp(`#/notebook/${testNotebook.noteId}`));

zeppelin-web-angular/e2e/utils.ts

@@ -193,7 +193,7 @@ export const performLoginIfRequired = async (page: Page): Promise<boolean> => {
     try {
       await page.waitForSelector('zeppelin-login', { state: 'hidden', timeout: 30000 });
       await page.waitForSelector('text=Welcome to Zeppelin!', { timeout: 30000 });
-      await page.waitForLoadState('networkidle');
+      await page.waitForLoadState('networkidle', { timeout: 30000 });
       await page.waitForSelector('zeppelin-node-list', { timeout: 30000 });
       await waitForZeppelinReady(page);
       return true;