// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`attributes class and t-attf-class with ternary operation 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    var _1 = 'hello ' + (scope['value']?'world':'');
    let c2 = [], p2 = {key:2,attrs:{class: _1}};
    var vn2 = h('div', p2, c2);
    return vn2;
}"
`;

exports[`attributes dynamic attribute falsy variable  1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    var _1 = scope['value'];
    let c2 = [], p2 = {key:2,attrs:{foo: _1}};
    var vn2 = h('div', p2, c2);
    return vn2;
}"
`;

exports[`attributes dynamic attribute with a dash 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    var _1 = scope['id'];
    let c2 = [], p2 = {key:2,attrs:{\\"data-action-id\\": _1}};
    var vn2 = h('div', p2, c2);
    return vn2;
}"
`;

exports[`attributes dynamic attributes 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    var _1 = 'bar';
    let c2 = [], p2 = {key:2,attrs:{foo: _1}};
    var vn2 = h('div', p2, c2);
    return vn2;
}"
`;

exports[`attributes dynamic class attribute 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let _1 = utils.toObj(scope['c']);
    let c2 = [], p2 = {key:2,class:_1};
    var vn2 = h('div', p2, c2);
    return vn2;
}"
`;

exports[`attributes dynamic empty class attribute 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let _1 = utils.toObj(scope['c']);
    let c2 = [], p2 = {key:2,class:_1};
    var vn2 = h('div', p2, c2);
    return vn2;
}"
`;

exports[`attributes dynamic formatted attributes with a dash 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    var _1 = \`Some text \${scope['id']}\`;
    let c2 = [], p2 = {key:2,attrs:{\\"aria-label\\": _1}};
    var vn2 = h('div', p2, c2);
    return vn2;
}"
`;

