Angular + Custom Elements

Version: 16.2.10

Browser: Chrome Headless 132.0.0.0 (Linux x86_64)

Timestamp: 1/24/2025, 4:40:45 PM

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

System output:
Chrome Headless 132.0.0.0 (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: 1/24/2025, 4:40:58 PM

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

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'

Angular + Custom Elements

basic support

no children
can display a Custom Element with no children

Passed in 0.04s

with children
can display a Custom Element with children in a Shadow Root

Passed in 0.003s

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

Passed in 1.048s

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

Passed in 0.071s

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.017s

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.01s

attributes and properties
will pass object data as a property

Passed in 0.005s

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.014s

events
can declaratively listen to a kebab-case DOM event dispatched by a Custom Element

Passed in 0.011s

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

Passed in 0.036s

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

Passed in 0.018s

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

Passed in 0.019s

basic support

no children
can display a Custom Element with no children

Passed in 0.135s

with children
can display a Custom Element with children in a Shadow Root

Passed in 0.008s

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

Passed in 1.013s

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

Passed in 0.07s

attributes and properties
will pass boolean data as either an attribute or a property

Passed in 0.029s

attributes and properties
will pass numeric data as either an attribute or a property

Passed in 0.006s

attributes and properties
will pass string data as either an attribute or a property

Passed in 0.009s

events
can imperatively listen to a DOM event dispatched by a Custom Element

Passed in 0.021s

advanced support

attributes and properties
will pass array data as a property

Passed in 0.011s

attributes and properties
will pass object data as a property

Passed in 0.023s

attributes and properties
will pass object data to a camelCase-named property

Passed in 0.018s

events
can declaratively listen to a lowercase DOM event dispatched by a Custom Element

Passed in 0.019s

events
can declaratively listen to a kebab-case DOM event dispatched by a Custom Element

Passed in 0.018s

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

Passed in 0.013s

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

Passed in 0.012s

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

Passed in 0.01s

Angular + Custom Elements

basic support

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

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

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

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

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.017s

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.01s

attributes and properties will pass object data as a property Passed in 0.005s

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.014s

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

events can declaratively listen to a camelCase DOM event dispatched by a Custom Element Passed in 0.036s

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

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

basic support

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

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

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

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

attributes and properties will pass boolean data as either an attribute or a property Passed in 0.029s

attributes and properties will pass numeric data as either an attribute or a property Passed in 0.006s

attributes and properties will pass string data as either an attribute or a property Passed in 0.009s

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

advanced support

attributes and properties will pass array data as a property Passed in 0.011s

attributes and properties will pass object data as a property Passed in 0.023s

attributes and properties will pass object data to a camelCase-named property Passed in 0.018s

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

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

events can declaratively listen to a camelCase DOM event dispatched by a Custom Element Passed in 0.013s

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

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

no children
can display a Custom Element with no children

Passed in 0.04s

with children
can display a Custom Element with children in a Shadow Root

Passed in 0.003s

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

Passed in 1.048s

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

Passed in 0.071s

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.017s

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

attributes and properties
will pass array data as a property

Passed in 0.01s

attributes and properties
will pass object data as a property

Passed in 0.005s

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.014s

events
can declaratively listen to a kebab-case DOM event dispatched by a Custom Element

Passed in 0.011s

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

Passed in 0.036s

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

Passed in 0.018s

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

Passed in 0.019s

no children
can display a Custom Element with no children

Passed in 0.135s

with children
can display a Custom Element with children in a Shadow Root

Passed in 0.008s

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

Passed in 1.013s

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

Passed in 0.07s

attributes and properties
will pass boolean data as either an attribute or a property

Passed in 0.029s

attributes and properties
will pass numeric data as either an attribute or a property

Passed in 0.006s

attributes and properties
will pass string data as either an attribute or a property

Passed in 0.009s

events
can imperatively listen to a DOM event dispatched by a Custom Element

Passed in 0.021s

attributes and properties
will pass array data as a property

Passed in 0.011s

attributes and properties
will pass object data as a property

Passed in 0.023s

attributes and properties
will pass object data to a camelCase-named property

Passed in 0.018s

events
can declaratively listen to a lowercase DOM event dispatched by a Custom Element

Passed in 0.019s

events
can declaratively listen to a kebab-case DOM event dispatched by a Custom Element

Passed in 0.018s

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

Passed in 0.013s

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

Passed in 0.012s

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

Passed in 0.01s