fix broken tests

Author: voidmatcha

zeppelin-web-angular/e2e/models/header-page.util.ts

@@ -51,9 +51,10 @@ export class HeaderPageUtil {
 
   async verifyNotebookDropdownOpens(): Promise<void> {
     await this.headerPage.clickNotebookMenu();
-    // Target the header dropdown version specifically using ng-reflect-header-mode attribute
-    const dropdownNodeList = this.page.locator('zeppelin-node-list[ng-reflect-header-mode="true"]');
-    await expect(dropdownNodeList).toBeVisible();
+    await expect(this.headerPage.notebookDropdown).toBeVisible();
+
+    const nodeList = new NodeListPage(this.page);
+    await expect(nodeList.createNewNoteButton).toBeVisible();
   }
 
   async verifyAboutZeppelinModalOpens(): Promise<void> {

zeppelin-web-angular/e2e/models/note-create-modal.ts

@@ -82,6 +82,7 @@ export class NoteCreateModal extends BasePage {
 
   async getAvailableInterpreters(): Promise<string[]> {
     await this.openInterpreterDropdown();
+    await this.interpreterOptions.first().waitFor({ state: 'visible', timeout: 5000 });
     const options = await this.interpreterOptions.allTextContents();
     await this.page.keyboard.press('Escape');
     return options;

zeppelin-web-angular/e2e/models/note-create-modal.util.ts

@@ -39,8 +39,8 @@ export class NoteCreateModalUtil {
 
   async verifyInterpreterSelectionWorks(): Promise<void> {
     await this.modal.openInterpreterDropdown();
-    await expect(this.modal.interpreterOptions.first()).toBeVisible();
-
+    await this.modal.interpreterOptions.first().waitFor({ state: 'attached', timeout: 30000 });
+    await expect(this.modal.interpreterOptions.first()).toBeVisible({ timeout: 30000 });
     const interpreters = await this.modal.getAvailableInterpreters();
     expect(interpreters.length).toBeGreaterThan(0);
   }