React + Custom Elements

Version: 18.2.0
Browser: Chrome Headless 112.0.5615.165 (Linux x86_64)
Timestamp: 5/4/2023, 11:39:42 PM

15 tests / 0 errors / 7 failures / 0 skipped / runtime: 0.091s

basic support

no children

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

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

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

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

advanced support

attributes and properties

will pass array data as a property
Failed

AssertionError: expected undefined to deeply equal [ 'R', 'e', 'a', 'c', 't' ]
at Context.eval (webpack:///./src/advanced-tests.js?:71:61)

attributes and properties

will pass object data as a property
Failed

AssertionError: expected undefined to deeply equal { org: 'facebook', repo: 'react' }
at Context.eval (webpack:///./src/advanced-tests.js?:83:61)

events

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

AssertionError: expected 'false' to deeply equal 'true'
at Context.eval (webpack:///./src/advanced-tests.js?:104:76)

events

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

AssertionError: expected 'false' to deeply equal 'true'
at Context.eval (webpack:///./src/advanced-tests.js?:120:76)

events

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

AssertionError: expected 'false' to deeply equal 'true'
at Context.eval (webpack:///./src/advanced-tests.js?:136:76)

events

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

AssertionError: expected 'false' to deeply equal 'true'
at Context.eval (webpack:///./src/advanced-tests.js?:152:76)

events

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

AssertionError: expected 'false' to deeply equal 'true'
at Context.eval (webpack:///./src/advanced-tests.js?:168:76)

Version: 18.2.0
Browser: FirefoxHeadless
Timestamp: 5/4/2023, 11:39:46 PM

15 tests / 0 errors / 7 failures / 0 skipped / runtime: 0.188s

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

with children

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

with children

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

attributes and properties

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

attributes and properties

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

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

advanced support

attributes and properties

will pass array data as a property
Failed

expected undefined to deeply equal [ 'R', 'e', 'a', 'c', 't' ]
AssertionError@webpack:///./node_modules/assertion-error/index.js?:74:13
module.exports/Assertion.prototype.assert@webpack:///./node_modules/chai/lib/chai/assertion.js?:152:13
assertEql@webpack:///./node_modules/chai/lib/chai/core/assertions.js?:1096:10
methodWrapper@webpack:///./node_modules/chai/lib/chai/utils/addMethod.js?:57:25
@webpack:///./src/advanced-tests.js?:71:61

attributes and properties

will pass object data as a property
Failed

expected undefined to deeply equal { org: 'facebook', repo: 'react' }
AssertionError@webpack:///./node_modules/assertion-error/index.js?:74:13
module.exports/Assertion.prototype.assert@webpack:///./node_modules/chai/lib/chai/assertion.js?:152:13
assertEql@webpack:///./node_modules/chai/lib/chai/core/assertions.js?:1096:10
methodWrapper@webpack:///./node_modules/chai/lib/chai/utils/addMethod.js?:57:25
@webpack:///./src/advanced-tests.js?:83:61

events

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

expected 'false' to deeply equal 'true'
AssertionError@webpack:///./node_modules/assertion-error/index.js?:74:13
module.exports/Assertion.prototype.assert@webpack:///./node_modules/chai/lib/chai/assertion.js?:152:13
assertEql@webpack:///./node_modules/chai/lib/chai/core/assertions.js?:1096:10
methodWrapper@webpack:///./node_modules/chai/lib/chai/utils/addMethod.js?:57:25
@webpack:///./src/advanced-tests.js?:104:76

events

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

expected 'false' to deeply equal 'true'
AssertionError@webpack:///./node_modules/assertion-error/index.js?:74:13
module.exports/Assertion.prototype.assert@webpack:///./node_modules/chai/lib/chai/assertion.js?:152:13
assertEql@webpack:///./node_modules/chai/lib/chai/core/assertions.js?:1096:10
methodWrapper@webpack:///./node_modules/chai/lib/chai/utils/addMethod.js?:57:25
@webpack:///./src/advanced-tests.js?:120:76

events

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

expected 'false' to deeply equal 'true'
AssertionError@webpack:///./node_modules/assertion-error/index.js?:74:13
module.exports/Assertion.prototype.assert@webpack:///./node_modules/chai/lib/chai/assertion.js?:152:13
assertEql@webpack:///./node_modules/chai/lib/chai/core/assertions.js?:1096:10
methodWrapper@webpack:///./node_modules/chai/lib/chai/utils/addMethod.js?:57:25
@webpack:///./src/advanced-tests.js?:136:76

events

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

expected 'false' to deeply equal 'true'
AssertionError@webpack:///./node_modules/assertion-error/index.js?:74:13
module.exports/Assertion.prototype.assert@webpack:///./node_modules/chai/lib/chai/assertion.js?:152:13
assertEql@webpack:///./node_modules/chai/lib/chai/core/assertions.js?:1096:10
methodWrapper@webpack:///./node_modules/chai/lib/chai/utils/addMethod.js?:57:25
@webpack:///./src/advanced-tests.js?:152:76

events

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

expected 'false' to deeply equal 'true'
AssertionError@webpack:///./node_modules/assertion-error/index.js?:74:13
module.exports/Assertion.prototype.assert@webpack:///./node_modules/chai/lib/chai/assertion.js?:152:13
assertEql@webpack:///./node_modules/chai/lib/chai/core/assertions.js?:1096:10
methodWrapper@webpack:///./node_modules/chai/lib/chai/utils/addMethod.js?:57:25
@webpack:///./src/advanced-tests.js?:168:76