Vue + Custom Elements

Version: ^3.2.38
Browser: Chrome Headless 138.0.0.0 (Linux x86_64)
Timestamp: 8/10/2025, 5:06:37 PM

16 tests / 0 errors / 0 failures / 0 skipped / runtime: 0.08s

basic support

no children

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

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

with children

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

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

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

attributes and properties

will pass object data to a camelCase-named property
Passed in 0.002s

events

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

events

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

events

can declaratively listen to a camelCase DOM event dispatched by a Custom Element
Passed in 0.003s

events

can declaratively listen to a CAPScase DOM event dispatched by a Custom Element
Passed in 0.006s

events

can declaratively listen to a PascalCase DOM event dispatched by a Custom Element
Passed in 0.001s

System output:
Chrome Headless 138.0.0.0 (Linux x86_64) WARN: 'Feature flags __VUE_OPTIONS_API__, __VUE_PROD_DEVTOOLS__, __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ 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.2.38
Browser: FirefoxHeadless
Timestamp: 8/10/2025, 5:06:42 PM

16 tests / 0 errors / 0 failures / 0 skipped / runtime: 0.249s

basic support

no children

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

with children

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

with children

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

with children

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

attributes and properties

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

attributes and properties

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

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

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

attributes and properties

will pass object data to a camelCase-named property
Passed in 0s

events

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

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
Passed in 0.002s

events

can declaratively listen to a CAPScase DOM event dispatched by a Custom Element
Passed in 0.005s

events

can declaratively listen to a PascalCase DOM event dispatched by a Custom Element
Passed in 0.002s

System output:
FirefoxHeadless WARN: 'Feature flags __VUE_OPTIONS_API__, __VUE_PROD_DEVTOOLS__, __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ 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.'