const compiler = require('../lib') function assertCodegen (template, generatedCode, ...args) { const compiled = compiler.compile(template, { mp: { platform: 'app-plus' }, service: true }) expect(compiled.render).toBe(generatedCode) } /* eslint-disable quotes */ describe('codegen', () => { it('generate directive', () => { assertCodegen( '
', `with(this){return _c('p',{extras:{"v-custom1":value1},attrs:{"_i":0}})}` ) // extra assertCodegen( '', `with(this){return _c('p',{extras:{"v-custom1":value1,"v-custom1-arg":arg1},attrs:{"_i":0}})}` ) }) it('generate filters', () => { assertCodegen( 'hello
', `with(this){return (_$i(0,show))?_c('p'):_e()}` ) }) it('generate v-else directive', () => { assertCodegen( 'hello
world
hello
world
hello
world
bye
hello
world
elseif
bye
{{hello}}
hello world
', `with(this){return _c('p',{slot:"one"})}` ) }) it('generate scoped slot', () => { assertCodegen( 'hello world
', `with(this){return _c('p')}` ) // dynamic assertCodegen( 'hello world
', `with(this){return _c('p',{extras:{c:class1},attrs:{"_i":0}})}` ) }) it('generate style binding', () => { assertCodegen( 'hello world
', `with(this){return _c('p',{extras:{s:error},attrs:{"_i":0}})}` ) }) it('generate v-show directive', () => { assertCodegen( 'hello world
', `with(this){return _c('p',{extras:{"v-show":shown},attrs:{"_i":0}})}` ) }) it('generate DOM props with v-bind directive', () => { // input + value assertCodegen( '', `with(this){return _c('input',{attrs:{"value":msg,"_i":0}})}` ) // non input assertCodegen( '', `with(this){return _c('p',{attrs:{"value":msg,"_i":0}})}` ) }) it('generate attrs with v-bind directive', () => { assertCodegen( '', `with(this){return _c('input',{attrs:{"name":field1,"_i":0}})}` ) }) it('generate static attrs', () => { assertCodegen( '', `with(this){return _c('input')}` ) }) it('generate events with v-on directive', () => { assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":onInput}})}` ) }) it('generate events with method call', () => { assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function($event){return onInput($event);}}})}` ) // empty arguments assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function($event){return onInput();}}})}` ) // without semicolon assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function($event){return onInput($event)}}})}` ) // multiple args assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function($event){return onInput($event, 'abc', 5);}}})}` ) // expression in args assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function($event){return onInput($event, 2+2);}}})}` ) // tricky symbols in args assertCodegen( ``, `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function($event){onInput(');[\\'());');}}})}` ) // function name including a `function` part (#9920) // 2.6.10 暂未修复此 bug // assertCodegen( // '', // `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function($event){return functionName()}}})}` // ) }) it('generate events with multiple statements', () => { // normal function assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function($event){onInput1();onInput2()}}})}` ) // function with multiple args assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function($event){onInput1($event, 'text');onInput2('text2', $event)}}})}` ) }) it('generate events with keycode', () => { assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function($event){if(!$event.type.indexOf('key')&&_k($event.keyCode,"enter",13,$event.key,"Enter"))return null;return onInput($event)}}})}` ) // multiple keycodes (delete) assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function($event){if(!$event.type.indexOf('key')&&_k($event.keyCode,"delete",[8,46],$event.key,["Backspace","Delete","Del"]))return null;return onInput($event)}}})}` ) // multiple keycodes (esc) assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function($event){if(!$event.type.indexOf('key')&&_k($event.keyCode,"esc",27,$event.key,["Esc","Escape"]))return null;return onInput($event)}}})}` ) // multiple keycodes (space) assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function($event){if(!$event.type.indexOf('key')&&_k($event.keyCode,"space",32,$event.key,[" ","Spacebar"]))return null;return onInput($event)}}})}` ) // multiple keycodes (chained) assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_k($event.keyCode,"enter",13,$event.key,"Enter")&&_k($event.keyCode,"delete",[8,46],$event.key,["Backspace","Delete","Del"]))return null;return onInput($event)}}})}` ) // number keycode assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function($event){if(!$event.type.indexOf('key')&&$event.keyCode!==13)return null;return onInput($event)}}})}` ) // custom keycode assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function($event){if(!$event.type.indexOf('key')&&_k($event.keyCode,"custom",undefined,$event.key,undefined))return null;return onInput($event)}}})}` ) }) it('generate events with generic modifiers', () => { assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function($event){$event.stopPropagation();return onInput($event)}}})}` ) assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function($event){$event.preventDefault();return onInput($event)}}})}` ) assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function($event){if($event.target !== $event.currentTarget)return null;return onInput($event)}}})}` ) }) // GitHub Issues #5146 it('generate events with generic modifiers and keycode correct order', () => { assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_k($event.keyCode,"enter",13,$event.key,"Enter"))return null;$event.preventDefault();return onInput($event)}}})}` ) assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"keydown":function($event){if(!$event.type.indexOf('key')&&_k($event.keyCode,"enter",13,$event.key,"Enter"))return null;$event.stopPropagation();return onInput($event)}}})}` ) }) it('generate events with mouse event modifiers', () => { assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"click":function($event){if(!$event.ctrlKey)return null;return onClick($event)}}})}` ) assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"click":function($event){if(!$event.shiftKey)return null;return onClick($event)}}})}` ) assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"click":function($event){if(!$event.altKey)return null;return onClick($event)}}})}` ) assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"click":function($event){if(!$event.metaKey)return null;return onClick($event)}}})}` ) assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"click":function($event){if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey)return null;return onClick($event)}}})}` ) assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"click":function($event){if(!$event.ctrlKey)return null;if($event.shiftKey||$event.altKey||$event.metaKey)return null;return onClick($event)}}})}` ) }) it('generate events with multiple modifiers', () => { assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function($event){$event.stopPropagation();$event.preventDefault();if($event.target !== $event.currentTarget)return null;return onInput($event)}}})}` ) }) it('generate events with capture modifier', () => { assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"!input":function($event){return onInput($event)}}})}` ) }) it('generate events with once modifier', () => { assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"~input":function($event){return onInput($event)}}})}` ) }) it('generate events with capture and once modifier', () => { assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"~!input":function($event){return onInput($event)}}})}` ) }) it('generate events with once and capture modifier', () => { assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"~!input":function($event){return onInput($event)}}})}` ) }) it('generate events with inline statement', () => { assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function($event){current++}}})}` ) }) it('generate events with inline function expression', () => { // normal function assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function () { current++ }}})}` ) // normal named function assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function fn () { current++ }}})}` ) // arrow with no args assertCodegen( 'current++">', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":()=>current++}})}` ) // arrow with parens, single arg assertCodegen( ' current++">', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":(e) => current++}})}` ) // arrow with parens, multi args assertCodegen( ' current++">', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":(a, b, c) => current++}})}` ) // arrow with destructuring assertCodegen( ' current++">', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":({ a, b }) => current++}})}` ) // arrow single arg no parens assertCodegen( 'current++">', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":e=>current++}})}` ) // with modifiers assertCodegen( `current++">`, `with(this){return _c('input',{attrs:{"_i":0},on:{"keyup":function($event){if(!$event.type.indexOf('key')&&_k($event.keyCode,"enter",13,$event.key,"Enter"))return null;return (e=>current++)($event)}}})}` ) }) // #3893 it('should not treat handler with unexpected whitespace as inline statement', () => { assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":onInput}})}` ) }) it('generate unhandled events', () => { assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":function($event){current++}}})}`, ast => { ast.events.input = undefined } ) }) it('generate multiple event handlers', () => { assertCodegen( '', `with(this){return _c('input',{attrs:{"_i":0},on:{"input":[function($event){current++},function($event){$event.stopPropagation();return onInput($event)}]}})}` ) }) it('generate component', () => { assertCodegen( 'hello world
{{msg}}
{{msg}}
hello world
', `with(this){return (_$i(0,show))?_c('p'):_e()}`, { // isReservedTag } ) }) // #9142 it('should compile single v-for component inside template', () => { assertCodegen( `