test coverage for mixed usage warning

This commit is contained in:
Evan You 2015-11-04 22:43:46 -05:00
parent 3d17807c8e
commit d40b51b4c1
2 changed files with 12 additions and 1 deletions

View File

@ -621,7 +621,7 @@ function compileDirectives (attrs, options) {
return attr.name === ':class' || attr.name === 'v-bind:class'
})) {
_.warn(
name + '="' + rawValue + '": Do not mix mustache interpolation ' +
'class="' + rawValue + '": Do not mix mustache interpolation ' +
'and v-bind for "class" on the same element. Use one or the other.'
)
}

View File

@ -517,6 +517,17 @@ if (_.inBrowser) {
expect(hasWarned(_, 'attribute interpolation is not allowed in Vue.js directives')).toBe(true)
})
it('attribute interpolation: warn mixed usage with v-bind', function () {
new Vue({
el: el,
template: '<div class="{{a}}" :class="bcd"></div>',
data: {
a: 'hi'
}
})
expect(hasWarned(_, 'Do not mix mustache interpolation and v-bind')).toBe(true)
})
it('warn directives on fragment instances', function () {
new Vue({
el: el,