Vue + Custom Elements

Browser: Chrome Headless 103.0.5060.114 (Linux x86_64)
Timestamp: 7/21/2022, 8:42:47 PM

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

basic support

no children

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

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

with children

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

attributes and properties

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

attributes and properties

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

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

advanced support

attributes and properties

will pass array data as a property
Passed in 0.003s

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

events

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

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 103.0.5060.114 (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.'
Browser: FirefoxHeadless
Timestamp: 7/21/2022, 8:43:07 PM

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

basic support

no children

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

with children

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

with children

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

with children

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

attributes and properties

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

attributes and properties

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

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

advanced support

attributes and properties

will pass array data as a property
Passed in 0.02s

attributes and properties

will pass object data as a property
Passed in 0.011s

events

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

events

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

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