added test cases for v-model in weex

test/weex/compiler/v-model.spec.js

@@ -0,0 +1,56 @@
+import { compile } from '../../../packages/weex-template-compiler'
+import { strToRegExp } from '../helpers/index'
+
+describe('compile v-model', () => {
+  it('should compile modelable native component', () => {
+    const { render, staticRenderFns, errors } = compile(`<div><input v-model="x" /></div>`)
+    expect(render).not.toBeUndefined()
+    expect(render).toMatch(strToRegExp('attrs:{"value":(x)}'))
+    expect(render).toMatch(strToRegExp('on:{"input":function($event){x=$event.target.attr.value}}'))
+    expect(staticRenderFns).toEqual([])
+    expect(errors).toEqual([])
+  })
+
+  it('should compile into render functions without runtime model directive', () => {
+  })
+
+  it('should compile other component with whole $event as the value', () => {
+    const { render, staticRenderFns, errors } = compile(`<div><foo v-model="x" /></div>`)
+    expect(render).not.toBeUndefined()
+    expect(render).toMatch(strToRegExp('attrs:{"value":(x)}'))
+    expect(render).toMatch(strToRegExp('on:{"input":function($event){x=$event}}'))
+    expect(staticRenderFns).toEqual([])
+    expect(errors).toEqual([])
+  })
+
+  it('should compile with lazy modifier', () => {
+    const { render, staticRenderFns, errors } = compile(`<div><foo v-model.lazy="x" /></div>`)
+    expect(render).not.toBeUndefined()
+    expect(render).toMatch(strToRegExp('attrs:{"value":(x)}'))
+    expect(render).toMatch(strToRegExp('on:{"change":function($event){x=$event}}'))
+    expect(staticRenderFns).toEqual([])
+    expect(errors).toEqual([])
+  })
+
+  it('should compile with trim modifier for modelable native component', () => {
+    const { render, staticRenderFns, errors } = compile(`<div><input v-model.trim="x" /><foo v-model.trim="y" /></div>`)
+    expect(render).not.toBeUndefined()
+    expect(render).toMatch(strToRegExp('attrs:{"value":(x)}'))
+    expect(render).toMatch(strToRegExp('attrs:{"value":(y)}'))
+    expect(render).toMatch(strToRegExp('on:{"input":function($event){x=$event.target.attr.value.trim()}}'))
+    expect(render).toMatch(strToRegExp('on:{"input":function($event){y=$event}}'))
+    expect(staticRenderFns).toEqual([])
+    expect(errors).toEqual([])
+  })
+
+  it('should compile with trim & lazy modifier', () => {
+    const { render, staticRenderFns, errors } = compile(`<div><input v-model.trim.lazy="x" /><input v-model.lazy.trim="y" /></div>`)
+    expect(render).not.toBeUndefined()
+    expect(render).toMatch(strToRegExp('attrs:{"value":(x)}'))
+    expect(render).toMatch(strToRegExp('attrs:{"value":(y)}'))
+    expect(render).toMatch(strToRegExp('on:{"change":function($event){x=$event.target.attr.value.trim()}}'))
+    expect(render).toMatch(strToRegExp('on:{"change":function($event){y=$event.target.attr.value.trim()}}'))
+    expect(staticRenderFns).toEqual([])
+    expect(errors).toEqual([])
+  })
+})

test/weex/helpers/index.js

@@ -3,6 +3,12 @@ import { compile } from '../../../packages/weex-template-compiler'
 import { Runtime, Instance } from 'weex-vdom-tester'
 import { config } from 'weex-js-runtime'
 
+// http://stackoverflow.com/a/35478115
+const matchOperatorsRe = /[|\\{}()[\]^$+*?.]/g
+export function strToRegExp(str) {
+  return new RegExp(str.replace(matchOperatorsRe, '\\$&'))
+}
+
 export function compileAndStringify (template) {
   const { render, staticRenderFns } = compile(template)
   return {