DIO + Custom Elements

Version: 9.1.1
Browser: Chrome Headless 138.0.0.0 (Linux x86_64)
Timestamp: 8/10/2025, 5:06:17 PM

16 tests / 0 errors / 3 failures / 0 skipped / runtime: 0.095s

basic support

no children

can display a Custom Element with no children
Passed in 0.012s

with children

can display a Custom Element with children in a Shadow Root
Passed in 0.001s

with children

can display a Custom Element with children in a Shadow Root and pass in Light DOM children
Passed in 0.016s

with children

can display a Custom Element with children in the Shadow DOM and handle hiding and showing the element
Passed in 0.002s

attributes and properties

will pass boolean data as either an attribute or a property
Passed in 0.023s

attributes and properties

will pass numeric data as either an attribute or a property
Passed in 0.001s

attributes and properties

will pass string data as either an attribute or a property
Passed in 0s

events

can imperatively listen to a DOM event dispatched by a Custom Element
Passed in 0.007s

advanced support

attributes and properties

will pass array data as a property
Passed in 0s

attributes and properties

will pass object data as a property
Passed in 0.006s

attributes and properties

will pass object data to a camelCase-named property
Passed in 0s

events

can declaratively listen to a lowercase DOM event dispatched by a Custom Element
Passed in 0.001s

events

can declaratively listen to a kebab-case DOM event dispatched by a Custom Element
Passed in 0.005s

events

can declaratively listen to a camelCase DOM event dispatched by a Custom Element
Failed

AssertionError: expected 'false' to deeply equal 'true'
at Context.eval (webpack:///./src/advanced-tests.js?:116:76)

events

can declaratively listen to a CAPScase DOM event dispatched by a Custom Element
Failed

AssertionError: expected 'false' to deeply equal 'true'
at Context.eval (webpack:///./src/advanced-tests.js?:131:76)

events

can declaratively listen to a PascalCase DOM event dispatched by a Custom Element
Failed

AssertionError: expected 'false' to deeply equal 'true'
at Context.eval (webpack:///./src/advanced-tests.js?:146:76)

Version: 9.1.1
Browser: FirefoxHeadless
Timestamp: 8/10/2025, 5:06:23 PM

16 tests / 0 errors / 3 failures / 0 skipped / runtime: 0.087s

basic support

no children

can display a Custom Element with no children
Passed in 0.005s

with children

can display a Custom Element with children in a Shadow Root
Passed in 0.004s

with children

can display a Custom Element with children in a Shadow Root and pass in Light DOM children
Passed in 0.015s

with children

can display a Custom Element with children in the Shadow DOM and handle hiding and showing the element
Passed in 0.001s

attributes and properties

will pass boolean data as either an attribute or a property
Passed in 0.004s

attributes and properties

will pass numeric data as either an attribute or a property
Passed in 0s

attributes and properties

will pass string data as either an attribute or a property
Passed in 0.001s

events

can imperatively listen to a DOM event dispatched by a Custom Element
Passed in 0.01s

advanced support

attributes and properties

will pass array data as a property
Passed in 0.001s

attributes and properties

will pass object data as a property
Passed in 0.008s

attributes and properties

will pass object data to a camelCase-named property
Passed in 0s

events

can declaratively listen to a lowercase DOM event dispatched by a Custom Element
Passed in 0.012s

events

can declaratively listen to a kebab-case DOM event dispatched by a Custom Element
Passed in 0s

events

can declaratively listen to a camelCase DOM event dispatched by a Custom Element
Failed

expected 'false' to deeply equal 'true'
@webpack:///./src/advanced-tests.js?:116:76

events

can declaratively listen to a CAPScase DOM event dispatched by a Custom Element
Failed

expected 'false' to deeply equal 'true'
@webpack:///./src/advanced-tests.js?:131:76

events

can declaratively listen to a PascalCase DOM event dispatched by a Custom Element
Failed

expected 'false' to deeply equal 'true'
@webpack:///./src/advanced-tests.js?:146:76