[IMP] qweb: add t-debug and t-log directives

tests/__snapshots__/qweb.test.ts.snap

@@ -256,6 +256,36 @@ exports[`attributes tuple variable 1`] = `
 }"
 `;
 
+exports[`debugging t-debug 1`] = `
+"function anonymous(context,extra
+) {
+    var h = this.utils.h;
+    debugger;
+    var c1 = [], p1 = {key:1};
+    var vn1 = h('div', p1, c1);
+    if (true) {
+        debugger;
+        var 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
+) {
+    var h = this.utils.h;
+    var c1 = [], p1 = {key:1};
+    var vn1 = h('div', p1, c1);
+    var _2 = 42;
+    console.log(_2 + 3)
+    return vn1;
+}"
+`;
+
 exports[`foreach does not pollute the rendering context 1`] = `
 "function anonymous(context,extra
 ) {

tests/qweb.test.ts

@@ -1094,3 +1094,32 @@ describe("t-key", () => {
     ).toMatchSnapshot();
   });
 });
+
+describe("debugging", () => {
+  test("t-debug", () => {
+    qweb.addTemplate(
+      "test",
+      `<div t-debug="1"><t t-if="true"><span t-debug="1">hey</span></t></div>`
+    );
+    qweb.render('test');
+    expect(qweb.templates.test.toString()).toMatchSnapshot();
+  });
+
+  test("t-log", () => {
+    const consoleLog = console.log;
+    console.log = jest.fn()
+
+    qweb.addTemplate(
+      "test",
+      `<div>
+          <t t-set="foo" t-value="42"/>
+          <t t-log="foo + 3"/>
+        </div>`
+    );
+    qweb.render('test');
+    expect(qweb.templates.test.toString()).toMatchSnapshot();
+
+    expect(console.log).toHaveBeenCalledWith(45);
+    console.log = consoleLog;
+  });
+});