React + Custom Elements

Browser: Chrome Headless 100.0.4896.75 (Linux x86_64)

Timestamp: 4/12/2022, 11:33:32 PM

15 tests / 0 errors / 0 failures / 0 skipped / runtime: 0.074s

System output:
Chrome Headless 100.0.4896.75 (Linux x86_64) ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
Chrome Headless 100.0.4896.75 (Linux x86_64) ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
Chrome Headless 100.0.4896.75 (Linux x86_64) ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
Chrome Headless 100.0.4896.75 (Linux x86_64) ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
Chrome Headless 100.0.4896.75 (Linux x86_64) ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
Chrome Headless 100.0.4896.75 (Linux x86_64) ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
Chrome Headless 100.0.4896.75 (Linux x86_64) ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
Chrome Headless 100.0.4896.75 (Linux x86_64) ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
Chrome Headless 100.0.4896.75 (Linux x86_64) ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
Chrome Headless 100.0.4896.75 (Linux x86_64) ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
Chrome Headless 100.0.4896.75 (Linux x86_64) ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
Chrome Headless 100.0.4896.75 (Linux x86_64) ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
Chrome Headless 100.0.4896.75 (Linux x86_64) ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
Chrome Headless 100.0.4896.75 (Linux x86_64) ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
Chrome Headless 100.0.4896.75 (Linux x86_64) ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'

Browser: FirefoxHeadless

Timestamp: 4/12/2022, 11:33:34 PM

15 tests / 0 errors / 0 failures / 0 skipped / runtime: 0.136s

System output:
FirefoxHeadless ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
FirefoxHeadless ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
FirefoxHeadless ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
FirefoxHeadless ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
FirefoxHeadless ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
FirefoxHeadless ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
FirefoxHeadless ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
FirefoxHeadless ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
FirefoxHeadless ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
FirefoxHeadless ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
FirefoxHeadless ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
FirefoxHeadless ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
FirefoxHeadless ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
FirefoxHeadless ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'
FirefoxHeadless ERROR: 'Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot'

React + Custom Elements

basic support

no children
can display a Custom Element with no children

Passed in 0.022s

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

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

Passed in 0.004s

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

Passed in 0.002s

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

Passed in 0.002s

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

advanced support

attributes and properties
will pass array data as a property

Passed in 0.002s

attributes and properties
will pass object data as a property

Passed in 0.002s

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

Passed in 0.008s

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

Passed in 0.006s

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

basic support

no children
can display a Custom Element with no children

Passed in 0.039s

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

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

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

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

attributes and properties
will pass object data as a property

Passed in 0.001s

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

Passed in 0.01s

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

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

Passed in 0.004s

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

Passed in 0.011s

React + Custom Elements

basic support

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

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

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

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

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

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

advanced support

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

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

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

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

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

basic support

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

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

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

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

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

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

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

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

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

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

no children
can display a Custom Element with no children

Passed in 0.022s

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

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

Passed in 0.004s

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

Passed in 0.002s

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

Passed in 0.002s

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

attributes and properties
will pass array data as a property

Passed in 0.002s

attributes and properties
will pass object data as a property

Passed in 0.002s

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

Passed in 0.008s

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

Passed in 0.006s

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

no children
can display a Custom Element with no children

Passed in 0.039s

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

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

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

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

attributes and properties
will pass object data as a property

Passed in 0.001s

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

Passed in 0.01s

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

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

Passed in 0.004s

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

Passed in 0.011s