compiler-options.spec.ts — vue Source File

Source Code

import Vue from 'vue'
import { compile } from 'web/compiler'
import { getAndRemoveAttr } from 'compiler/helpers'

describe('compile options', () => {
  it('should be compiled', () => {
    const { render, staticRenderFns, errors } = compile(
      `
      <div>
        <input type="text" v-model="msg" required max="8" v-validate:field1.group1.group2>
      </div>
    `,
      {
        directives: {
          validate(el, dir) {
            if (dir.name === 'validate' && dir.arg) {
              el.validate = {
                field: dir.arg,
                groups: dir.modifiers ? Object.keys(dir.modifiers) : []
              }
            }
          }
        },
        modules: [
          {
            transformNode(el) {
              el.validators = el.validators || []
              const validators = [
                'required',
                'min',
                'max',
                'pattern',
                'maxlength',
                'minlength'
              ]
              validators.forEach(name => {
                const rule = getAndRemoveAttr(el, name)
                if (rule !== undefined) {
                  el.validators.push({ name, rule })
                }
              })
            },
            genData(el) {
              let data = ''
              if (el.validate) {
                data += `validate:${JSON.stringify(el.validate)},`
              }
              if (el.validators) {
                data += `validators:${JSON.stringify(el.validators)},`
              }
              return data
            },
            transformCode(el, code) {
              // check
              if (!el.validate || !el.validators) {
                return code
              }
              // setup validation result props
              const result = { dirty: false } // define something other prop
              el.validators.forEach(validator => {
// ... (111 more lines)