React + Custom Elements

Version: 18.2.0
Browser: Chrome Headless 122.0.6261.69 (Linux x86_64)
Timestamp: 2/29/2024, 5:52:28 PM

16 tests / 0 errors / 8 failures / 0 skipped / runtime: 0.15s

basic support

no children

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

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

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

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

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)

attributes and properties

will pass object data to a camelCase-named property
Failed

AssertionError: expected undefined to deeply equal { label: 'passed' }
at Context.eval (webpack:///./src/advanced-tests.js?:98: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?:118: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?:134: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?:150: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?:166: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?:182:76)

Version: 18.2.0
Browser: FirefoxHeadless
Timestamp: 2/29/2024, 5:52:35 PM

16 tests / 0 errors / 8 failures / 0 skipped / runtime: 0.145s

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

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

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

attributes and properties

will pass object data to a camelCase-named property
Failed

expected undefined to deeply equal { label: 'passed' }
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?:98: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?:118: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?:134: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?:150: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?:166: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?:182:76