Lit Element + Custom Elements

Version: 3.0.0

Browser: Chrome Headless 126.0.6478.126 (Linux x86_64)

Timestamp: 7/13/2024, 12:28:57 AM

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

System output:
Chrome Headless 126.0.6478.126 (Linux x86_64) WARN: 'Lit is in dev mode. Not recommended for production! See https://lit.dev/msg/dev-mode for more information.'
Chrome Headless 126.0.6478.126 (Linux x86_64) WARN: 'Element component-with-children-rerender scheduled an update (generally because a property was set) after an update completed, causing a new update to be scheduled. This is inefficient and should be avoided unless the next update can only be scheduled as a side effect of the previous update. See https://lit.dev/msg/change-in-update for more information.'

Version: 3.0.0

Browser: FirefoxHeadless

Timestamp: 7/13/2024, 12:29:08 AM

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

System output:
FirefoxHeadless WARN: 'Lit is in dev mode. Not recommended for production! See https://lit.dev/msg/dev-mode for more information.'
FirefoxHeadless WARN: 'Element component-with-children-rerender scheduled an update (generally because a property was set) after an update completed, causing a new update to be scheduled. This is inefficient and should be avoided unless the next update can only be scheduled as a side effect of the previous update. See https://lit.dev/msg/change-in-update for more information.'

Lit Element + Custom Elements

basic support

no children
can display a Custom Element with no children

Passed in 0.016s

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

Passed in 0.002s

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

Passed in 0.004s

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

Passed in 0.011s

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

Passed in 0s

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 0s

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

Passed in 0.002s

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

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

Passed in 0.001s

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

Passed in 0s

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

Passed in 0.001s

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

Passed in 0.001s

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

Passed in 0s

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

Passed in 0s

basic support

no children
can display a Custom Element with no children

Passed in 0.035s

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

Passed in 0.009s

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

Passed in 0.003s

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

Passed in 0.014s

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

Passed in 0s

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

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

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 0s

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

Passed in 0s

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

Passed in 0s

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

Passed in 0.001s

Lit Element + Custom Elements

basic support

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

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

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

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

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

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 0s

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

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

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

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

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

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

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

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

basic support

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

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

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

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

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

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

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

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 0s

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

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

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

no children
can display a Custom Element with no children

Passed in 0.016s

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

Passed in 0.002s

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

Passed in 0.004s

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

Passed in 0.011s

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

Passed in 0s

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 0s

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

Passed in 0.002s

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

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

Passed in 0.001s

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

Passed in 0s

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

Passed in 0.001s

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

Passed in 0.001s

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

Passed in 0s

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

Passed in 0s

no children
can display a Custom Element with no children

Passed in 0.035s

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

Passed in 0.009s

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

Passed in 0.003s

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

Passed in 0.014s

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

Passed in 0s

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

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

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 0s

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

Passed in 0s

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

Passed in 0s

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

Passed in 0.001s