React + Custom Elements

Version: 18.2.0
Browser: Chrome Headless 108.0.5359.98 (Linux x86_64)
Timestamp: 1/5/2023, 2:14:53 PM

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

basic support

no children

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

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

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

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

events

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

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: 1/5/2023, 2:15:00 PM

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

basic support

no children

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

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

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

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

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