Skip to main content

One UI Mega menu tests

Test #1: One UI menu bar with various drop-down menus

This menu bar tests the addition of menus and mega menus to One UI menu bars.

dijit.Menu
Cut
Copy
Paste
idx.oneui.Menu
Cut
Copy
Paste
MenuDialog +static

Drop-down idx.oneui.MenuDialog

...with static dialog content.

+interactive

Drop-down idx.oneui.MenuDialog

...with interactive dialog content.

Field #1 has hover help.

Field #1: (tabindex 2)
Field #2: (tabindex 1)

Hover help for field #1

+connector

Drop-down idx.oneui.MenuDialog

...with static dialog content and a connector.

+menus

Dummy focussable link

The menu below should participate fully as a dropdown from the menu bar.

Menu item
idx.oneui.Menu
Menu item
Menu item
Menu item
idx.oneui.MenuDialog +menus
Menu item
idx.oneui.Menu
Menu item
idx.oneui.Menu
Menu item
idx.oneui.MenuDialog +menus

This entire chain of cascaded menus should participate fully as a dropdown from the menu bar.

Menu item
idx.oneui.Menu
Menu item
Menu item
Menu item
idx.oneui.MenuDialog +menu
Menu item
idx.oneui.Menu
Menu item
Menu item
Menu item
Menu item
Menu item
Menu item
Menu item
Menu item
Menu item

This menu bar contains some degenerate and edge cases.

empty dijit.Menu
empty idx.oneui.Menu
empty MenuDialog
empty MenuDialog +connector
idx.oneui.MenuDialog +dijit.Menu

Dummy focussable link

The menu below will, by design, not participate as a dropdown from the menu bar.

Cut
Copy
Paste
idx.oneui.MenuDialog +idx.oneui.Menu[menuForDialog:false]

Dummy focussable link

The menu below will, by design, not participate as a dropdown from the menu bar.

Menu item
Menu item
Menu item

Test #2: Flat One UI menu with various cascade menus

Tests the ability to popup mega menus from 'flat' menus (e.g. left nav) or context menus

Menu item
dijit.Menu
Menu item
Menu item
Menu item
idx.oneui.MenuDialog

Cascaded idx.oneui.MenuDialog

...with arbitrary dialog content.

Menu item

Test #3: Popup idx.oneui.MenuDialog from arbitrary page elements

Tests the ability to popup mega menus from arbitrary page elements.

Initiating element #1 (div)



This button manually opens the MenuDialog on initiating element #1, and manually closes it after 10 seconds.

MenuDialog properties:

(initial value: )    (initial value: )    (initial value: )    (initial value: )

The following directional elements use the same dialog but fix all the display settings:

Positioned
at mouse

No
connector

Positioned
at mouse

With a
connector

Positioned
around box

No
connector

Positioned
around box

With a
connector

Test #4: Multi-column menu with headings

Tests the operation of multi-column menus.

dijit.Menu
Cut
Copy
Paste
idx.oneui.MenuDialog + idx.oneui.Menu + menuForDialog:true
Error - label property did not work.
Column #1 (cut, copy)
Column #2 (paste)
Cut
Copy
Paste
Column #3 (3 items)
Menu item
Menu item
Menu item
dijit.Menu
Cut
Copy
Paste


Test #5: Dijit menu bar with various drop-down menus

This menu bar tests the addition of menus and mega menus to Dijit menu bars.

dijit.Menu
Cut
Copy
Paste
idx.oneui.Menu
Cut
Copy
Paste
MenuDialog +static

Drop-down idx.oneui.MenuDialog

...with static dialog content.

+interactive

Drop-down idx.oneui.MenuDialog

...with interactive dialog content.

Field #1 has hover help.

Field #1: (tabindex 2)
Field #2: (tabindex 1)

Hover help for field #1

+connector

Drop-down idx.oneui.MenuDialog

...with static dialog content and a connector.

+menus

Dummy focussable link

The menu below should participate fully as a dropdown from the menu bar.

Menu item
idx.oneui.Menu
Menu item
Menu item
Menu item
idx.oneui.MenuDialog +menus
Menu item
idx.oneui.Menu
Menu item
idx.oneui.Menu
Menu item
idx.oneui.MenuDialog +menus

This entire chain of cascaded menus should participate fully as a dropdown from the menu bar.

Menu item
idx.oneui.Menu
Menu item
Menu item
Menu item
idx.oneui.MenuDialog +menu
Menu item
idx.oneui.Menu
Menu item
Menu item
Menu item
Menu item
Menu item
Menu item
Menu item
Menu item
Menu item

This menu bar contains some degenerate and edge cases.

empty dijit.Menu
empty idx.oneui.Menu
empty MenuDialog
empty MenuDialog +connector
idx.oneui.MenuDialog +dijit.Menu

Dummy focussable link

The menu below will, by design, not participate as a dropdown from the menu bar.

Cut
Copy
Paste
idx.oneui.MenuDialog +idx.oneui.Menu[menuForDialog:false]

Dummy focussable link

The menu below will, by design, not participate as a dropdown from the menu bar.

Menu item
Menu item
Menu item

Test #6: Flat dijit menu with various cascade menus

Tests the ability to cascade mega menus from 'flat' menus (e.g. left nav) or context menus

Menu item
dijit.Menu
Menu item
Menu item
Menu item
idx.oneui.MenuDialog

Cascaded idx.oneui.MenuDialog

...with arbitrary dialog content.

Menu item