Vue + Custom Elements

Browser: HeadlessChrome 0.0.0 (Mac OS X 10.12.6)
Timestamp: 9/7/2017, 2:25:50 PM

15 tests / 0 errors / 0 failures / 0 skipped / runtime: 0.481s

no children

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

with children

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

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

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

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

will pass string data as either an attribute or a property
Passed in 0.001s

will pass array data as a property
Passed in 0.002s

will pass object data as a property
Passed in 0.001s

events

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

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

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

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

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

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

System output:
HeadlessChrome 0.0.0 (Mac OS X 10.12.6) INFO: 'Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools'
HeadlessChrome 0.0.0 (Mac OS X 10.12.6) INFO: 'You are running Vue in development mode. Make sure to turn on production mode when deploying for production. See more tips at https://vuejs.org/guide/deployment.html'
Browser: Firefox 55.0.0 (Mac OS X 10.12.0)
Timestamp: 9/7/2017, 2:26:03 PM

15 tests / 0 errors / 0 failures / 0 skipped / runtime: 0.365s

no children

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

with children

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

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

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

attributes and properties

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

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

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

will pass array data as a property
Passed in 0.008s

will pass object data as a property
Passed in 0.005s

events

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

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

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

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

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

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

System output:
Firefox 55.0.0 (Mac OS X 10.12.0) INFO: 'You are running Vue in development mode. Make sure to turn on production mode when deploying for production. See more tips at https://vuejs.org/guide/deployment.html'