Vue + Custom Elements

Version: ^3.1.0
Browser: Chrome Headless 108.0.5359.98 (Linux x86_64)
Timestamp: 1/5/2023, 2:15:21 PM

15 tests / 0 errors / 3 failures / 0 skipped / runtime: 0.092s

basic support

no children

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

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

with children

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

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

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

events

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

events

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

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?:102: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?:114: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?:126:76)

System output:
Chrome Headless 108.0.5359.98 (Linux x86_64) WARN: 'Feature flags __VUE_OPTIONS_API__, __VUE_PROD_DEVTOOLS__ are not explicitly defined. You are running the esm-bundler build of Vue, which expects these compile-time feature flags to be globally injected via the bundler config in order to get better tree-shaking in the production bundle. For more details, see https://link.vuejs.org/feature-flags.'
Version: ^3.1.0
Browser: FirefoxHeadless
Timestamp: 1/5/2023, 2:15:25 PM

15 tests / 0 errors / 3 failures / 0 skipped / runtime: 0.195s

basic support

no children

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

with children

can display a Custom Element with children in a Shadow Root
Passed in 0.006s

with children

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

with children

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

attributes and properties

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

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

advanced support

attributes and properties

will pass array data as a property
Passed in 0.004s

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

events

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

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?:102: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?:114: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?:126:76

System output:
FirefoxHeadless WARN: 'Feature flags __VUE_OPTIONS_API__, __VUE_PROD_DEVTOOLS__ are not explicitly defined. You are running the esm-bundler build of Vue, which expects these compile-time feature flags to be globally injected via the bundler config in order to get better tree-shaking in the production bundle. For more details, see https://link.vuejs.org/feature-flags.'