Angular + Custom Elements

Version: 16.2.10
Browser: Chrome Headless 126.0.6478.126 (Linux x86_64)
Timestamp: 7/13/2024, 12:29:44 AM

16 tests / 0 errors / 0 failures / 0 skipped / runtime: 1.117s

basic support

no children

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

with children

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

with children

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

with children

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

attributes and properties

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

attributes and properties

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

attributes and properties

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

events

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

advanced support

attributes and properties

will pass array data as a property
Passed in 0.012s

attributes and properties

will pass object data as a property
Passed in 0.004s

attributes and properties

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

events

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

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
Passed in 0.003s

events

can declaratively listen to a CAPScase DOM event dispatched by a Custom Element
Passed in 0.002s

events

can declaratively listen to a PascalCase DOM event dispatched by a Custom Element
Passed in 0.002s

System output:
Chrome Headless 126.0.6478.126 (Linux x86_64) WARN: 'NG0912: Component ID generation collision detected. Components 'ComponentWithoutChildren' and 'ComponentWithChildren' with selector 'ng-component' generated the same component ID. To fix this, you can change the selector of one of those components or add an extra host attribute to force a different ID. Find more at https://angular.io/errors/NG0912'
Version: 16.2.10
Browser: FirefoxHeadless
Timestamp: 7/13/2024, 12:29:46 AM

16 tests / 0 errors / 0 failures / 0 skipped / runtime: 1.13s

basic support

no children

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

with children

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

with children

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

with children

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

attributes and properties

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

attributes and properties

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

attributes and properties

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

events

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

advanced support

attributes and properties

will pass array data as a property
Passed in 0.004s

attributes and properties

will pass object data as a property
Passed in 0.003s

attributes and properties

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

events

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

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
Passed in 0.003s

events

can declaratively listen to a CAPScase DOM event dispatched by a Custom Element
Passed in 0.003s

events

can declaratively listen to a PascalCase DOM event dispatched by a Custom Element
Passed in 0.003s

System output:
FirefoxHeadless WARN: 'NG0912: Component ID generation collision detected. Components 'ComponentWithoutChildren' and 'ComponentWithChildren' with selector 'ng-component' generated the same component ID. To fix this, you can change the selector of one of those components or add an extra host attribute to force a different ID. Find more at https://angular.io/errors/NG0912'