[FIX] qweb: t-key in t-foreach is mandatory, throws otherwise

tests/qweb/t_key.test.ts

@@ -1,22 +1,23 @@
-describe.skip("t-key", () => {
+import { renderToString, snapshotEverything } from "../helpers";
+
+snapshotEverything();
+
+describe("t-key", () => {
   test("can use t-key directive on a node", () => {
-    // qweb.addTemplate("test", `<div t-key="beer.id"><t t-esc="beer.name"/></div>`);
-    // expect(renderToString(qweb, "test", { beer: { id: 12, name: "Chimay Rouge" } })).toBe(
-    //   "<div>Chimay Rouge</div>"
-    // );
+    const template = `<div t-key="beer.id"><t t-esc="beer.name"/></div>`;
+    expect(renderToString(template, { beer: { id: 12, name: "Chimay Rouge" } })).toBe(
+      "<div>Chimay Rouge</div>"
+    );
   });
 
   test("t-key directive in a list", () => {
-    // qweb.addTemplate(
-    //   "test",
-    //   `<ul>
-    //     <li t-foreach="beers" t-as="beer" t-key="beer.id"><t t-esc="beer.name"/></li>
-    //    </ul>`
-    // );
-    // expect(
-    //   renderToString(qweb, "test", {
-    //     beers: [{ id: 12, name: "Chimay Rouge" }],
-    //   })
-    // ).toMatchSnapshot();
+    const template = `<ul>
+        <li t-foreach="beers" t-as="beer" t-key="beer.id"><t t-esc="beer.name"/></li>
+       </ul>`;
+    expect(
+      renderToString(template, {
+        beers: [{ id: 12, name: "Chimay Rouge" }],
+      })
+    ).toBe("<ul><li>Chimay Rouge</li></ul>");
   });
 });