v-model.spec.js 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. import { compile } from '../../../packages/weex-template-compiler'
  2. import { strToRegExp } from '../helpers/index'
  3. describe('compile v-model', () => {
  4. it('should compile modelable native component', () => {
  5. const { render, staticRenderFns, errors } = compile(`<div><input v-model="x" /></div>`)
  6. expect(render).not.toBeUndefined()
  7. expect(render).toMatch(strToRegExp(`attrs:{"value":(x)}`))
  8. expect(render).toMatch(strToRegExp(`on:{"input":function($event){x=$event.target.attr.value}}`))
  9. expect(staticRenderFns).toEqual([])
  10. expect(errors).toEqual([])
  11. })
  12. it('should compile other component with whole $event as the value', () => {
  13. const { render, staticRenderFns, errors } = compile(`<div><foo v-model="x" /></div>`)
  14. expect(render).not.toBeUndefined()
  15. expect(render).toMatch(strToRegExp(`model:{value:(x),callback:function ($$v) {x=$$v},expression:"x"}`))
  16. expect(staticRenderFns).toEqual([])
  17. expect(errors).toEqual([])
  18. })
  19. it('should compile with trim modifier for modelable native component', () => {
  20. const { render, staticRenderFns, errors } = compile(`<div><input v-model.trim="x" /></div>`)
  21. expect(render).not.toBeUndefined()
  22. expect(render).toMatch(strToRegExp(`attrs:{"value":(x)}`))
  23. expect(render).toMatch(strToRegExp(`on:{"input":function($event){x=$event.target.attr.value.trim()}}`))
  24. expect(staticRenderFns).toEqual([])
  25. expect(errors).toEqual([])
  26. })
  27. it('should compile with trim & lazy modifier', () => {
  28. const { render, staticRenderFns, errors } = compile(`<div><input v-model.trim.lazy="x" /><input v-model.lazy.trim="y" /></div>`)
  29. expect(render).not.toBeUndefined()
  30. expect(render).toMatch(strToRegExp(`attrs:{"value":(x)}`))
  31. expect(render).toMatch(strToRegExp(`attrs:{"value":(y)}`))
  32. expect(render).toMatch(strToRegExp(`on:{"change":function($event){x=$event.target.attr.value.trim()}}`))
  33. expect(render).toMatch(strToRegExp(`on:{"change":function($event){y=$event.target.attr.value.trim()}}`))
  34. expect(staticRenderFns).toEqual([])
  35. expect(errors).toEqual([])
  36. })
  37. })