MenuBarElement

Playwright element wrapper for Vaadin MenuBar component testing

Overview

MenuBarElement is a Playwright wrapper for the <vaadin-menu-bar> component. It provides utilities to access menu items and open submenus.

Component tag: vaadin-menu-bar

Implements:

• HasThemeElement
• HasStyleElement
• HasAriaLabelElement

Constructors

MenuBarElement(Page page)

Create a MenuBarElement from the page by locating the first <vaadin-menu-bar> element.

page · Page · required

The Playwright page instance

MenuBarElement(Locator locator)

Create a MenuBarElement from an existing locator.

locator · Locator · required

The Playwright locator for the menu bar element

Methods

getMenuItemElement(String name)

Get a menu item by its visible label.

name · String · required

The visible label text of the menu item

Returns: MenuItemElement - The menu item element with the specified label

openSubMenu(String name)

Click a menu item to open its submenu and return the submenu overlay.

name · String · required

The visible label text of the menu item that contains a submenu

Returns: MenuElement - The opened submenu overlay

Static Factory Methods

getByLabel(Page page, String label)

Get a menu bar by its accessible label (ARIA label).

page · Page · required

The Playwright page instance

label · String · required

The accessible label of the menu bar (uses ARIA role MENUBAR)

Returns: MenuBarElement - The menu bar with the specified label

Usage Example

import org.vaadin.addons.dramafinder.element.MenuBarElement;
import org.vaadin.addons.dramafinder.element.MenuElement;
import org.vaadin.addons.dramafinder.element.MenuItemElement;

// Create menu bar from page
MenuBarElement menuBar = new MenuBarElement(page);

// Click a top-level menu item
MenuItemElement viewItem = menuBar.getMenuItemElement("View");
viewItem.click();

// Open a submenu and select an item
MenuElement shareMenu = menuBar.openSubMenu("Share");
MenuItemElement emailItem = shareMenu.getMenuItemElement("By email");
emailItem.click();

// Verify theme
menuBar.assertTheme("contrast");

// Verify CSS class
menuBar.assertCssClass("custom-menu-bar");

Related Elements

• MenuElement - Submenu overlay list
• MenuItemElement - Individual menu items