exports[`attributes fixed variable 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    var _1 = scope['value'];
    let c2 = [], p2 = {key:2,attrs:{foo: _1}};
    var vn2 = h('div', p2, c2);
    return vn2;
}"
`;

exports[`attributes format expression 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    var _1 = (scope['value']+37);
    let c2 = [], p2 = {key:2,attrs:{foo: _1}};
    var vn2 = h('div', p2, c2);
    return vn2;
}"
`;

exports[`attributes format expression, other format 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    var _1 = (scope['value']+37);
    let c2 = [], p2 = {key:2,attrs:{foo: _1}};
    var vn2 = h('div', p2, c2);
    return vn2;
}"
`;

exports[`attributes format literal 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    var _1 = \`bar\`;
    let c2 = [], p2 = {key:2,attrs:{foo: _1}};
    var vn2 = h('div', p2, c2);
    return vn2;
}"
`;

exports[`attributes format multiple 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    var _1 = \`a \${scope['value1']} is \${scope['value2']} of \${scope['value3']} ]\`;
    let c2 = [], p2 = {key:2,attrs:{foo: _1}};
    var vn2 = h('div', p2, c2);
    return vn2;
}"
`;

exports[`attributes format value 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    var _1 = \`b\${scope['value']}r\`;
    let c2 = [], p2 = {key:2,attrs:{foo: _1}};
    var vn2 = h('div', p2, c2);
    return vn2;
}"
`;

exports[`attributes from object variables set previously 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    scope.o = {a:'b'};
    let _2 = utils.toObj(scope.o.a);
    let c3 = [], p3 = {key:3,class:_2};
    var vn3 = h('span', p3, c3);
    c1.push(vn3);
    return vn1;
}"
`;

exports[`attributes from variables set previously 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    scope.abc = 'def';
    let _2 = utils.toObj(scope.abc);
    let c3 = [], p3 = {key:3,class:_2};
    var vn3 = h('span', p3, c3);
    c1.push(vn3);
    return vn1;
}"
`;

exports[`attributes object 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    var _1 = scope['value'];
    let c2 = [], p2 = {key:2,attrs:{}};
    if (_1 instanceof Array) {
        p2.attrs[_1[0]] = _1[1];
    } else {
        for (let key in _1) {
            p2.attrs[key] = _1[key];
        }
    }
    var vn2 = h('div', p2, c2);
    return vn2;
}"
`;

exports[`attributes static attributes 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    var _1 = 'a';
    var _2 = 'b';
    var _3 = 'c';
    let c4 = [], p4 = {key:4,attrs:{foo: _1,bar: _2,baz: _3}};
    var vn4 = h('div', p4, c4);
    return vn4;
}"
`;

exports[`attributes static attributes on void elements 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    var _1 = '/test.jpg';
    var _2 = 'Test';
    let c3 = [], p3 = {key:3,attrs:{src: _1,alt: _2}};
    var vn3 = h('img', p3, c3);
    return vn3;
}"
`;

exports[`attributes static attributes with dashes 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    var _1 = 'Close';
    let c2 = [], p2 = {key:2,attrs:{\\"aria-label\\": _1}};
    var vn2 = h('div', p2, c2);
    return vn2;
}"
`;

exports[`attributes t-att-class and class should combine together 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let _2 = {'hello':true};
    Object.assign(_2, utils.toObj(scope['value']))
    let c3 = [], p3 = {key:3,class:_2};
    var vn3 = h('div', p3, c3);
    return vn3;
}"
`;

exports[`attributes t-att-class with object 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let _2 = {'static':true};
    Object.assign(_2, utils.toObj({a:scope['b'],c:scope['d'],e:scope['f']}))
    let c3 = [], p3 = {key:3,class:_2};
    var vn3 = h('div', p3, c3);
    return vn3;
}"
`;

exports[`attributes t-attf-class should combine with class 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    var _1 = 'hello ' + \`world\`;
    let c2 = [], p2 = {key:2,attrs:{class: _1}};
    var vn2 = h('div', p2, c2);
    return vn2;
}"
`;

exports[`attributes tuple literal 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    var _1 = ['foo','bar'];
    let c2 = [], p2 = {key:2,attrs:{}};
    if (_1 instanceof Array) {
        p2.attrs[_1[0]] = _1[1];
    } else {
        for (let key in _1) {
            p2.attrs[key] = _1[key];
        }
    }
    var vn2 = h('div', p2, c2);
    return vn2;
}"
`;

exports[`attributes tuple variable 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    var _1 = scope['value'];
    let c2 = [], p2 = {key:2,attrs:{}};
    if (_1 instanceof Array) {
        p2.attrs[_1[0]] = _1[1];
    } else {
        for (let key in _1) {
            p2.attrs[key] = _1[key];
        }
    }
    var vn2 = h('div', p2, c2);
    return vn2;
}"
`;

exports[`debugging t-debug 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    debugger;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    if (true) {
        debugger;
        let c2 = [], p2 = {key:2};
        var vn2 = h('span', p2, c2);
        c1.push(vn2);
        c2.push({text: \`hey\`});
    }
    return vn1;
}"
`;

exports[`debugging t-log 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    scope.foo = 42;
    console.log(scope.foo+3)
    return vn1;
}"
`;

exports[`foreach does not pollute the rendering context 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    var _2 = [1];
    if (!_2) { throw new Error('QWeb error: Invalid loop expression')}
    var _3 = _4 = _2;
    if (!(_2 instanceof Array)) {
        _3 = Object.keys(_2);
        _4 = Object.values(_2);
    }
    var _length3 = _3.length;
    const _origScope5 = scope;
    scope = Object.assign(Object.create(context), scope);
    for (let i1 = 0; i1 < _length3; i1++) {
        scope.item_first = i1 === 0
        scope.item_last = i1 === _length3 - 1
        scope.item_index = i1
        scope.item = _3[i1]
        scope.item_value = _4[i1]
        var _6 = scope['item'];
        if (_6 || _6 === 0) {
            c1.push({text: _6});
        }
    }
    scope = _origScope5;
    return vn1;
}"
`;

exports[`foreach iterate on items (on a element node) 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    var _2 = [1,2];
    if (!_2) { throw new Error('QWeb error: Invalid loop expression')}
    var _3 = _4 = _2;
    if (!(_2 instanceof Array)) {
        _3 = Object.keys(_2);
        _4 = Object.values(_2);
    }
    var _length3 = _3.length;
    const _origScope5 = scope;
    scope = Object.assign(Object.create(context), scope);
    for (let i1 = 0; i1 < _length3; i1++) {
        scope.item_first = i1 === 0
        scope.item_last = i1 === _length3 - 1
        scope.item_index = i1
        scope.item = _3[i1]
        scope.item_value = _4[i1]
        const nodeKey6 = scope['item'];
        let c7 = [], p7 = {key:nodeKey6};
        var vn7 = h('span', p7, c7);
        c1.push(vn7);
        var _8 = scope['item'];
        if (_8 || _8 === 0) {
            c7.push({text: _8});
        }
    }
    scope = _origScope5;
    return vn1;
}"
`;

exports[`foreach iterate on items 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    var _2 = [3,2,1];
    if (!_2) { throw new Error('QWeb error: Invalid loop expression')}
    var _3 = _4 = _2;
    if (!(_2 instanceof Array)) {
        _3 = Object.keys(_2);
        _4 = Object.values(_2);
    }
    var _length3 = _3.length;
    const _origScope5 = scope;
    scope = Object.assign(Object.create(context), scope);
    for (let i1 = 0; i1 < _length3; i1++) {
        scope.item_first = i1 === 0
        scope.item_last = i1 === _length3 - 1
        scope.item_index = i1
        scope.item = _3[i1]
        scope.item_value = _4[i1]
        c1.push({text: \` [\`});
        var _6 = scope['item_index'];
        if (_6 || _6 === 0) {
            c1.push({text: _6});
        }
        c1.push({text: \`: \`});
        var _7 = scope['item'];
        if (_7 || _7 === 0) {
            c1.push({text: _7});
        }
        c1.push({text: \` \`});
        var _8 = scope['item_value'];
        if (_8 || _8 === 0) {
            c1.push({text: _8});
        }
        c1.push({text: \`] \`});
    }
    scope = _origScope5;
    return vn1;
}"
`;

exports[`foreach iterate, dict param 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    var _2 = scope['value'];
    if (!_2) { throw new Error('QWeb error: Invalid loop expression')}
    var _3 = _4 = _2;
    if (!(_2 instanceof Array)) {
        _3 = Object.keys(_2);
        _4 = Object.values(_2);
    }
    var _length3 = _3.length;
    const _origScope5 = scope;
    scope = Object.assign(Object.create(context), scope);
    for (let i1 = 0; i1 < _length3; i1++) {
        scope.item_first = i1 === 0
        scope.item_last = i1 === _length3 - 1
        scope.item_index = i1
        scope.item = _3[i1]
        scope.item_value = _4[i1]
        c1.push({text: \` [\`});
        var _6 = scope['item_index'];
        if (_6 || _6 === 0) {
            c1.push({text: _6});
        }
        c1.push({text: \`: \`});
        var _7 = scope['item'];
        if (_7 || _7 === 0) {
            c1.push({text: _7});
        }
        c1.push({text: \` \`});
        var _8 = scope['item_value'];
        if (_8 || _8 === 0) {
            c1.push({text: _8});
        }
        c1.push({text: \`] \`});
    }
    scope = _origScope5;
    return vn1;
}"
`;

exports[`foreach iterate, position 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    var _2 = Array(5);
    if (!_2) { throw new Error('QWeb error: Invalid loop expression')}
    var _3 = _4 = _2;
    if (!(_2 instanceof Array)) {
        _3 = Object.keys(_2);
        _4 = Object.values(_2);
    }
    var _length3 = _3.length;
    const _origScope5 = scope;
    scope = Object.assign(Object.create(context), scope);
    for (let i1 = 0; i1 < _length3; i1++) {
        scope.elem_first = i1 === 0
        scope.elem_last = i1 === _length3 - 1
        scope.elem_index = i1
        scope.elem = _3[i1]
        scope.elem_value = _4[i1]
        c1.push({text: \` -\`});
        if (scope['elem_first']) {
            c1.push({text: \` first\`});
        }
        if (scope['elem_last']) {
            c1.push({text: \` last\`});
        }
        c1.push({text: \` (\`});
        var _6 = scope['elem_index'];
        if (_6 || _6 === 0) {
            c1.push({text: _6});
        }
        c1.push({text: \`) \`});
    }
    scope = _origScope5;
    return vn1;
}"
`;

exports[`foreach t-foreach in t-forach 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    var _2 = scope['numbers'];
    if (!_2) { throw new Error('QWeb error: Invalid loop expression')}
    var _3 = _4 = _2;
    if (!(_2 instanceof Array)) {
        _3 = Object.keys(_2);
        _4 = Object.values(_2);
    }
    var _length3 = _3.length;
    const _origScope5 = scope;
    scope = Object.assign(Object.create(context), scope);
    for (let i1 = 0; i1 < _length3; i1++) {
        scope.number_first = i1 === 0
        scope.number_last = i1 === _length3 - 1
        scope.number_index = i1
        scope.number = _3[i1]
        scope.number_value = _4[i1]
        var _6 = scope['letters'];
        if (!_6) { throw new Error('QWeb error: Invalid loop expression')}
        var _7 = _8 = _6;
        if (!(_6 instanceof Array)) {
            _7 = Object.keys(_6);
            _8 = Object.values(_6);
        }
        var _length7 = _7.length;
        const _origScope9 = scope;
        scope = Object.assign(Object.create(context), scope);
        for (let i2 = 0; i2 < _length7; i2++) {
            scope.letter_first = i2 === 0
            scope.letter_last = i2 === _length7 - 1
            scope.letter_index = i2
            scope.letter = _7[i2]
            scope.letter_value = _8[i2]
            c1.push({text: \` [\`});
            var _10 = scope['number'];
            if (_10 || _10 === 0) {
                c1.push({text: _10});
            }
            var _11 = scope['letter'];
            if (_11 || _11 === 0) {
                c1.push({text: _11});
            }
            c1.push({text: \`] \`});
        }
        scope = _origScope9;
    }
    scope = _origScope5;
    return vn1;
}"
`;

exports[`foreach warn if no key in some case 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    var _2 = [1,2];
    if (!_2) { throw new Error('QWeb error: Invalid loop expression')}
    var _3 = _4 = _2;
    if (!(_2 instanceof Array)) {
        _3 = Object.keys(_2);
        _4 = Object.values(_2);
    }
    var _length3 = _3.length;
    const _origScope5 = scope;
    scope = Object.assign(Object.create(context), scope);
    for (let i1 = 0; i1 < _length3; i1++) {
        scope.item_first = i1 === 0
        scope.item_last = i1 === _length3 - 1
        scope.item_index = i1
        scope.item = _3[i1]
        scope.item_value = _4[i1]
        let c6 = [], p6 = {key:6};
        var vn6 = h('span', p6, c6);
        c1.push(vn6);
        var _7 = scope['item'];
        if (_7 || _7 === 0) {
            c6.push({text: _7});
        }
    }
    scope = _origScope5;
    return vn1;
}"
`;

exports[`loading templates can initialize qweb with a string 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"hey\\"
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    c1.push({text: \`jupiler\`});
    return vn1;
}"
`;

exports[`loading templates can load a few templates from a xml string 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"main\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('ul', p1, c1);
    this.subTemplates['items'].call(this, Object.assign(Object.create(context), scope), Object.assign({}, extra, {parentNode: c1}));
    return vn1;
}"
`;

exports[`misc global 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"caller\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    var _2 = [4,5,6];
    if (!_2) { throw new Error('QWeb error: Invalid loop expression')}
    var _3 = _4 = _2;
    if (!(_2 instanceof Array)) {
        _3 = Object.keys(_2);
        _4 = Object.values(_2);
    }
    var _length3 = _3.length;
    const _origScope5 = scope;
    scope = Object.assign(Object.create(context), scope);
    for (let i1 = 0; i1 < _length3; i1++) {
        scope.value_first = i1 === 0
        scope.value_last = i1 === _length3 - 1
        scope.value_index = i1
        scope.value = _3[i1]
        scope.value_value = _4[i1]
        let c6 = [], p6 = {key:6};
        var vn6 = h('span', p6, c6);
        c1.push(vn6);
        var _7 = scope['value'];
        if (_7 || _7 === 0) {
            c6.push({text: _7});
        }
        {
            const _origScope10 = scope;
            scope = Object.assign(Object.create(context), scope);
            {
                let c__0 = [];
                {
                    const _origScope13 = scope;
                    scope = Object.assign(Object.create(context), scope);
                    {
                        let c__0 = [];
                        scope.foo = 'aaa';
                        scope[utils.zero] = c__0;
                    }
                    this.subTemplates['_callee-uses-foo'].call(this, scope, Object.assign({}, extra, {parentNode: c__0}));
                    scope = _origScope13;
                }
                this.subTemplates['_callee-uses-foo'].call(this, Object.assign(Object.create(context), scope), Object.assign({}, extra, {parentNode: c__0}));
                scope.foo = 'bbb';
                this.subTemplates['_callee-uses-foo'].call(this, Object.assign(Object.create(context), scope), Object.assign({}, extra, {parentNode: c__0}));
                scope[utils.zero] = c__0;
            }
            this.subTemplates['_callee-asc'].call(this, scope, Object.assign({}, extra, {parentNode: c1}));
            scope = _origScope10;
        }
    }
    scope = _origScope5;
    this.subTemplates['_callee-asc-toto'].call(this, Object.assign(Object.create(context), scope), Object.assign({}, extra, {parentNode: c1}));
    return vn1;
}"
`;

exports[`properly support svg add proper namespace to g tags 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('g', p1, c1);
    var _2 = '50';
    var _3 = '50';
    var _4 = '4';
    var _5 = 'green';
    var _6 = '1';
    var _7 = 'yellow';
    let c8 = [], p8 = {key:8,attrs:{cx: _2,cy: _3,r: _4,stroke: _5,\\"stroke-width\\": _6,fill: _7}};
    var vn8 = h('circle', p8, c8);
    c1.push(vn8);
    c1.push({text: \` \`});
    utils.addNameSpace(vn1);
    return vn1;
}"
`;

exports[`properly support svg add proper namespace to svg 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    var h = this.h;
    var _1 = '100px';
    var _2 = '90px';
    let c3 = [], p3 = {key:3,attrs:{width: _1,height: _2}};
    var vn3 = h('svg', p3, c3);
    var _4 = '50';
    var _5 = '50';
    var _6 = '4';
    var _7 = 'green';
    var _8 = '1';
    var _9 = 'yellow';
    let c10 = [], p10 = {key:10,attrs:{cx: _4,cy: _5,r: _6,stroke: _7,\\"stroke-width\\": _8,fill: _9}};
    var vn10 = h('circle', p10, c10);
    c3.push(vn10);
    c3.push({text: \` \`});
    utils.addNameSpace(vn3);
    return vn3;
}"
`;

exports[`special cases for some boolean html attributes/properties input type= checkbox, with t-att-checked 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    var _1 = 'checkbox';
    var _2 = scope['flag'];
    let c3 = [], p3 = {key:3,attrs:{type: _1,checked: _2},props:{checked: _2}};
    var vn3 = h('input', p3, c3);
    return vn3;
}"
`;

exports[`special cases for some boolean html attributes/properties various boolean html attributes 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    var _2 = 'checkbox';
    var _3 = 'checked';
    let c4 = [], p4 = {key:4,attrs:{type: _2,checked: _3},props:{checked: _3}};
    var vn4 = h('input', p4, c4);
    c1.push(vn4);
    var _5 = 'checked';
    let c6 = [], p6 = {key:6,attrs:{checked: _5}};
    var vn6 = h('input', p6, c6);
    c1.push(vn6);
    var _7 = 'checked';
    let c8 = [], p8 = {key:8,attrs:{checked: _7}};
    var vn8 = h('div', p8, c8);
    c1.push(vn8);
    var _9 = 'selected';
    let c10 = [], p10 = {key:10,attrs:{selected: _9}};
    var vn10 = h('div', p10, c10);
    c1.push(vn10);
    var _11 = 'selected';
    var _12 = '1';
    let c13 = [], p13 = {key:13,attrs:{selected: _11,other: _12},props:{selected: _11}};
    var vn13 = h('option', p13, c13);
    c1.push(vn13);
    var _14 = 'readonly';
    let c15 = [], p15 = {key:15,attrs:{readonly: _14},props:{readonly: _14}};
    var vn15 = h('input', p15, c15);
    c1.push(vn15);
    var _16 = 'disabled';
    let c17 = [], p17 = {key:17,attrs:{disabled: _16},props:{disabled: _16}};
    var vn17 = h('button', p17, c17);
    c1.push(vn17);
    return vn1;
}"
`;

exports[`static templates div with a class attribute 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let _2 = {'abc':true};
    let c3 = [], p3 = {key:3,class:_2};
    var vn3 = h('div', p3, c3);
    c3.push({text: \`word\`});
    return vn3;
}"
`;

exports[`static templates div with a empty class attribute 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let c2 = [], p2 = {key:2};
    var vn2 = h('div', p2, c2);
    c2.push({text: \`word\`});
    return vn2;
}"
`;

exports[`static templates div with a span child node 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    let c2 = [], p2 = {key:2};
    var vn2 = h('span', p2, c2);
    c1.push(vn2);
    c2.push({text: \`word\`});
    return vn1;
}"
`;

exports[`static templates div with a text node 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    c1.push({text: \`word\`});
    return vn1;
}"
`;

exports[`static templates empty div 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    return vn1;
}"
`;

exports[`static templates properly handle comments 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    c1.push({text: \`hello \`});
    c1.push(h('!', \` comment\`));
    c1.push({text: \`owl\`});
    return vn1;
}"
`;

exports[`static templates simple dynamic value 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    let result;
    var h = this.h;
    var _1 = scope['text'];
    if (_1 || _1 === 0) {
        var vn2 = {text: _1};
        result = vn2
    }
    return result;
}"
`;

exports[`static templates simple string 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let result;
    var h = this.h;
    var vn1 = {text: \`hello vdom\`};
    result = vn1;
    return result;
}"
`;

exports[`static templates simple string, with some dynamic value 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    let result;
    var h = this.h;
    var vn1 = {text: \`hello \`};
    result = vn1;
    var _2 = scope['text'];
    if (_2 || _2 === 0) {
        vn1.text += _2;
    }
    return result;
}"
`;

exports[`t-call (template calling basic caller 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"caller\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    this.subTemplates['_basic-callee'].call(this, Object.assign(Object.create(context), scope), Object.assign({}, extra, {parentNode: c1}));
    return vn1;
}"
`;

exports[`t-call (template calling basic caller 2`] = `
"function anonymous(context, extra
) {
    // Template name: \\"_basic-callee\\"
    var h = this.h;
    let c1 = extra.parentNode;
    let c2 = [], p2 = {key:2};
    var vn2 = h('span', p2, c2);
    c1.push(vn2);
    c2.push({text: \`ok\`});
}"
`;

exports[`t-call (template calling basic caller, no parent node 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"caller\\"
    let scope = Object.create(context);
    let result;
    var h = this.h;
    result = []
    this.subTemplates['_basic-callee'].call(this, Object.assign(Object.create(context), scope), Object.assign({}, extra, {parentNode: result}));
    result = result[0]
    return result;
}"
`;

exports[`t-call (template calling basic caller, no parent node 2`] = `
"function anonymous(context, extra
) {
    // Template name: \\"_basic-callee\\"
    var h = this.h;
    let c1 = extra.parentNode;
    let c2 = [], p2 = {key:2};
    var vn2 = h('div', p2, c2);
    c1.push(vn2);
    c2.push({text: \`ok\`});
}"
`;

exports[`t-call (template calling call with several sub nodes on same line 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"main\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    {
        const _origScope3 = scope;
        scope = Object.assign(Object.create(context), scope);
        {
            let c__0 = [];
            let c4 = [], p4 = {key:4};
            var vn4 = h('span', p4, c4);
            c__0.push(vn4);
            c4.push({text: \`hey\`});
            c__0.push({text: \` \`});
            let c5 = [], p5 = {key:5};
            var vn5 = h('span', p5, c5);
            c__0.push(vn5);
            c5.push({text: \`yay\`});
            scope[utils.zero] = c__0;
        }
        this.subTemplates['SubTemplate'].call(this, scope, Object.assign({}, extra, {parentNode: c1}));
        scope = _origScope3;
    }
    return vn1;
}"
`;

exports[`t-call (template calling call with several sub nodes on same line 2`] = `
"function anonymous(context, extra
) {
    // Template name: \\"SubTemplate\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = extra.parentNode;
    let c2 = [], p2 = {key:2};
    var vn2 = h('div', p2, c2);
    c1.push(vn2);
    c2.push(...scope[utils.zero]);
}"
`;

exports[`t-call (template calling cascading t-call t-raw='0' 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"main\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    {
        const _origScope10 = scope;
        scope = Object.assign(Object.create(context), scope);
        {
            let c__0 = [];
            let c11 = [], p11 = {key:11};
            var vn11 = h('span', p11, c11);
            c__0.push(vn11);
            c11.push({text: \`hey\`});
            c__0.push({text: \` \`});
            let c12 = [], p12 = {key:12};
            var vn12 = h('span', p12, c12);
            c__0.push(vn12);
            c12.push({text: \`yay\`});
            scope[utils.zero] = c__0;
        }
        this.subTemplates['SubTemplate'].call(this, scope, Object.assign({}, extra, {parentNode: c1}));
        scope = _origScope10;
    }
    return vn1;
}"
`;

exports[`t-call (template calling inherit context 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"caller\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    scope.foo = 1;
    this.subTemplates['_callee-uses-foo'].call(this, Object.assign(Object.create(context), scope), Object.assign({}, extra, {parentNode: c1}));
    return vn1;
}"
`;

exports[`t-call (template calling recursive template, part 1 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"recursive\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    let c2 = [], p2 = {key:2};
    var vn2 = h('span', p2, c2);
    c1.push(vn2);
    c2.push({text: \`hey\`});
    if (false) {
        this.subTemplates['recursive'].call(this, Object.assign(Object.create(context), scope), Object.assign({}, extra, {parentNode: c1}));
    }
    return vn1;
}"
`;

exports[`t-call (template calling recursive template, part 1 2`] = `
"function anonymous(context, extra
) {
    // Template name: \\"recursive\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = extra.parentNode;
    let c3 = [], p3 = {key:3};
    var vn3 = h('div', p3, c3);
    c1.push(vn3);
    let c4 = [], p4 = {key:4};
    var vn4 = h('span', p4, c4);
    c3.push(vn4);
    c4.push({text: \`hey\`});
    if (false) {
        this.subTemplates['recursive'].call(this, Object.assign(Object.create(context), scope), Object.assign({}, extra, {parentNode: c3}));
    }
}"
`;

exports[`t-call (template calling recursive template, part 2 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"Parent\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    {
        const _origScope10 = scope;
        scope = Object.assign(Object.create(context), scope);
        {
            let c__0 = [];
            scope.node = scope['root'];
            scope[utils.zero] = c__0;
        }
        this.subTemplates['nodeTemplate'].call(this, scope, Object.assign({}, extra, {parentNode: c1}));
        scope = _origScope10;
    }
    return vn1;
}"
`;

exports[`t-call (template calling recursive template, part 2 2`] = `
"function anonymous(context, extra
) {
    // Template name: \\"nodeTemplate\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = extra.parentNode;
    let c2 = [], p2 = {key:2};
    var vn2 = h('div', p2, c2);
    c1.push(vn2);
    let c3 = [], p3 = {key:3};
    var vn3 = h('p', p3, c3);
    c2.push(vn3);
    var _4 = scope['node'].val;
    if (_4 || _4 === 0) {
        c3.push({text: _4});
    }
    var _5 = scope['node'].children||[];
    if (!_5) { throw new Error('QWeb error: Invalid loop expression')}
    var _6 = _7 = _5;
    if (!(_5 instanceof Array)) {
        _6 = Object.keys(_5);
        _7 = Object.values(_5);
    }
    var _length6 = _6.length;
    const _origScope8 = scope;
    scope = Object.assign(Object.create(context), scope);
    for (let i1 = 0; i1 < _length6; i1++) {
        scope.subtree_first = i1 === 0
        scope.subtree_last = i1 === _length6 - 1
        scope.subtree_index = i1
        scope.subtree = _6[i1]
        scope.subtree_value = _7[i1]
        {
            const _origScope9 = scope;
            scope = Object.assign(Object.create(context), scope);
            {
                let c__0 = [];
                scope.node = scope['subtree'];
                scope[utils.zero] = c__0;
            }
            this.subTemplates['nodeTemplate'].call(this, scope, Object.assign({}, extra, {parentNode: c2}));
            scope = _origScope9;
        }
    }
    scope = _origScope8;
}"
`;

exports[`t-call (template calling recursive template, part 3 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"Parent\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    {
        const _origScope10 = scope;
        scope = Object.assign(Object.create(context), scope);
        {
            let c__0 = [];
            scope.node = scope['root'];
            scope[utils.zero] = c__0;
        }
        this.subTemplates['nodeTemplate'].call(this, scope, Object.assign({}, extra, {parentNode: c1}));
        scope = _origScope10;
    }
    return vn1;
}"
`;

exports[`t-call (template calling recursive template, part 3 2`] = `
"function anonymous(context, extra
) {
    // Template name: \\"nodeTemplate\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = extra.parentNode;
    let c2 = [], p2 = {key:2};
    var vn2 = h('div', p2, c2);
    c1.push(vn2);
    let c3 = [], p3 = {key:3};
    var vn3 = h('p', p3, c3);
    c2.push(vn3);
    var _4 = scope['node'].val;
    if (_4 || _4 === 0) {
        c3.push({text: _4});
    }
    var _5 = scope['node'].children||[];
    if (!_5) { throw new Error('QWeb error: Invalid loop expression')}
    var _6 = _7 = _5;
    if (!(_5 instanceof Array)) {
        _6 = Object.keys(_5);
        _7 = Object.values(_5);
    }
    var _length6 = _6.length;
    const _origScope8 = scope;
    scope = Object.assign(Object.create(context), scope);
    for (let i1 = 0; i1 < _length6; i1++) {
        scope.subtree_first = i1 === 0
        scope.subtree_last = i1 === _length6 - 1
        scope.subtree_index = i1
        scope.subtree = _6[i1]
        scope.subtree_value = _7[i1]
        {
            const _origScope9 = scope;
            scope = Object.assign(Object.create(context), scope);
            {
                let c__0 = [];
                scope.node = scope['subtree'];
                scope[utils.zero] = c__0;
            }
            this.subTemplates['nodeTemplate'].call(this, scope, Object.assign({}, extra, {parentNode: c2}));
            scope = _origScope9;
        }
    }
    scope = _origScope8;
}"
`;

exports[`t-call (template calling scoped parameters 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"caller\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    {
        const _origScope2 = scope;
        scope = Object.assign(Object.create(context), scope);
        {
            let c__0 = [];
            scope.foo = 42;
            scope[utils.zero] = c__0;
        }
        this.subTemplates['_basic-callee'].call(this, scope, Object.assign({}, extra, {parentNode: c1}));
        scope = _origScope2;
    }
    if (scope.foo || scope.foo === 0) {
        c1.push({text: scope.foo});
    }
    return vn1;
}"
`;

exports[`t-call (template calling t-call with t-if 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"caller\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    if (scope['flag']) {
        this.subTemplates['sub'].call(this, Object.assign(Object.create(context), scope), Object.assign({}, extra, {parentNode: c1}));
    }
    return vn1;
}"
`;

exports[`t-call (template calling t-call with t-if 2`] = `
"function anonymous(context, extra
) {
    // Template name: \\"sub\\"
    var h = this.h;
    let c1 = extra.parentNode;
    let c2 = [], p2 = {key:2};
    var vn2 = h('span', p2, c2);
    c1.push(vn2);
    c2.push({text: \`ok\`});
}"
`;

exports[`t-call (template calling t-call with t-set inside and outside 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"main\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    var _2 = scope['list'];
    if (!_2) { throw new Error('QWeb error: Invalid loop expression')}
    var _3 = _4 = _2;
    if (!(_2 instanceof Array)) {
        _3 = Object.keys(_2);
        _4 = Object.values(_2);
    }
    var _length3 = _3.length;
    const _origScope5 = scope;
    scope = Object.assign(Object.create(context), scope);
    for (let i1 = 0; i1 < _length3; i1++) {
        scope.v_first = i1 === 0
        scope.v_last = i1 === _length3 - 1
        scope.v_index = i1
        scope.v = _3[i1]
        scope.v_value = _4[i1]
        scope.val = scope['v'].val;
        {
            const _origScope8 = scope;
            scope = Object.assign(Object.create(context), scope);
            {
                let c__0 = [];
                scope.val3 = scope.val*3;
                scope[utils.zero] = c__0;
            }
            this.subTemplates['sub'].call(this, scope, Object.assign({}, extra, {parentNode: c1}));
            scope = _origScope8;
        }
    }
    scope = _origScope5;
    return vn1;
}"
`;

exports[`t-call (template calling t-call with t-set inside and outside. 2 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"wrapper\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('p', p1, c1);
    scope.w = 'fromwrapper';
    this.subTemplates['main'].call(this, Object.assign(Object.create(context), scope), Object.assign({}, extra, {parentNode: c1}));
    return vn1;
}"
`;

exports[`t-call (template calling t-call, global templates 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"abcd\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    this.subTemplates['john'].call(this, Object.assign(Object.create(context), scope), Object.assign({}, extra, {parentNode: c1}));
    return vn1;
}"
`;

exports[`t-call (template calling with unused body 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"caller\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    let result;
    var h = this.h;
    {
        const _origScope3 = scope;
        scope = Object.assign(Object.create(context), scope);
        {
            let c__0 = [];
            c__0.push({text: \`WHEEE\`});
            scope[utils.zero] = c__0;
        }
        result = []
        this.subTemplates['_basic-callee'].call(this, scope, Object.assign({}, extra, {parentNode: result}));
        result = result[0]
        scope = _origScope3;
    }
    return result;
}"
`;

exports[`t-call (template calling with unused setbody 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"caller\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    let result;
    var h = this.h;
    {
        const _origScope3 = scope;
        scope = Object.assign(Object.create(context), scope);
        {
            let c__0 = [];
            scope.qux = 3;
            scope[utils.zero] = c__0;
        }
        result = []
        this.subTemplates['_basic-callee'].call(this, scope, Object.assign({}, extra, {parentNode: result}));
        result = result[0]
        scope = _origScope3;
    }
    return result;
}"
`;

exports[`t-call (template calling with used body 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"caller\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    let result;
    var h = this.h;
    {
        const _origScope3 = scope;
        scope = Object.assign(Object.create(context), scope);
        {
            let c__0 = [];
            c__0.push({text: \`ok\`});
            scope[utils.zero] = c__0;
        }
        result = []
        this.subTemplates['_callee-printsbody'].call(this, scope, Object.assign({}, extra, {parentNode: result}));
        result = result[0]
        scope = _origScope3;
    }
    return result;
}"
`;

exports[`t-call (template calling with used set body 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"caller\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('span', p1, c1);
    {
        const _origScope3 = scope;
        scope = Object.assign(Object.create(context), scope);
        {
            let c__0 = [];
            scope.foo = 'ok';
            scope[utils.zero] = c__0;
        }
        this.subTemplates['_callee-uses-foo'].call(this, scope, Object.assign({}, extra, {parentNode: c1}));
        scope = _origScope3;
    }
    return vn1;
}"
`;

exports[`t-esc escaping on a node 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('span', p1, c1);
    var _2 = 'ok';
    if (_2 || _2 === 0) {
        c1.push({text: _2});
    }
    return vn1;
}"
`;

exports[`t-esc escaping on a node with a body 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('span', p1, c1);
    var _2 = 'ok';
    if (_2 || _2 === 0) {
        c1.push({text: _2});
    } else {
        c1.push({text: \`nope\`});
    }
    return vn1;
}"
`;

exports[`t-esc escaping on a node with a body, as a default 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('span', p1, c1);
    var _2 = scope['var'];
    if (_2 || _2 === 0) {
        c1.push({text: _2});
    } else {
        c1.push({text: \`nope\`});
    }
    return vn1;
}"
`;

exports[`t-esc literal 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('span', p1, c1);
    var _2 = 'ok';
    if (_2 || _2 === 0) {
        c1.push({text: _2});
    }
    return vn1;
}"
`;

exports[`t-esc t-esc is escaped 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    const c2 = new utils.VDomArray();
    let c3 = [], p3 = {key:3};
    var vn3 = h('p', p3, c3);
    c2.push(vn3);
    c3.push({text: \`escaped\`});
    scope.var = c2
    if (scope.var || scope.var === 0) {
        const _origScope4 = scope;
        scope = Object.assign(Object.create(context), scope);
        scope.var = scope.var instanceof utils.VDomArray ? utils.vDomToString(scope.var) : scope.var;
        c1.push({text: scope.var});
        scope = _origScope4;
    }
    return vn1;
}"
`;

exports[`t-esc t-esc=0 is escaped 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"testCaller\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    {
        const _origScope3 = scope;
        scope = Object.assign(Object.create(context), scope);
        {
            let c__0 = [];
            let c4 = [], p4 = {key:4};
            var vn4 = h('p', p4, c4);
            c__0.push(vn4);
            c4.push({text: \`escaped\`});
            scope[utils.zero] = c__0;
        }
        this.subTemplates['test'].call(this, scope, Object.assign({}, extra, {parentNode: c1}));
        scope = _origScope3;
    }
    return vn1;
}"
`;

exports[`t-esc variable 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('span', p1, c1);
    var _2 = scope['var'];
    if (_2 || _2 === 0) {
        c1.push({text: _2});
    }
    return vn1;
}"
`;

exports[`t-if boolean value condition elif 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    if (scope['color']=='black') {
        c1.push({text: \`black pearl\`});
    }
    else if (scope['color']=='yellow') {
        c1.push({text: \`yellow submarine\`});
    }
    else if (scope['color']=='red') {
        c1.push({text: \`red is dead\`});
    }
    else {
        c1.push({text: \`beer\`});
    }
    return vn1;
}"
`;

exports[`t-if boolean value condition else 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    let c2 = [], p2 = {key:2};
    var vn2 = h('span', p2, c2);
    c1.push(vn2);
    c2.push({text: \`begin\`});
    if (scope['condition']) {
        c1.push({text: \`ok\`});
    }
    else {
        c1.push({text: \`ok-else\`});
    }
    let c3 = [], p3 = {key:3};
    var vn3 = h('span', p3, c3);
    c1.push(vn3);
    c3.push({text: \`end\`});
    return vn1;
}"
`;

exports[`t-if boolean value condition false else 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    let c2 = [], p2 = {key:2};
    var vn2 = h('span', p2, c2);
    c1.push(vn2);
    c2.push({text: \`begin\`});
    if (scope['condition']) {
        c1.push({text: \`fail\`});
    }
    else {
        c1.push({text: \`fail-else\`});
    }
    let c3 = [], p3 = {key:3};
    var vn3 = h('span', p3, c3);
    c1.push(vn3);
    c3.push({text: \`end\`});
    return vn1;
}"
`;

exports[`t-if boolean value condition missing 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('span', p1, c1);
    if (scope['condition']) {
        c1.push({text: \`fail\`});
    }
    return vn1;
}"
`;

exports[`t-if boolean value false condition 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    if (scope['condition']) {
        c1.push({text: \`ok\`});
    }
    return vn1;
}"
`;

exports[`t-if boolean value true condition 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    if (scope['condition']) {
        c1.push({text: \`ok\`});
    }
    return vn1;
}"
`;

exports[`t-if can use some boolean operators in expressions 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    if (scope['cond1']&&scope['cond2']) {
        c1.push({text: \`and\`});
    }
    if (scope['cond1']&&scope['cond3']) {
        c1.push({text: \`nope\`});
    }
    if (scope['cond1']||scope['cond3']) {
        c1.push({text: \`or\`});
    }
    if (scope['cond3']||scope['cond4']) {
        c1.push({text: \`nope\`});
    }
    if (scope['m']>3) {
        c1.push({text: \`mgt\`});
    }
    if (scope['n']>3) {
        c1.push({text: \`ngt\`});
    }
    if (scope['m']<3) {
        c1.push({text: \`mlt\`});
    }
    if (scope['n']<3) {
        c1.push({text: \`nlt\`});
    }
    return vn1;
}"
`;

exports[`t-if t-esc with t-elif 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    if (false) {
        c1.push({text: \`abc\`});
    }
    else {
        var _2 = 'x';
        if (_2 || _2 === 0) {
            c1.push({text: _2});
        }
    }
    return vn1;
}"
`;

exports[`t-if t-esc with t-if 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    if (true) {
        var _2 = 'x';
        if (_2 || _2 === 0) {
            c1.push({text: _2});
        }
    }
    return vn1;
}"
`;

exports[`t-if t-set, then t-elif, part 3 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    scope.y = false;
    scope.x = scope.y;
    if (scope.x) {
        let c2 = [], p2 = {key:2};
        var vn2 = h('span', p2, c2);
        c1.push(vn2);
        c2.push({text: \`AAA\`});
    }
    else if (!scope.x) {
        let c3 = [], p3 = {key:3};
        var vn3 = h('span', p3, c3);
        c1.push(vn3);
        c3.push({text: \`BBB\`});
    }
    return vn1;
}"
`;

exports[`t-if t-set, then t-if 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    scope.title = 'test';
    if (scope.title) {
        if (scope.title || scope.title === 0) {
            c1.push({text: scope.title});
        }
    }
    return vn1;
}"
`;

exports[`t-if t-set, then t-if, part 2 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    scope.y = true;
    scope.x = scope.y;
    if (scope.x) {
        let c2 = [], p2 = {key:2};
        var vn2 = h('span', p2, c2);
        c1.push(vn2);
        c2.push({text: \`COUCOU\`});
    }
    return vn1;
}"
`;

exports[`t-key can use t-key directive on a node 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    const nodeKey1 = scope['beer'].id;
    let c2 = [], p2 = {key:nodeKey1};
    var vn2 = h('div', p2, c2);
    var _3 = scope['beer'].name;
    if (_3 || _3 === 0) {
        c2.push({text: _3});
    }
    return vn2;
}"
`;

exports[`t-key t-key directive in a list 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('ul', p1, c1);
    var _2 = scope['beers'];
    if (!_2) { throw new Error('QWeb error: Invalid loop expression')}
    var _3 = _4 = _2;
    if (!(_2 instanceof Array)) {
        _3 = Object.keys(_2);
        _4 = Object.values(_2);
    }
    var _length3 = _3.length;
    const _origScope5 = scope;
    scope = Object.assign(Object.create(context), scope);
    for (let i1 = 0; i1 < _length3; i1++) {
        scope.beer_first = i1 === 0
        scope.beer_last = i1 === _length3 - 1
        scope.beer_index = i1
        scope.beer = _3[i1]
        scope.beer_value = _4[i1]
        const nodeKey6 = scope['beer'].id;
        let c7 = [], p7 = {key:nodeKey6};
        var vn7 = h('li', p7, c7);
        c1.push(vn7);
        var _8 = scope['beer'].name;
        if (_8 || _8 === 0) {
            c7.push({text: _8});
        }
    }
    scope = _origScope5;
    return vn1;
}"
`;

exports[`t-key t-key directive in a list 2`] = `"<ul><li>Chimay Rouge</li></ul>"`;

exports[`t-on can bind event handler 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let c1 = [], p1 = {key:1,on:{}};
    var vn1 = h('button', p1, c1);
    extra.handlers['click' + 1] = extra.handlers['click' + 1] || function (e) {if (!context.__owl__.isMounted){return}const fn = context['add'];if (fn) { fn.call(context, e); } else { context.add; }};
    p1.on['click'] = extra.handlers['click' + 1];
    c1.push({text: \`Click\`});
    return vn1;
}"
`;

exports[`t-on can bind handlers with arguments 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1,on:{}};
    var vn1 = h('button', p1, c1);
    const handler2 = context['add'] && context['add'].bind(context, 5);
    p1.on['click'] = function (e) {if (!context.__owl__.isMounted){return}if (handler2) { handler2(e); } else { context.add(5); }};
    c1.push({text: \`Click\`});
    return vn1;
}"
`;

exports[`t-on can bind handlers with empty object (with non empty inner string) 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1,on:{}};
    var vn1 = h('button', p1, c1);
    const handler2 = context['doSomething'] && context['doSomething'].bind(context, {});
    p1.on['click'] = function (e) {if (!context.__owl__.isMounted){return}if (handler2) { handler2(e); } else { context.doSomething({ }); }};
    c1.push({text: \`Click\`});
    return vn1;
}"
`;

exports[`t-on can bind handlers with empty object 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1,on:{}};
    var vn1 = h('button', p1, c1);
    const handler2 = context['doSomething'] && context['doSomething'].bind(context, {});
    p1.on['click'] = function (e) {if (!context.__owl__.isMounted){return}if (handler2) { handler2(e); } else { context.doSomething({}); }};
    c1.push({text: \`Click\`});
    return vn1;
}"
`;

exports[`t-on can bind handlers with loop variable as argument 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('ul', p1, c1);
    var _2 = ['someval'];
    if (!_2) { throw new Error('QWeb error: Invalid loop expression')}
    var _3 = _4 = _2;
    if (!(_2 instanceof Array)) {
        _3 = Object.keys(_2);
        _4 = Object.values(_2);
    }
    var _length3 = _3.length;
    const _origScope5 = scope;
    scope = Object.assign(Object.create(context), scope);
    for (let i1 = 0; i1 < _length3; i1++) {
        scope.action_first = i1 === 0
        scope.action_last = i1 === _length3 - 1
        scope.action_index = i1
        scope.action = _3[i1]
        scope.action_value = _4[i1]
        const nodeKey6 = scope['action_index'];
        let c7 = [], p7 = {key:nodeKey6};
        var vn7 = h('li', p7, c7);
        c1.push(vn7);
        let c8 = [], p8 = {key:nodeKey6,on:{}};
        var vn8 = h('a', p8, c8);
        c7.push(vn8);
        const handler9 = context['activate'] && context['activate'].bind(context, scope['action']);
        p8.on['click'] = function (e) {if (!context.__owl__.isMounted){return}if (handler9) { handler9(e); } else { context.activate(action); }};
        c8.push({text: \`link\`});
    }
    scope = _origScope5;
    return vn1;
}"
`;

exports[`t-on can bind handlers with object arguments 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1,on:{}};
    var vn1 = h('button', p1, c1);
    const handler2 = context['add'] && context['add'].bind(context, {val:5});
    p1.on['click'] = function (e) {if (!context.__owl__.isMounted){return}if (handler2) { handler2(e); } else { context.add({val: 5}); }};
    c1.push({text: \`Click\`});
    return vn1;
}"
`;

exports[`t-on can bind two event handlers 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let c1 = [], p1 = {key:1,on:{}};
    var vn1 = h('button', p1, c1);
    extra.handlers['click' + 1] = extra.handlers['click' + 1] || function (e) {if (!context.__owl__.isMounted){return}const fn = context['handleClick'];if (fn) { fn.call(context, e); } else { context.handleClick; }};
    p1.on['click'] = extra.handlers['click' + 1];
    extra.handlers['dblclick' + 1] = extra.handlers['dblclick' + 1] || function (e) {if (!context.__owl__.isMounted){return}const fn = context['handleDblClick'];if (fn) { fn.call(context, e); } else { context.handleDblClick; }};
    p1.on['dblclick'] = extra.handlers['dblclick' + 1];
    c1.push({text: \`Click\`});
    return vn1;
}"
`;

exports[`t-on handler is bound to proper owner 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let c1 = [], p1 = {key:1,on:{}};
    var vn1 = h('button', p1, c1);
    extra.handlers['click' + 1] = extra.handlers['click' + 1] || function (e) {if (!context.__owl__.isMounted){return}const fn = context['add'];if (fn) { fn.call(context, e); } else { context.add; }};
    p1.on['click'] = extra.handlers['click' + 1];
    c1.push({text: \`Click\`});
    return vn1;
}"
`;

exports[`t-on t-on combined with t-esc 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    let c2 = [], p2 = {key:2,on:{}};
    var vn2 = h('button', p2, c2);
    c1.push(vn2);
    extra.handlers['click' + 2] = extra.handlers['click' + 2] || function (e) {if (!context.__owl__.isMounted){return}const fn = context['onClick'];if (fn) { fn.call(context, e); } else { context.onClick; }};
    p2.on['click'] = extra.handlers['click' + 2];
    var _3 = scope['text'];
    if (_3 || _3 === 0) {
        c2.push({text: _3});
    }
    return vn1;
}"
`;

exports[`t-on t-on combined with t-raw 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    let c2 = [], p2 = {key:2,on:{}};
    var vn2 = h('button', p2, c2);
    c1.push(vn2);
    extra.handlers['click' + 2] = extra.handlers['click' + 2] || function (e) {if (!context.__owl__.isMounted){return}const fn = context['onClick'];if (fn) { fn.call(context, e); } else { context.onClick; }};
    p2.on['click'] = extra.handlers['click' + 2];
    var _3 = scope['html'];
    if (_3 || _3 === 0) {
        c2.push(...utils.htmlToVDOM(_3));
    }
    return vn1;
}"
`;

exports[`t-on t-on with empty handler (only modifiers) 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    let c2 = [], p2 = {key:2,on:{}};
    var vn2 = h('button', p2, c2);
    c1.push(vn2);
    p2.on['click'] = function (e) {if (!context.__owl__.isMounted){return}e.preventDefault();};
    c2.push({text: \`Button\`});
    return vn1;
}"
`;

exports[`t-on t-on with inline statement (function call) 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1,on:{}};
    var vn1 = h('button', p1, c1);
    const handler2 = context['state.incrementCounter'] && context['state.incrementCounter'].bind(context, 2);
    p1.on['click'] = function (e) {if (!context.__owl__.isMounted){return}if (handler2) { handler2(e); } else { context.state.incrementCounter(2); }};
    c1.push({text: \`Click\`});
    return vn1;
}"
`;

exports[`t-on t-on with inline statement 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let c1 = [], p1 = {key:1,on:{}};
    var vn1 = h('button', p1, c1);
    extra.handlers['click' + 1] = extra.handlers['click' + 1] || function (e) {if (!context.__owl__.isMounted){return}const fn = context['state.counter++'];if (fn) { fn.call(context, e); } else { context.state.counter++; }};
    p1.on['click'] = extra.handlers['click' + 1];
    c1.push({text: \`Click\`});
    return vn1;
}"
`;

exports[`t-on t-on with prevent and self modifiers (order matters) 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    let c2 = [], p2 = {key:2,on:{}};
    var vn2 = h('button', p2, c2);
    c1.push(vn2);
    extra.handlers['click' + 2] = extra.handlers['click' + 2] || function (e) {if (!context.__owl__.isMounted){return}e.preventDefault();if (e.target !== this.elm) {return}const fn = context['onClick'];if (fn) { fn.call(context, e); } else { context.onClick; }};
    p2.on['click'] = extra.handlers['click' + 2];
    let c3 = [], p3 = {key:3};
    var vn3 = h('span', p3, c3);
    c2.push(vn3);
    c3.push({text: \`Button\`});
    return vn1;
}"
`;

exports[`t-on t-on with prevent and/or stop modifiers 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    let c2 = [], p2 = {key:2,on:{}};
    var vn2 = h('button', p2, c2);
    c1.push(vn2);
    extra.handlers['click' + 2] = extra.handlers['click' + 2] || function (e) {if (!context.__owl__.isMounted){return}e.preventDefault();const fn = context['onClickPrevented'];if (fn) { fn.call(context, e); } else { context.onClickPrevented; }};
    p2.on['click'] = extra.handlers['click' + 2];
    c2.push({text: \`Button 1\`});
    let c3 = [], p3 = {key:3,on:{}};
    var vn3 = h('button', p3, c3);
    c1.push(vn3);
    extra.handlers['click' + 3] = extra.handlers['click' + 3] || function (e) {if (!context.__owl__.isMounted){return}e.stopPropagation();const fn = context['onClickStopped'];if (fn) { fn.call(context, e); } else { context.onClickStopped; }};
    p3.on['click'] = extra.handlers['click' + 3];
    c3.push({text: \`Button 2\`});
    let c4 = [], p4 = {key:4,on:{}};
    var vn4 = h('button', p4, c4);
    c1.push(vn4);
    extra.handlers['click' + 4] = extra.handlers['click' + 4] || function (e) {if (!context.__owl__.isMounted){return}e.preventDefault();e.stopPropagation();const fn = context['onClickPreventedAndStopped'];if (fn) { fn.call(context, e); } else { context.onClickPreventedAndStopped; }};
    p4.on['click'] = extra.handlers['click' + 4];
    c4.push({text: \`Button 3\`});
    return vn1;
}"
`;

exports[`t-on t-on with prevent modifier in t-foreach 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    var _2 = scope['projects'];
    if (!_2) { throw new Error('QWeb error: Invalid loop expression')}
    var _3 = _4 = _2;
    if (!(_2 instanceof Array)) {
        _3 = Object.keys(_2);
        _4 = Object.values(_2);
    }
    var _length3 = _3.length;
    const _origScope5 = scope;
    scope = Object.assign(Object.create(context), scope);
    for (let i1 = 0; i1 < _length3; i1++) {
        scope.project_first = i1 === 0
        scope.project_last = i1 === _length3 - 1
        scope.project_index = i1
        scope.project = _3[i1]
        scope.project_value = _4[i1]
        const nodeKey6 = scope['project'];
        var _7 = '#';
        let c8 = [], p8 = {key:nodeKey6,attrs:{href: _7},on:{}};
        var vn8 = h('a', p8, c8);
        c1.push(vn8);
        const handler9 = context['onEdit'] && context['onEdit'].bind(context, scope['project'].id);
        p8.on['click'] = function (e) {if (!context.__owl__.isMounted){return}e.preventDefault();if (handler9) { handler9(e); } else { context.onEdit(project.id); }};
        c8.push({text: \` Edit \`});
        var _10 = scope['project'].name;
        if (_10 || _10 === 0) {
            c8.push({text: _10});
        }
    }
    scope = _origScope5;
    return vn1;
}"
`;

exports[`t-on t-on with self and prevent modifiers (order matters) 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    let c2 = [], p2 = {key:2,on:{}};
    var vn2 = h('button', p2, c2);
    c1.push(vn2);
    extra.handlers['click' + 2] = extra.handlers['click' + 2] || function (e) {if (!context.__owl__.isMounted){return}if (e.target !== this.elm) {return}e.preventDefault();const fn = context['onClick'];if (fn) { fn.call(context, e); } else { context.onClick; }};
    p2.on['click'] = extra.handlers['click' + 2];
    let c3 = [], p3 = {key:3};
    var vn3 = h('span', p3, c3);
    c2.push(vn3);
    c3.push({text: \`Button\`});
    return vn1;
}"
`;

exports[`t-on t-on with self modifier 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    let c2 = [], p2 = {key:2,on:{}};
    var vn2 = h('button', p2, c2);
    c1.push(vn2);
    extra.handlers['click' + 2] = extra.handlers['click' + 2] || function (e) {if (!context.__owl__.isMounted){return}const fn = context['onClick'];if (fn) { fn.call(context, e); } else { context.onClick; }};
    p2.on['click'] = extra.handlers['click' + 2];
    let c3 = [], p3 = {key:3};
    var vn3 = h('span', p3, c3);
    c2.push(vn3);
    c3.push({text: \`Button\`});
    let c4 = [], p4 = {key:4,on:{}};
    var vn4 = h('button', p4, c4);
    c1.push(vn4);
    extra.handlers['click' + 4] = extra.handlers['click' + 4] || function (e) {if (!context.__owl__.isMounted){return}if (e.target !== this.elm) {return}const fn = context['onClickSelf'];if (fn) { fn.call(context, e); } else { context.onClickSelf; }};
    p4.on['click'] = extra.handlers['click' + 4];
    let c5 = [], p5 = {key:5};
    var vn5 = h('span', p5, c5);
    c4.push(vn5);
    c5.push({text: \`Button\`});
    return vn1;
}"
`;

exports[`t-raw literal 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('span', p1, c1);
    var _2 = 'ok';
    if (_2 || _2 === 0) {
        c1.push(...utils.htmlToVDOM(_2));
    }
    return vn1;
}"
`;

exports[`t-raw not escaping 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    var _2 = scope['var'];
    if (_2 || _2 === 0) {
        c1.push(...utils.htmlToVDOM(_2));
    }
    return vn1;
}"
`;

exports[`t-raw t-raw and another sibling node 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('span', p1, c1);
    let c2 = [], p2 = {key:2};
    var vn2 = h('span', p2, c2);
    c1.push(vn2);
    c2.push({text: \`hello\`});
    var _3 = scope['var'];
    if (_3 || _3 === 0) {
        c1.push(...utils.htmlToVDOM(_3));
    }
    return vn1;
}"
`;

exports[`t-raw variable 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('span', p1, c1);
    var _2 = scope['var'];
    if (_2 || _2 === 0) {
        c1.push(...utils.htmlToVDOM(_2));
    }
    return vn1;
}"
`;

exports[`t-ref can get a dynamic ref on a node 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    context.__owl__.refs = context.__owl__.refs || {};
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    let c2 = [], p2 = {key:2};
    var vn2 = h('span', p2, c2);
    c1.push(vn2);
    const ref3 = \`myspan\${scope['id']}\`;
    p2.hook = {
      create: (_, n) => {
        context.__owl__.refs[ref3] = n.elm;
      },
      destroy: () => {
        delete context.__owl__.refs[ref3];
      },
    };
    return vn1;
}"
`;

exports[`t-ref can get a ref on a node 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    context.__owl__.refs = context.__owl__.refs || {};
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    let c2 = [], p2 = {key:2};
    var vn2 = h('span', p2, c2);
    c1.push(vn2);
    const ref3 = \`myspan\`;
    p2.hook = {
      create: (_, n) => {
        context.__owl__.refs[ref3] = n.elm;
      },
      destroy: () => {
        delete context.__owl__.refs[ref3];
      },
    };
    return vn1;
}"
`;

exports[`t-ref refs in a loop 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    context.__owl__.refs = context.__owl__.refs || {};
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    var _2 = scope['items'];
    if (!_2) { throw new Error('QWeb error: Invalid loop expression')}
    var _3 = _4 = _2;
    if (!(_2 instanceof Array)) {
        _3 = Object.keys(_2);
        _4 = Object.values(_2);
    }
    var _length3 = _3.length;
    const _origScope5 = scope;
    scope = Object.assign(Object.create(context), scope);
    for (let i1 = 0; i1 < _length3; i1++) {
        scope.item_first = i1 === 0
        scope.item_last = i1 === _length3 - 1
        scope.item_index = i1
        scope.item = _3[i1]
        scope.item_value = _4[i1]
        const nodeKey6 = scope['item'];
        let c7 = [], p7 = {key:nodeKey6};
        var vn7 = h('div', p7, c7);
        c1.push(vn7);
        const ref8 = (scope['item']);
        p7.hook = {
          create: (_, n) => {
            context.__owl__.refs[ref8] = n.elm;
          },
          destroy: () => {
            delete context.__owl__.refs[ref8];
          },
        };
        var _9 = scope['item'];
        if (_9 || _9 === 0) {
            c7.push({text: _9});
        }
    }
    scope = _origScope5;
    return vn1;
}"
`;

exports[`t-set evaluate value expression 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    scope.value = 1+2;
    if (scope.value || scope.value === 0) {
        c1.push({text: scope.value});
    }
    return vn1;
}"
`;

exports[`t-set evaluate value expression, part 2 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    scope.value = scope['somevariable']+2;
    if (scope.value || scope.value === 0) {
        c1.push({text: scope.value});
    }
    return vn1;
}"
`;

exports[`t-set set from attribute literal 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    scope.value = 'ok';
    if (scope.value || scope.value === 0) {
        c1.push({text: scope.value});
    }
    return vn1;
}"
`;

exports[`t-set set from attribute lookup 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    scope.stuff = scope['value'];
    if (scope.stuff || scope.stuff === 0) {
        c1.push({text: scope.stuff});
    }
    return vn1;
}"
`;

exports[`t-set set from body literal 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    let result;
    var h = this.h;
    const c1 = new utils.VDomArray();
    c1.push({text: \`ok\`});
    scope.value = c1
    if (scope.value || scope.value === 0) {
        const _origScope2 = scope;
        scope = Object.assign(Object.create(context), scope);
        scope.value = scope.value instanceof utils.VDomArray ? utils.vDomToString(scope.value) : scope.value;
        var vn3 = {text: scope.value};
        result = vn3
        scope = _origScope2;
    }
    return result;
}"
`;

exports[`t-set set from body lookup 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    const c2 = new utils.VDomArray();
    var _3 = scope['value'];
    if (_3 || _3 === 0) {
        c2.push({text: _3});
    }
    scope.stuff = c2
    if (scope.stuff || scope.stuff === 0) {
        const _origScope4 = scope;
        scope = Object.assign(Object.create(context), scope);
        scope.stuff = scope.stuff instanceof utils.VDomArray ? utils.vDomToString(scope.stuff) : scope.stuff;
        c1.push({text: scope.stuff});
        scope = _origScope4;
    }
    return vn1;
}"
`;

exports[`t-set set from empty body 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    if (scope.stuff || scope.stuff === 0) {
        c1.push({text: scope.stuff});
    }
    return vn1;
}"
`;

exports[`t-set t-set and t-if 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    scope.v = scope['value'];
    if (scope.v==='ok') {
        c1.push({text: \`grimbergen\`});
    }
    return vn1;
}"
`;

exports[`t-set t-set body is evaluated immediately 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    scope.v1 = 'before';
    const c2 = new utils.VDomArray();
    let c3 = [], p3 = {key:3};
    var vn3 = h('span', p3, c3);
    c2.push(vn3);
    if (scope.v1 || scope.v1 === 0) {
        c3.push({text: scope.v1});
    }
    scope.v2 = c2
    scope.v1 = 'after';
    if (scope.v2 || scope.v2 === 0) {
        const vnodeArray = scope.v2 instanceof utils.VDomArray ? scope.v2 : utils.htmlToVDOM(scope.v2);
        c1.push(...vnodeArray);
    }
    return vn1;
}"
`;

exports[`t-set t-set evaluates an expression only once 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    scope.v = scope['value']+' artois';
    if (scope.v || scope.v === 0) {
        c1.push({text: scope.v});
    }
    if (scope.v || scope.v === 0) {
        c1.push({text: scope.v});
    }
    return vn1;
}"
`;

exports[`t-set t-set should reuse variable if possible 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    scope.v = 1;
    var _2 = scope['list'];
    if (!_2) { throw new Error('QWeb error: Invalid loop expression')}
    var _3 = _4 = _2;
    if (!(_2 instanceof Array)) {
        _3 = Object.keys(_2);
        _4 = Object.values(_2);
    }
    var _length3 = _3.length;
    const _origScope5 = scope;
    scope = Object.assign(Object.create(context), scope);
    for (let i1 = 0; i1 < _length3; i1++) {
        scope.elem_first = i1 === 0
        scope.elem_last = i1 === _length3 - 1
        scope.elem_index = i1
        scope.elem = _3[i1]
        scope.elem_value = _4[i1]
        const nodeKey6 = scope['elem_index'];
        let c7 = [], p7 = {key:nodeKey6};
        var vn7 = h('div', p7, c7);
        c1.push(vn7);
        let c8 = [], p8 = {key:nodeKey6};
        var vn8 = h('span', p8, c8);
        c7.push(vn8);
        c8.push({text: \`v\`});
        if (scope.v || scope.v === 0) {
            c8.push({text: scope.v});
        }
        scope.v = scope['elem'];
    }
    scope = _origScope5;
    return vn1;
}"
`;

exports[`t-set t-set with t-value (falsy) and body 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    scope.v3 = false;
    scope.v1 = 'before';
    scope.v2 = scope.v3;
    if (!(scope.v2)) {
        const c2 = new utils.VDomArray();
        let c3 = [], p3 = {key:3};
        var vn3 = h('span', p3, c3);
        c2.push(vn3);
        if (scope.v1 || scope.v1 === 0) {
            c3.push({text: scope.v1});
        }
        scope.v2 = c2
    }
    scope.v1 = 'after';
    scope.v3 = true;
    if (scope.v2 || scope.v2 === 0) {
        const vnodeArray = scope.v2 instanceof utils.VDomArray ? scope.v2 : utils.htmlToVDOM(scope.v2);
        c1.push(...vnodeArray);
    }
    return vn1;
}"
`;

exports[`t-set t-set with t-value (truthy) and body 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    scope.v3 = 'Truthy';
    scope.v1 = 'before';
    scope.v2 = scope.v3;
    if (!(scope.v2)) {
        const c2 = new utils.VDomArray();
        let c3 = [], p3 = {key:3};
        var vn3 = h('span', p3, c3);
        c2.push(vn3);
        if (scope.v1 || scope.v1 === 0) {
            c3.push({text: scope.v1});
        }
        scope.v2 = c2
    }
    scope.v1 = 'after';
    scope.v3 = false;
    if (scope.v2 || scope.v2 === 0) {
        const vnodeArray = scope.v2 instanceof utils.VDomArray ? scope.v2 : utils.htmlToVDOM(scope.v2);
        c1.push(...vnodeArray);
    }
    return vn1;
}"
`;

exports[`t-set t-set, t-if, and mix of expression/body lookup, 1 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    if (scope['flag']) {
        const c2 = new utils.VDomArray();
        c2.push({text: \`1\`});
        scope.ourvar = c2
    }
    else {
        scope.ourvar = 0;
    }
    if (scope.ourvar || scope.ourvar === 0) {
        const _origScope3 = scope;
        scope = Object.assign(Object.create(context), scope);
        scope.ourvar = scope.ourvar instanceof utils.VDomArray ? utils.vDomToString(scope.ourvar) : scope.ourvar;
        c1.push({text: scope.ourvar});
        scope = _origScope3;
    }
    return vn1;
}"
`;

exports[`t-set t-set, t-if, and mix of expression/body lookup, 1 2`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    if (scope['flag']) {
        const c2 = new utils.VDomArray();
        c2.push({text: \`1\`});
        scope.ourvar = c2
    }
    else {
        scope.ourvar = 0;
    }
    if (scope.ourvar || scope.ourvar === 0) {
        const _origScope3 = scope;
        scope = Object.assign(Object.create(context), scope);
        scope.ourvar = scope.ourvar instanceof utils.VDomArray ? utils.vDomToString(scope.ourvar) : scope.ourvar;
        c1.push({text: scope.ourvar});
        scope = _origScope3;
    }
    return vn1;
}"
`;

exports[`t-set t-set, t-if, and mix of expression/body lookup, 2 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    if (scope['flag']) {
        scope.ourvar = 1;
    }
    else {
        const c2 = new utils.VDomArray();
        c2.push({text: \`0\`});
        scope.ourvar = c2
    }
    if (scope.ourvar || scope.ourvar === 0) {
        const _origScope3 = scope;
        scope = Object.assign(Object.create(context), scope);
        scope.ourvar = scope.ourvar instanceof utils.VDomArray ? utils.vDomToString(scope.ourvar) : scope.ourvar;
        c1.push({text: scope.ourvar});
        scope = _origScope3;
    }
    return vn1;
}"
`;

exports[`t-set t-set, t-if, and mix of expression/body lookup, 2 2`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    if (scope['flag']) {
        scope.ourvar = 1;
    }
    else {
        const c2 = new utils.VDomArray();
        c2.push({text: \`0\`});
        scope.ourvar = c2
    }
    if (scope.ourvar || scope.ourvar === 0) {
        const _origScope3 = scope;
        scope = Object.assign(Object.create(context), scope);
        scope.ourvar = scope.ourvar instanceof utils.VDomArray ? utils.vDomToString(scope.ourvar) : scope.ourvar;
        c1.push({text: scope.ourvar});
        scope = _origScope3;
    }
    return vn1;
}"
`;

exports[`t-set value priority 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    let utils = this.constructor.utils;
    let scope = Object.create(context);
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    scope.value = 1;
    if (!(scope.value)) {
        const c2 = new utils.VDomArray();
        c2.push({text: \`2\`});
        scope.value = c2
    }
    if (scope.value || scope.value === 0) {
        const _origScope3 = scope;
        scope = Object.assign(Object.create(context), scope);
        scope.value = scope.value instanceof utils.VDomArray ? utils.vDomToString(scope.value) : scope.value;
        c1.push({text: scope.value});
        scope = _origScope3;
    }
    return vn1;
}"
`;

exports[`translation support can translate node content 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    c1.push({text: \`mot\`});
    return vn1;
}"
`;

exports[`translation support does not translate node content if disabled 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    let c2 = [], p2 = {key:2};
    var vn2 = h('span', p2, c2);
    c1.push(vn2);
    c2.push({text: \`mot\`});
    let c3 = [], p3 = {key:3};
    var vn3 = h('span', p3, c3);
    c1.push(vn3);
    c3.push({text: \`word\`});
    return vn1;
}"
`;

exports[`translation support some attributes are translated 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    var _2 = 'mot';
    let c3 = [], p3 = {key:3,attrs:{label: _2}};
    var vn3 = h('p', p3, c3);
    c1.push(vn3);
    c3.push({text: \`mot\`});
    var _4 = 'mot';
    let c5 = [], p5 = {key:5,attrs:{title: _4}};
    var vn5 = h('p', p5, c5);
    c1.push(vn5);
    c5.push({text: \`mot\`});
    var _6 = 'mot';
    let c7 = [], p7 = {key:7,attrs:{placeholder: _6}};
    var vn7 = h('p', p7, c7);
    c1.push(vn7);
    c7.push({text: \`mot\`});
    var _8 = 'mot';
    let c9 = [], p9 = {key:9,attrs:{alt: _8}};
    var vn9 = h('p', p9, c9);
    c1.push(vn9);
    c9.push({text: \`mot\`});
    var _10 = 'word';
    let c11 = [], p11 = {key:11,attrs:{something: _10}};
    var vn11 = h('p', p11, c11);
    c1.push(vn11);
    c11.push({text: \`mot\`});
    return vn1;
}"
`;

exports[`whitespace handling consecutives whitespaces are condensed into a single space 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    c1.push({text: \` abc \`});
    return vn1;
}"
`;

exports[`whitespace handling nothing is done in pre tags 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('pre', p1, c1);
    c1.push({text: \`  \`});
    return vn1;
}"
`;

exports[`whitespace handling nothing is done in pre tags 2`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test2\\"
    var h = this.h;
    let c2 = [], p2 = {key:2};
    var vn2 = h('pre', p2, c2);
    c2.push({text: \`
        some text
      \`});
    return vn2;
}"
`;

exports[`whitespace handling nothing is done in pre tags 3`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test3\\"
    var h = this.h;
    let c3 = [], p3 = {key:3};
    var vn3 = h('pre', p3, c3);
    c3.push({text: \`
        
      \`});
    return vn3;
}"
`;

exports[`whitespace handling white space only text nodes are condensed into a single space 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    c1.push({text: \` \`});
    return vn1;
}"
`;

exports[`whitespace handling whitespace only text nodes with newlines are removed 1`] = `
"function anonymous(context, extra
) {
    // Template name: \\"test\\"
    var h = this.h;
    let c1 = [], p1 = {key:1};
    var vn1 = h('div', p1, c1);
    let c2 = [], p2 = {key:2};
    var vn2 = h('span', p2, c2);
    c1.push(vn2);
    c2.push({text: \`abc\`});
    return vn1;
}"
`;