React + Custom Elements

Browser: Chrome Headless 96.0.4664.110 (Linux x86_64)
Timestamp: 1/6/2022, 11:25:52 PM

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

basic support

no children

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

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

with children

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

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

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

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

events

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

System output:
Chrome Headless 96.0.4664.110 (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 96.0.4664.110 (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 96.0.4664.110 (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 96.0.4664.110 (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 96.0.4664.110 (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 96.0.4664.110 (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 96.0.4664.110 (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 96.0.4664.110 (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 96.0.4664.110 (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 96.0.4664.110 (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 96.0.4664.110 (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 96.0.4664.110 (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 96.0.4664.110 (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 96.0.4664.110 (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 96.0.4664.110 (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: 1/6/2022, 11:25:54 PM

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

basic support

no children

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

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

with children

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

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

events

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

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

events

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

events

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

events

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

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

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'