From b890e7ceae8e7dc65561dc4bbdfe8f92c354b846 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=A9ry=20Debongnie?= <ged@odoo.com>
Date: Tue, 10 Dec 2019 14:27:14 +0100
Subject: [PATCH] [IMP] qweb: add template name in generated compiled code

---
 src/qweb/qweb.ts                              |   6 +-
 tests/__snapshots__/animations.test.ts.snap   |  15 +-
 .../__snapshots__/component.test.ts.snap      | 162 ++++---
 .../props_validation.test.ts.snap             |   3 +-
 tests/qweb/__snapshots__/qweb.test.ts.snap    | 402 ++++++++++++------
 tests/router/__snapshots__/link.test.ts.snap  |   3 +-
 .../route_component.test.ts.snap              |   3 +-
 7 files changed, 395 insertions(+), 199 deletions(-)

diff --git a/src/qweb/qweb.ts b/src/qweb/qweb.ts
index 7598d73f..3afc4b96 100644
--- a/src/qweb/qweb.ts
+++ b/src/qweb/qweb.ts
@@ -392,12 +392,13 @@ export class QWeb extends EventBus {
     }
 
     let code = ctx.generateCode();
+    const templateName = ctx.templateName.replace(/`/g, "'").slice(0, 200);
+    code.unshift(`    // Template name: "${templateName}"`)
 
     let template;
     try {
-      template = new Function("context", "extra", code.join("\n")) as CompiledTemplate;
+      template = new Function("context, extra", code.join("\n")) as CompiledTemplate;
     } catch (e) {
-      const templateName = ctx.templateName.replace(/`/g, "'");
       console.groupCollapsed(`Invalid Code generated by ${templateName}`);
       console.warn(code.join("\n"));
       console.groupEnd();
@@ -453,7 +454,6 @@ export class QWeb extends EventBus {
       }
       return;
     }
-
     if (ctx !== ctx.rootContext) {
       ctx = ctx.subContext("currentKey", ctx.currentKey);
     }
diff --git a/tests/__snapshots__/animations.test.ts.snap b/tests/__snapshots__/animations.test.ts.snap
index dfa9ea20..7ad1555d 100644
--- a/tests/__snapshots__/animations.test.ts.snap
+++ b/tests/__snapshots__/animations.test.ts.snap
@@ -1,8 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`animations t-transition combined with component 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"Parent\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -45,8 +46,9 @@ exports[`animations t-transition combined with component 1`] = `
 `;
 
 exports[`animations t-transition combined with t-component and t-if 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"Parent\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -91,8 +93,9 @@ exports[`animations t-transition combined with t-component and t-if 1`] = `
 `;
 
 exports[`animations t-transition combined with t-component, remove and re-add before transitionend 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"__template__2\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -137,8 +140,9 @@ exports[`animations t-transition combined with t-component, remove and re-add be
 `;
 
 exports[`animations t-transition with no delay/duration 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let utils = this.constructor.utils;
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -157,8 +161,9 @@ exports[`animations t-transition with no delay/duration 1`] = `
 `;
 
 exports[`animations t-transition, on a simple node (insert) 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let utils = this.constructor.utils;
     var h = this.h;
     let c1 = [], p1 = {key:1};
diff --git a/tests/component/__snapshots__/component.test.ts.snap b/tests/component/__snapshots__/component.test.ts.snap
index ffb36f47..95963b03 100644
--- a/tests/component/__snapshots__/component.test.ts.snap
+++ b/tests/component/__snapshots__/component.test.ts.snap
@@ -1,8 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`basic widget properties reconciliation alg works for t-foreach in t-foreach 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"__template__2\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -70,8 +71,9 @@ exports[`basic widget properties reconciliation alg works for t-foreach in t-for
 `;
 
 exports[`basic widget properties t-key on a component with t-if, and a sibling component 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"__template__2\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -135,8 +137,9 @@ exports[`basic widget properties t-key on a component with t-if, and a sibling c
 `;
 
 exports[`class and style attributes with t-component dynamic t-att-style is properly added and updated on widget root el 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"ParentWidget\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -174,8 +177,9 @@ exports[`class and style attributes with t-component dynamic t-att-style is prop
 `;
 
 exports[`class and style attributes with t-component t-att-class is properly added/removed on widget root el (v2) 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"ParentWidget\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -217,8 +221,9 @@ exports[`class and style attributes with t-component t-att-class is properly add
 `;
 
 exports[`class and style attributes with t-component t-att-class is properly added/removed on widget root el (v2) 2`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"Child\\"
     let utils = this.constructor.utils;
     var h = this.h;
     let _8 = {'c':true};
@@ -230,8 +235,9 @@ exports[`class and style attributes with t-component t-att-class is properly add
 `;
 
 exports[`class and style attributes with t-component t-att-class is properly added/removed on widget root el (v3) 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"ParentWidget\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -273,8 +279,9 @@ exports[`class and style attributes with t-component t-att-class is properly add
 `;
 
 exports[`class and style attributes with t-component t-att-class is properly added/removed on widget root el (v3) 2`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"Child\\"
     let utils = this.constructor.utils;
     var h = this.h;
     let _8 = {'c':true};
@@ -286,8 +293,9 @@ exports[`class and style attributes with t-component t-att-class is properly add
 `;
 
 exports[`composition sub components with some state rendered in a loop 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"parent\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -341,8 +349,9 @@ exports[`composition sub components with some state rendered in a loop 1`] = `
 `;
 
 exports[`composition t-component with dynamic value 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"ParentWidget\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -379,8 +388,9 @@ exports[`composition t-component with dynamic value 1`] = `
 `;
 
 exports[`composition t-component with dynamic value 2 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"ParentWidget\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -417,8 +427,9 @@ exports[`composition t-component with dynamic value 2 1`] = `
 `;
 
 exports[`dynamic t-props basic use 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"__template__2\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -455,8 +466,9 @@ exports[`dynamic t-props basic use 1`] = `
 `;
 
 exports[`other directives with t-component t-on with getter as handler 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"__template__2\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -497,8 +509,9 @@ exports[`other directives with t-component t-on with getter as handler 1`] = `
 `;
 
 exports[`other directives with t-component t-on with handler bound to argument 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"ParentWidget\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -535,8 +548,9 @@ exports[`other directives with t-component t-on with handler bound to argument 1
 `;
 
 exports[`other directives with t-component t-on with handler bound to empty object (with non empty inner string) 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"ParentWidget\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -573,8 +587,9 @@ exports[`other directives with t-component t-on with handler bound to empty obje
 `;
 
 exports[`other directives with t-component t-on with handler bound to empty object 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"ParentWidget\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -611,8 +626,9 @@ exports[`other directives with t-component t-on with handler bound to empty obje
 `;
 
 exports[`other directives with t-component t-on with handler bound to object 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"ParentWidget\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -649,8 +665,9 @@ exports[`other directives with t-component t-on with handler bound to object 1`]
 `;
 
 exports[`other directives with t-component t-on with inline statement 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"__template__2\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -691,8 +708,9 @@ exports[`other directives with t-component t-on with inline statement 1`] = `
 `;
 
 exports[`other directives with t-component t-on with no handler (only modifiers) 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"__template__3\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -729,8 +747,9 @@ exports[`other directives with t-component t-on with no handler (only modifiers)
 `;
 
 exports[`other directives with t-component t-on with prevent and self modifiers (order matters) 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"ParentWidget\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -767,8 +786,9 @@ exports[`other directives with t-component t-on with prevent and self modifiers
 `;
 
 exports[`other directives with t-component t-on with self and prevent modifiers (order matters) 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"ParentWidget\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -805,8 +825,9 @@ exports[`other directives with t-component t-on with self and prevent modifiers
 `;
 
 exports[`other directives with t-component t-on with self modifier 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"ParentWidget\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -843,8 +864,9 @@ exports[`other directives with t-component t-on with self modifier 1`] = `
 `;
 
 exports[`other directives with t-component t-on with stop and/or prevent modifiers 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"ParentWidget\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -881,8 +903,9 @@ exports[`other directives with t-component t-on with stop and/or prevent modifie
 `;
 
 exports[`random stuff/miscellaneous can inject values in tagged templates 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"__template__2\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -898,8 +921,9 @@ exports[`random stuff/miscellaneous can inject values in tagged templates 1`] =
 `;
 
 exports[`random stuff/miscellaneous snapshotting compiled code 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"Parent\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -937,8 +961,9 @@ exports[`random stuff/miscellaneous snapshotting compiled code 1`] = `
 `;
 
 exports[`random stuff/miscellaneous t-on with handler bound to dynamic argument on a t-foreach 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"__template__1\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -993,8 +1018,9 @@ exports[`random stuff/miscellaneous t-on with handler bound to dynamic argument
 `;
 
 exports[`t-model directive .lazy modifier 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"__template__1\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -1018,8 +1044,9 @@ exports[`t-model directive .lazy modifier 1`] = `
 `;
 
 exports[`t-model directive basic use, on an input 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"__template__1\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -1043,8 +1070,9 @@ exports[`t-model directive basic use, on an input 1`] = `
 `;
 
 exports[`t-model directive basic use, on another key in component 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"SomeComponent\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -1068,8 +1096,9 @@ exports[`t-model directive basic use, on another key in component 1`] = `
 `;
 
 exports[`t-model directive in a t-foreach 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"__template__1\\"
     context = Object.create(context);
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -1104,8 +1133,9 @@ exports[`t-model directive in a t-foreach 1`] = `
 `;
 
 exports[`t-model directive on a select 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"SomeComponent\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -1150,8 +1180,9 @@ exports[`t-model directive on a select 1`] = `
 `;
 
 exports[`t-model directive on a sub state key 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"__template__1\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -1175,8 +1206,9 @@ exports[`t-model directive on a sub state key 1`] = `
 `;
 
 exports[`t-model directive on an input type=radio 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"SomeComponent\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -1215,8 +1247,9 @@ exports[`t-model directive on an input type=radio 1`] = `
 `;
 
 exports[`t-model directive on an input, type=checkbox 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"SomeComponent\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -1243,8 +1276,9 @@ exports[`t-model directive on an input, type=checkbox 1`] = `
 `;
 
 exports[`t-slot directive can define and call slots 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"Parent\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -1282,8 +1316,9 @@ exports[`t-slot directive can define and call slots 1`] = `
 `;
 
 exports[`t-slot directive can define and call slots 2`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"Dialog\\"
     let owner = context;
     var h = this.h;
     let c7 = [], p7 = {key:7};
@@ -1307,8 +1342,9 @@ exports[`t-slot directive can define and call slots 2`] = `
 `;
 
 exports[`t-slot directive can define and call slots 3`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"slot_header_template\\"
     var h = this.h;
     let c1 = extra.parentNode;
     Object.assign(context, extra.fiber.scope);
@@ -1320,8 +1356,9 @@ exports[`t-slot directive can define and call slots 3`] = `
 `;
 
 exports[`t-slot directive can define and call slots 4`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"slot_footer_template\\"
     var h = this.h;
     let c1 = extra.parentNode;
     Object.assign(context, extra.fiber.scope);
@@ -1333,8 +1370,9 @@ exports[`t-slot directive can define and call slots 4`] = `
 `;
 
 exports[`t-slot directive content is the default slot 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"slot_default_template\\"
     var h = this.h;
     let c1 = extra.parentNode;
     Object.assign(context, extra.fiber.scope);
@@ -1346,8 +1384,9 @@ exports[`t-slot directive content is the default slot 1`] = `
 `;
 
 exports[`t-slot directive default slot work with text nodes 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"slot_default_template\\"
     var h = this.h;
     let c1 = extra.parentNode;
     Object.assign(context, extra.fiber.scope);
@@ -1356,8 +1395,9 @@ exports[`t-slot directive default slot work with text nodes 1`] = `
 `;
 
 exports[`t-slot directive multiple roots are allowed in a default slot 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"slot_default_template\\"
     var h = this.h;
     let c1 = extra.parentNode;
     Object.assign(context, extra.fiber.scope);
@@ -1373,8 +1413,9 @@ exports[`t-slot directive multiple roots are allowed in a default slot 1`] = `
 `;
 
 exports[`t-slot directive multiple roots are allowed in a named slot 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"slot_content_template\\"
     var h = this.h;
     let c1 = extra.parentNode;
     Object.assign(context, extra.fiber.scope);
@@ -1390,8 +1431,9 @@ exports[`t-slot directive multiple roots are allowed in a named slot 1`] = `
 `;
 
 exports[`t-slot directive refs are properly bound in slots 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"slot_footer_template\\"
     let owner = context;
     context.__owl__.refs = context.__owl__.refs || {};
     var h = this.h;
@@ -1416,8 +1458,9 @@ exports[`t-slot directive refs are properly bound in slots 1`] = `
 `;
 
 exports[`t-slot directive slots are rendered with proper context 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"slot_footer_template\\"
     let owner = context;
     var h = this.h;
     let c1 = extra.parentNode;
@@ -1432,8 +1475,9 @@ exports[`t-slot directive slots are rendered with proper context 1`] = `
 `;
 
 exports[`t-slot directive slots are rendered with proper context, part 2 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"Link\\"
     let owner = context;
     var h = this.h;
     var _12 = context['props'].to;
@@ -1448,8 +1492,9 @@ exports[`t-slot directive slots are rendered with proper context, part 2 1`] = `
 `;
 
 exports[`t-slot directive slots are rendered with proper context, part 2 2`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"App\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -1516,8 +1561,9 @@ exports[`t-slot directive slots are rendered with proper context, part 2 2`] = `
 `;
 
 exports[`t-slot directive slots are rendered with proper context, part 2 3`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"slot_default_template\\"
     var h = this.h;
     let c7 = extra.parentNode;
     Object.assign(context, extra.fiber.scope);
@@ -1530,8 +1576,9 @@ exports[`t-slot directive slots are rendered with proper context, part 2 3`] = `
 `;
 
 exports[`t-slot directive slots are rendered with proper context, part 3 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"Link\\"
     let owner = context;
     var h = this.h;
     var _12 = context['props'].to;
@@ -1546,8 +1593,9 @@ exports[`t-slot directive slots are rendered with proper context, part 3 1`] = `
 `;
 
 exports[`t-slot directive slots are rendered with proper context, part 3 2`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"App\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -1615,8 +1663,9 @@ exports[`t-slot directive slots are rendered with proper context, part 3 2`] = `
 `;
 
 exports[`t-slot directive slots are rendered with proper context, part 3 3`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"slot_default_template\\"
     var h = this.h;
     let c7 = extra.parentNode;
     let _8 = extra.vars._8;
@@ -1628,8 +1677,9 @@ exports[`t-slot directive slots are rendered with proper context, part 3 3`] = `
 `;
 
 exports[`t-slot directive slots are rendered with proper context, part 4 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"App\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -1668,8 +1718,9 @@ exports[`t-slot directive slots are rendered with proper context, part 4 1`] = `
 `;
 
 exports[`t-slot directive slots are rendered with proper context, part 4 2`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"slot_default_template\\"
     var h = this.h;
     let c1 = extra.parentNode;
     let _2 = extra.vars._2;
@@ -1681,8 +1732,9 @@ exports[`t-slot directive slots are rendered with proper context, part 4 2`] = `
 `;
 
 exports[`t-slot directive template can just return a slot 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"__template__2\\"
     let utils = this.constructor.utils;
     let owner = context;
     let result;
@@ -1699,8 +1751,9 @@ exports[`t-slot directive template can just return a slot 1`] = `
 `;
 
 exports[`top level sub widgets basic use 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"Parent\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
@@ -1738,8 +1791,9 @@ exports[`top level sub widgets basic use 1`] = `
 `;
 
 exports[`top level sub widgets can select a sub widget  1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"__template__3\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
diff --git a/tests/component/__snapshots__/props_validation.test.ts.snap b/tests/component/__snapshots__/props_validation.test.ts.snap
index 754bdd38..ef724cb8 100644
--- a/tests/component/__snapshots__/props_validation.test.ts.snap
+++ b/tests/component/__snapshots__/props_validation.test.ts.snap
@@ -1,8 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`props validation props are validated in dev mode (code snapshot) 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"App\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;
diff --git a/tests/qweb/__snapshots__/qweb.test.ts.snap b/tests/qweb/__snapshots__/qweb.test.ts.snap
index 157db223..47056def 100644
--- a/tests/qweb/__snapshots__/qweb.test.ts.snap
+++ b/tests/qweb/__snapshots__/qweb.test.ts.snap
@@ -1,8 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`attributes class and t-attf-class with ternary operation 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     var _1 = 'hello ' + (context['value']?'world':'');
     let c2 = [], p2 = {key:2,attrs:{class: _1}};
@@ -12,8 +13,9 @@ exports[`attributes class and t-attf-class with ternary operation 1`] = `
 `;
 
 exports[`attributes dynamic attribute falsy variable  1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     var _1 = context['value'];
     let c2 = [], p2 = {key:2,attrs:{foo: _1}};
@@ -23,8 +25,9 @@ exports[`attributes dynamic attribute falsy variable  1`] = `
 `;
 
 exports[`attributes dynamic attribute with a dash 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     var _1 = context['id'];
     let c2 = [], p2 = {key:2,attrs:{\\"data-action-id\\": _1}};
@@ -34,8 +37,9 @@ exports[`attributes dynamic attribute with a dash 1`] = `
 `;
 
 exports[`attributes dynamic attributes 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     var _1 = 'bar';
     let c2 = [], p2 = {key:2,attrs:{foo: _1}};
@@ -45,8 +49,9 @@ exports[`attributes dynamic attributes 1`] = `
 `;
 
 exports[`attributes dynamic class attribute 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let utils = this.constructor.utils;
     var h = this.h;
     let _1 = utils.toObj(context['c']);
@@ -57,8 +62,9 @@ exports[`attributes dynamic class attribute 1`] = `
 `;
 
 exports[`attributes dynamic empty class attribute 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let utils = this.constructor.utils;
     var h = this.h;
     let _1 = utils.toObj(context['c']);
@@ -69,8 +75,9 @@ exports[`attributes dynamic empty class attribute 1`] = `
 `;
 
 exports[`attributes dynamic formatted attributes with a dash 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     var _1 = \`Some text \${context['id']}\`;
     let c2 = [], p2 = {key:2,attrs:{\\"aria-label\\": _1}};
@@ -80,8 +87,9 @@ exports[`attributes dynamic formatted attributes with a dash 1`] = `
 `;
 
 exports[`attributes fixed variable 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     var _1 = context['value'];
     let c2 = [], p2 = {key:2,attrs:{foo: _1}};
@@ -91,8 +99,9 @@ exports[`attributes fixed variable 1`] = `
 `;
 
 exports[`attributes format expression 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     var _1 = (context['value']+37);
     let c2 = [], p2 = {key:2,attrs:{foo: _1}};
@@ -102,8 +111,9 @@ exports[`attributes format expression 1`] = `
 `;
 
 exports[`attributes format expression, other format 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     var _1 = (context['value']+37);
     let c2 = [], p2 = {key:2,attrs:{foo: _1}};
@@ -113,8 +123,9 @@ exports[`attributes format expression, other format 1`] = `
 `;
 
 exports[`attributes format literal 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     var _1 = \`bar\`;
     let c2 = [], p2 = {key:2,attrs:{foo: _1}};
@@ -124,8 +135,9 @@ exports[`attributes format literal 1`] = `
 `;
 
 exports[`attributes format multiple 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     var _1 = \`a \${context['value1']} is \${context['value2']} of \${context['value3']} ]\`;
     let c2 = [], p2 = {key:2,attrs:{foo: _1}};
@@ -135,8 +147,9 @@ exports[`attributes format multiple 1`] = `
 `;
 
 exports[`attributes format value 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     var _1 = \`b\${context['value']}r\`;
     let c2 = [], p2 = {key:2,attrs:{foo: _1}};
@@ -146,8 +159,9 @@ exports[`attributes format value 1`] = `
 `;
 
 exports[`attributes from object variables set previously 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let utils = this.constructor.utils;
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -162,8 +176,9 @@ exports[`attributes from object variables set previously 1`] = `
 `;
 
 exports[`attributes from variables set previously 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let utils = this.constructor.utils;
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -178,8 +193,9 @@ exports[`attributes from variables set previously 1`] = `
 `;
 
 exports[`attributes object 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     var _1 = context['value'];
     let c2 = [], p2 = {key:2,attrs:{}};
@@ -196,8 +212,9 @@ exports[`attributes object 1`] = `
 `;
 
 exports[`attributes static attributes 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     var _1 = 'a';
     var _2 = 'b';
@@ -209,8 +226,9 @@ exports[`attributes static attributes 1`] = `
 `;
 
 exports[`attributes static attributes on void elements 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     var _1 = '/test.jpg';
     var _2 = 'Test';
@@ -221,8 +239,9 @@ exports[`attributes static attributes on void elements 1`] = `
 `;
 
 exports[`attributes static attributes with dashes 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     var _1 = 'Close';
     let c2 = [], p2 = {key:2,attrs:{\\"aria-label\\": _1}};
@@ -232,8 +251,9 @@ exports[`attributes static attributes with dashes 1`] = `
 `;
 
 exports[`attributes t-att-class and class should combine together 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let utils = this.constructor.utils;
     var h = this.h;
     let _2 = {'hello':true};
@@ -245,8 +265,9 @@ exports[`attributes t-att-class and class should combine together 1`] = `
 `;
 
 exports[`attributes t-att-class with object 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let utils = this.constructor.utils;
     var h = this.h;
     let _2 = {'static':true};
@@ -258,8 +279,9 @@ exports[`attributes t-att-class with object 1`] = `
 `;
 
 exports[`attributes t-attf-class should combine with class 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     var _1 = 'hello ' + \`world\`;
     let c2 = [], p2 = {key:2,attrs:{class: _1}};
@@ -269,8 +291,9 @@ exports[`attributes t-attf-class should combine with class 1`] = `
 `;
 
 exports[`attributes tuple literal 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     var _1 = ['foo','bar'];
     let c2 = [], p2 = {key:2,attrs:{}};
@@ -287,8 +310,9 @@ exports[`attributes tuple literal 1`] = `
 `;
 
 exports[`attributes tuple variable 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     var _1 = context['value'];
     let c2 = [], p2 = {key:2,attrs:{}};
@@ -305,8 +329,9 @@ exports[`attributes tuple variable 1`] = `
 `;
 
 exports[`debugging t-debug 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     debugger;
     let c1 = [], p1 = {key:1};
@@ -323,8 +348,9 @@ exports[`debugging t-debug 1`] = `
 `;
 
 exports[`debugging t-log 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -335,8 +361,9 @@ exports[`debugging t-log 1`] = `
 `;
 
 exports[`foreach does not pollute the rendering context 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     context = Object.create(context);
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -365,8 +392,9 @@ exports[`foreach does not pollute the rendering context 1`] = `
 `;
 
 exports[`foreach iterate on items (on a element node) 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     context = Object.create(context);
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -399,8 +427,9 @@ exports[`foreach iterate on items (on a element node) 1`] = `
 `;
 
 exports[`foreach iterate on items 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     context = Object.create(context);
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -441,8 +470,9 @@ exports[`foreach iterate on items 1`] = `
 `;
 
 exports[`foreach iterate, dict param 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     context = Object.create(context);
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -483,8 +513,9 @@ exports[`foreach iterate, dict param 1`] = `
 `;
 
 exports[`foreach iterate, position 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     context = Object.create(context);
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -522,8 +553,9 @@ exports[`foreach iterate, position 1`] = `
 `;
 
 exports[`foreach t-foreach in t-forach 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     context = Object.create(context);
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -573,8 +605,9 @@ exports[`foreach t-foreach in t-forach 1`] = `
 `;
 
 exports[`foreach warn if no key in some case 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     context = Object.create(context);
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -606,8 +639,9 @@ exports[`foreach warn if no key in some case 1`] = `
 `;
 
 exports[`loading templates can initialize qweb with a string 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"hey\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -617,8 +651,9 @@ exports[`loading templates can initialize qweb with a string 1`] = `
 `;
 
 exports[`loading templates can load a few templates from a xml string 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"main\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('ul', p1, c1);
@@ -635,8 +670,9 @@ exports[`loading templates can load a few templates from a xml string 1`] = `
 `;
 
 exports[`misc global 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"caller\\"
     let utils = this.constructor.utils;
     context = Object.create(context);
     var h = this.h;
@@ -714,8 +750,9 @@ exports[`misc global 1`] = `
 `;
 
 exports[`properly support svg add proper namespace to g tags 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let utils = this.constructor.utils;
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -736,8 +773,9 @@ exports[`properly support svg add proper namespace to g tags 1`] = `
 `;
 
 exports[`properly support svg add proper namespace to svg 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let utils = this.constructor.utils;
     var h = this.h;
     var _1 = '100px';
@@ -760,8 +798,9 @@ exports[`properly support svg add proper namespace to svg 1`] = `
 `;
 
 exports[`special cases for some boolean html attributes/properties input type= checkbox, with t-att-checked 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     var _1 = 'checkbox';
     var _2 = context['flag'];
@@ -772,8 +811,9 @@ exports[`special cases for some boolean html attributes/properties input type= c
 `;
 
 exports[`special cases for some boolean html attributes/properties various boolean html attributes 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -812,8 +852,9 @@ exports[`special cases for some boolean html attributes/properties various boole
 `;
 
 exports[`static templates div with a class attribute 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let _2 = {'abc':true};
     let c3 = [], p3 = {key:3,class:_2};
@@ -824,8 +865,9 @@ exports[`static templates div with a class attribute 1`] = `
 `;
 
 exports[`static templates div with a empty class attribute 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c2 = [], p2 = {key:2};
     var vn2 = h('div', p2, c2);
@@ -835,8 +877,9 @@ exports[`static templates div with a empty class attribute 1`] = `
 `;
 
 exports[`static templates div with a span child node 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -849,8 +892,9 @@ exports[`static templates div with a span child node 1`] = `
 `;
 
 exports[`static templates div with a text node 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -860,8 +904,9 @@ exports[`static templates div with a text node 1`] = `
 `;
 
 exports[`static templates empty div 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -870,8 +915,9 @@ exports[`static templates empty div 1`] = `
 `;
 
 exports[`static templates properly handle comments 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -883,8 +929,9 @@ exports[`static templates properly handle comments 1`] = `
 `;
 
 exports[`static templates simple dynamic value 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let result;
     var h = this.h;
     var _1 = context['text'];
@@ -897,8 +944,9 @@ exports[`static templates simple dynamic value 1`] = `
 `;
 
 exports[`static templates simple string 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let result;
     var h = this.h;
     var vn1 = {text: \`hello vdom\`};
@@ -908,8 +956,9 @@ exports[`static templates simple string 1`] = `
 `;
 
 exports[`static templates simple string, with some dynamic value 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let result;
     var h = this.h;
     var vn1 = {text: \`hello \`};
@@ -923,8 +972,9 @@ exports[`static templates simple string, with some dynamic value 1`] = `
 `;
 
 exports[`t-call (template calling basic caller 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"caller\\"
     let result;
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -936,8 +986,9 @@ exports[`t-call (template calling basic caller 1`] = `
 `;
 
 exports[`t-call (template calling call with several sub nodes on same line 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"main\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -958,8 +1009,9 @@ exports[`t-call (template calling call with several sub nodes on same line 1`] =
 `;
 
 exports[`t-call (template calling cascading t-call t-raw='0' 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"main\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -998,8 +1050,9 @@ exports[`t-call (template calling cascading t-call t-raw='0' 1`] = `
 `;
 
 exports[`t-call (template calling inherit context 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"caller\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -1012,8 +1065,9 @@ exports[`t-call (template calling inherit context 1`] = `
 `;
 
 exports[`t-call (template calling recursive template, part 1 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"recursive\\"
     let owner = context;
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -1030,8 +1084,9 @@ exports[`t-call (template calling recursive template, part 1 1`] = `
 `;
 
 exports[`t-call (template calling recursive template, part 1 2`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"__3\\"
     let owner = context;
     var h = this.h;
     let c1 = extra.parentNode;
@@ -1050,8 +1105,9 @@ exports[`t-call (template calling recursive template, part 1 2`] = `
 `;
 
 exports[`t-call (template calling recursive template, part 2 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"Parent\\"
     let owner = context;
     context = Object.create(context);
     const scope = Object.create(null);
@@ -1097,8 +1153,9 @@ exports[`t-call (template calling recursive template, part 2 1`] = `
 `;
 
 exports[`t-call (template calling recursive template, part 2 2`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"__10\\"
     let owner = context;
     context = Object.create(context);
     const scope = Object.create(null);
@@ -1141,8 +1198,9 @@ exports[`t-call (template calling recursive template, part 2 2`] = `
 `;
 
 exports[`t-call (template calling recursive template, part 3 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"Parent\\"
     let owner = context;
     context = Object.create(context);
     const scope = Object.create(null);
@@ -1188,8 +1246,9 @@ exports[`t-call (template calling recursive template, part 3 1`] = `
 `;
 
 exports[`t-call (template calling recursive template, part 3 2`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"__10\\"
     let owner = context;
     context = Object.create(context);
     const scope = Object.create(null);
@@ -1232,8 +1291,9 @@ exports[`t-call (template calling recursive template, part 3 2`] = `
 `;
 
 exports[`t-call (template calling scoped parameters 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"caller\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -1250,8 +1310,9 @@ exports[`t-call (template calling scoped parameters 1`] = `
 `;
 
 exports[`t-call (template calling t-call with t-if 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"caller\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -1266,8 +1327,9 @@ exports[`t-call (template calling t-call with t-if 1`] = `
 `;
 
 exports[`t-call (template calling t-call, global templates 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"abcd\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -1280,8 +1342,9 @@ exports[`t-call (template calling t-call, global templates 1`] = `
 `;
 
 exports[`t-call (template calling with unused body 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"caller\\"
     let result;
     var h = this.h;
     let c2 = [], p2 = {key:2};
@@ -1293,8 +1356,9 @@ exports[`t-call (template calling with unused body 1`] = `
 `;
 
 exports[`t-call (template calling with unused setbody 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"caller\\"
     let result;
     var h = this.h;
     {
@@ -1309,8 +1373,9 @@ exports[`t-call (template calling with unused setbody 1`] = `
 `;
 
 exports[`t-call (template calling with used body 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"caller\\"
     let result;
     var h = this.h;
     let c2 = [], p2 = {key:2};
@@ -1322,8 +1387,9 @@ exports[`t-call (template calling with used body 1`] = `
 `;
 
 exports[`t-call (template calling with used set body 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"caller\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('span', p1, c1);
@@ -1338,8 +1404,9 @@ exports[`t-call (template calling with used set body 1`] = `
 `;
 
 exports[`t-esc escaping on a node 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('span', p1, c1);
@@ -1352,8 +1419,9 @@ exports[`t-esc escaping on a node 1`] = `
 `;
 
 exports[`t-esc escaping on a node with a body 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('span', p1, c1);
@@ -1368,8 +1436,9 @@ exports[`t-esc escaping on a node with a body 1`] = `
 `;
 
 exports[`t-esc escaping on a node with a body, as a default 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('span', p1, c1);
@@ -1384,8 +1453,9 @@ exports[`t-esc escaping on a node with a body, as a default 1`] = `
 `;
 
 exports[`t-esc literal 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('span', p1, c1);
@@ -1398,8 +1468,9 @@ exports[`t-esc literal 1`] = `
 `;
 
 exports[`t-esc variable 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('span', p1, c1);
@@ -1412,8 +1483,9 @@ exports[`t-esc variable 1`] = `
 `;
 
 exports[`t-if boolean value condition elif 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -1434,8 +1506,9 @@ exports[`t-if boolean value condition elif 1`] = `
 `;
 
 exports[`t-if boolean value condition else 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -1458,8 +1531,9 @@ exports[`t-if boolean value condition else 1`] = `
 `;
 
 exports[`t-if boolean value condition false else 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -1482,8 +1556,9 @@ exports[`t-if boolean value condition false else 1`] = `
 `;
 
 exports[`t-if boolean value condition missing 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('span', p1, c1);
@@ -1495,8 +1570,9 @@ exports[`t-if boolean value condition missing 1`] = `
 `;
 
 exports[`t-if boolean value false condition 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -1508,8 +1584,9 @@ exports[`t-if boolean value false condition 1`] = `
 `;
 
 exports[`t-if boolean value true condition 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -1521,8 +1598,9 @@ exports[`t-if boolean value true condition 1`] = `
 `;
 
 exports[`t-if can use some boolean operators in expressions 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -1555,8 +1633,9 @@ exports[`t-if can use some boolean operators in expressions 1`] = `
 `;
 
 exports[`t-if t-esc with t-elif 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -1574,8 +1653,9 @@ exports[`t-if t-esc with t-elif 1`] = `
 `;
 
 exports[`t-if t-esc with t-if 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -1590,8 +1670,9 @@ exports[`t-if t-esc with t-if 1`] = `
 `;
 
 exports[`t-if t-set, then t-elif, part 3 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -1614,8 +1695,9 @@ exports[`t-if t-set, then t-elif, part 3 1`] = `
 `;
 
 exports[`t-if t-set, then t-if 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -1630,8 +1712,9 @@ exports[`t-if t-set, then t-if 1`] = `
 `;
 
 exports[`t-if t-set, then t-if, part 2 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -1648,8 +1731,9 @@ exports[`t-if t-set, then t-if, part 2 1`] = `
 `;
 
 exports[`t-key can use t-key directive on a node 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     const nodeKey1 = context['beer'].id;
     let c2 = [], p2 = {key:nodeKey1};
@@ -1663,8 +1747,9 @@ exports[`t-key can use t-key directive on a node 1`] = `
 `;
 
 exports[`t-key t-key directive in a list 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     context = Object.create(context);
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -1699,8 +1784,9 @@ exports[`t-key t-key directive in a list 1`] = `
 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
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let owner = context;
     var h = this.h;
     let c1 = [], p1 = {key:1,on:{}};
@@ -1713,8 +1799,9 @@ exports[`t-on can bind event handler 1`] = `
 `;
 
 exports[`t-on can bind handlers with arguments 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let owner = context;
     var h = this.h;
     let c1 = [], p1 = {key:1,on:{}};
@@ -1727,8 +1814,9 @@ exports[`t-on can bind handlers with arguments 1`] = `
 `;
 
 exports[`t-on can bind handlers with empty object (with non empty inner string) 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let owner = context;
     var h = this.h;
     let c1 = [], p1 = {key:1,on:{}};
@@ -1741,8 +1829,9 @@ exports[`t-on can bind handlers with empty object (with non empty inner string)
 `;
 
 exports[`t-on can bind handlers with empty object 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let owner = context;
     var h = this.h;
     let c1 = [], p1 = {key:1,on:{}};
@@ -1755,8 +1844,9 @@ exports[`t-on can bind handlers with empty object 1`] = `
 `;
 
 exports[`t-on can bind handlers with loop variable as argument 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let owner = context;
     context = Object.create(context);
     var h = this.h;
@@ -1792,8 +1882,9 @@ exports[`t-on can bind handlers with loop variable as argument 1`] = `
 `;
 
 exports[`t-on can bind handlers with object arguments 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let owner = context;
     var h = this.h;
     let c1 = [], p1 = {key:1,on:{}};
@@ -1806,8 +1897,9 @@ exports[`t-on can bind handlers with object arguments 1`] = `
 `;
 
 exports[`t-on can bind two event handlers 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let owner = context;
     var h = this.h;
     let c1 = [], p1 = {key:1,on:{}};
@@ -1822,8 +1914,9 @@ exports[`t-on can bind two event handlers 1`] = `
 `;
 
 exports[`t-on handler is bound to proper owner 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let owner = context;
     var h = this.h;
     let c1 = [], p1 = {key:1,on:{}};
@@ -1836,8 +1929,9 @@ exports[`t-on handler is bound to proper owner 1`] = `
 `;
 
 exports[`t-on t-on combined with t-esc 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let owner = context;
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -1856,8 +1950,9 @@ exports[`t-on t-on combined with t-esc 1`] = `
 `;
 
 exports[`t-on t-on combined with t-raw 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let utils = this.constructor.utils;
     let owner = context;
     var h = this.h;
@@ -1877,8 +1972,9 @@ exports[`t-on t-on combined with t-raw 1`] = `
 `;
 
 exports[`t-on t-on with empty handler (only modifiers) 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let owner = context;
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -1893,8 +1989,9 @@ exports[`t-on t-on with empty handler (only modifiers) 1`] = `
 `;
 
 exports[`t-on t-on with inline statement (function call) 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let owner = context;
     var h = this.h;
     let c1 = [], p1 = {key:1,on:{}};
@@ -1907,8 +2004,9 @@ exports[`t-on t-on with inline statement (function call) 1`] = `
 `;
 
 exports[`t-on t-on with inline statement 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let owner = context;
     var h = this.h;
     let c1 = [], p1 = {key:1,on:{}};
@@ -1921,8 +2019,9 @@ exports[`t-on t-on with inline statement 1`] = `
 `;
 
 exports[`t-on t-on with prevent and self modifiers (order matters) 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let owner = context;
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -1941,8 +2040,9 @@ exports[`t-on t-on with prevent and self modifiers (order matters) 1`] = `
 `;
 
 exports[`t-on t-on with prevent and/or stop modifiers 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let owner = context;
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -1970,8 +2070,9 @@ exports[`t-on t-on with prevent and/or stop modifiers 1`] = `
 `;
 
 exports[`t-on t-on with prevent modifier in t-foreach 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let owner = context;
     context = Object.create(context);
     var h = this.h;
@@ -2009,8 +2110,9 @@ exports[`t-on t-on with prevent modifier in t-foreach 1`] = `
 `;
 
 exports[`t-on t-on with self and prevent modifiers (order matters) 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let owner = context;
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -2029,8 +2131,9 @@ exports[`t-on t-on with self and prevent modifiers (order matters) 1`] = `
 `;
 
 exports[`t-on t-on with self modifier 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let owner = context;
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -2058,8 +2161,9 @@ exports[`t-on t-on with self modifier 1`] = `
 `;
 
 exports[`t-raw literal 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let utils = this.constructor.utils;
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -2073,8 +2177,9 @@ exports[`t-raw literal 1`] = `
 `;
 
 exports[`t-raw not escaping 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let utils = this.constructor.utils;
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -2088,8 +2193,9 @@ exports[`t-raw not escaping 1`] = `
 `;
 
 exports[`t-raw t-raw and another sibling node 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let utils = this.constructor.utils;
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -2107,8 +2213,9 @@ exports[`t-raw t-raw and another sibling node 1`] = `
 `;
 
 exports[`t-raw variable 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let utils = this.constructor.utils;
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -2122,8 +2229,9 @@ exports[`t-raw variable 1`] = `
 `;
 
 exports[`t-ref can get a dynamic ref on a node 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     context.__owl__.refs = context.__owl__.refs || {};
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -2145,8 +2253,9 @@ exports[`t-ref can get a dynamic ref on a node 1`] = `
 `;
 
 exports[`t-ref can get a ref on a node 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     context.__owl__.refs = context.__owl__.refs || {};
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -2168,8 +2277,9 @@ exports[`t-ref can get a ref on a node 1`] = `
 `;
 
 exports[`t-ref refs in a loop 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     context.__owl__.refs = context.__owl__.refs || {};
     context = Object.create(context);
     var h = this.h;
@@ -2212,8 +2322,9 @@ exports[`t-ref refs in a loop 1`] = `
 `;
 
 exports[`t-set evaluate value expression 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -2226,8 +2337,9 @@ exports[`t-set evaluate value expression 1`] = `
 `;
 
 exports[`t-set evaluate value expression, part 2 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -2240,8 +2352,9 @@ exports[`t-set evaluate value expression, part 2 1`] = `
 `;
 
 exports[`t-set set from attribute literal 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -2254,8 +2367,9 @@ exports[`t-set set from attribute literal 1`] = `
 `;
 
 exports[`t-set set from attribute lookup 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -2268,8 +2382,9 @@ exports[`t-set set from attribute lookup 1`] = `
 `;
 
 exports[`t-set set from body literal 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     let result;
     var h = this.h;
     var vn1 = {text: \`ok\`};
@@ -2279,8 +2394,9 @@ exports[`t-set set from body literal 1`] = `
 `;
 
 exports[`t-set set from body lookup 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -2293,8 +2409,9 @@ exports[`t-set set from body lookup 1`] = `
 `;
 
 exports[`t-set set from empty body 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -2303,8 +2420,9 @@ exports[`t-set set from empty body 1`] = `
 `;
 
 exports[`t-set t-set and t-if 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -2317,8 +2435,9 @@ exports[`t-set t-set and t-if 1`] = `
 `;
 
 exports[`t-set t-set evaluates an expression only once 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -2334,8 +2453,9 @@ exports[`t-set t-set evaluates an expression only once 1`] = `
 `;
 
 exports[`t-set t-set should reuse variable if possible 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     context = Object.create(context);
     var h = this.h;
     let c1 = [], p1 = {key:1};
@@ -2373,8 +2493,9 @@ exports[`t-set t-set should reuse variable if possible 1`] = `
 `;
 
 exports[`t-set t-set, t-if, and mix of expression/body lookup, 1 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -2393,8 +2514,9 @@ exports[`t-set t-set, t-if, and mix of expression/body lookup, 1 1`] = `
 `;
 
 exports[`t-set t-set, t-if, and mix of expression/body lookup, 1 2`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -2413,8 +2535,9 @@ exports[`t-set t-set, t-if, and mix of expression/body lookup, 1 2`] = `
 `;
 
 exports[`t-set t-set, t-if, and mix of expression/body lookup, 2 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -2433,8 +2556,9 @@ exports[`t-set t-set, t-if, and mix of expression/body lookup, 2 1`] = `
 `;
 
 exports[`t-set t-set, t-if, and mix of expression/body lookup, 2 2`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -2453,8 +2577,9 @@ exports[`t-set t-set, t-if, and mix of expression/body lookup, 2 2`] = `
 `;
 
 exports[`t-set value priority 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -2467,8 +2592,9 @@ exports[`t-set value priority 1`] = `
 `;
 
 exports[`translation support can translate node content 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -2478,8 +2604,9 @@ exports[`translation support can translate node content 1`] = `
 `;
 
 exports[`translation support does not translate node content if disabled 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -2496,8 +2623,9 @@ exports[`translation support does not translate node content if disabled 1`] = `
 `;
 
 exports[`translation support some attributes are translated 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -2531,8 +2659,9 @@ exports[`translation support some attributes are translated 1`] = `
 `;
 
 exports[`whitespace handling consecutives whitespaces are condensed into a single space 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -2542,8 +2671,9 @@ exports[`whitespace handling consecutives whitespaces are condensed into a singl
 `;
 
 exports[`whitespace handling nothing is done in pre tags 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('pre', p1, c1);
@@ -2553,8 +2683,9 @@ exports[`whitespace handling nothing is done in pre tags 1`] = `
 `;
 
 exports[`whitespace handling nothing is done in pre tags 2`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test2\\"
     var h = this.h;
     let c2 = [], p2 = {key:2};
     var vn2 = h('pre', p2, c2);
@@ -2566,8 +2697,9 @@ exports[`whitespace handling nothing is done in pre tags 2`] = `
 `;
 
 exports[`whitespace handling nothing is done in pre tags 3`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test3\\"
     var h = this.h;
     let c3 = [], p3 = {key:3};
     var vn3 = h('pre', p3, c3);
@@ -2579,8 +2711,9 @@ exports[`whitespace handling nothing is done in pre tags 3`] = `
 `;
 
 exports[`whitespace handling white space only text nodes are condensed into a single space 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
@@ -2590,8 +2723,9 @@ exports[`whitespace handling white space only text nodes are condensed into a si
 `;
 
 exports[`whitespace handling whitespace only text nodes with newlines are removed 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"test\\"
     var h = this.h;
     let c1 = [], p1 = {key:1};
     var vn1 = h('div', p1, c1);
diff --git a/tests/router/__snapshots__/link.test.ts.snap b/tests/router/__snapshots__/link.test.ts.snap
index e8c4660c..f574e108 100644
--- a/tests/router/__snapshots__/link.test.ts.snap
+++ b/tests/router/__snapshots__/link.test.ts.snap
@@ -1,8 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Link component can render simple cases 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"__template__1\\"
     let utils = this.constructor.utils;
     let owner = context;
     var h = this.h;
diff --git a/tests/router/__snapshots__/route_component.test.ts.snap b/tests/router/__snapshots__/route_component.test.ts.snap
index 01fa9e30..1363cd08 100644
--- a/tests/router/__snapshots__/route_component.test.ts.snap
+++ b/tests/router/__snapshots__/route_component.test.ts.snap
@@ -1,8 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`RouteComponent can render simple cases 1`] = `
-"function anonymous(context,extra
+"function anonymous(context, extra
 ) {
+    // Template name: \\"__template__1\\"
     let utils = this.constructor.utils;
     let QWeb = this.constructor;
     let parent = context;