Test: dijit/form/Select

Note: load test_Select.html?mode=test to run unit tests, or test_Select.html?mode=benchmark to run performance tests.

dijit/form/Select form

Setting Defaults

Test One: ●Get Displayed Value Test Two: Test Three (required):

Rich Text (Need to use divs and spans - since browsers hack selects to pieces)

Rich text One: ●Toggle Disabled Rich text two:

Initially Empty

●Add Option ●Remove Top Option ●Toggle Disabled

Single Item

Long lists

maxHeight=200: no maxHeight:

dojo/data store (legacy API) based

Example 1 Example 2 Example 3 Example 4

dojo/store based

Example 1 Example 2 Example 3 (Observable) Example 3a (Observable, same store as 3) Example 4

Inlined with text (all IE modes except for IE8 Standards)

Text Prompt:

More required but blank selects

required s13: required s14:

●Get Values ●Submit

Disabled

Disabled:

Programmatic and other tests

●show one select dialog ●show two select dialog

Rendering tests

unstyled widget

normal

disabled

error

hover

focused

RTL

RTL error

styled option

width:60px;font-family:Arial;font-size:150%;border:2px blue;padding:5px;color:red

normal

disabled

error

hover

focused

RTL

RTL error

styled option

a11y, unstyled

normal

disabled

error

hover

focused

RTL

RTL error

styled option

a11y styled

normal

disabled

error

hover

focused

RTL

RTL error

styled option

Test: dijit/form/Select

HTML select for comparison

dijit/form/Select form

Setting Defaults

Rich Text (Need to use divs and spans - since browsers hack selects to pieces)

Initially Empty

Single Item

Long lists

dojo/data store (legacy API) based

dojo/store based

Inlined with text (all IE modes except for IE8 Standards)

More required but blank selects

Disabled

Programmatic and other tests