[FIX] component: make t-widget work with t-elif

closes #97

src/qweb_extensions.ts

@@ -314,7 +314,11 @@ QWeb.addDirective({
 
     ctx.addLine(`extra.promises.push(def${defID});`);
 
-    if (node.hasAttribute("t-if") || node.hasAttribute("t-else")) {
+    if (
+      node.hasAttribute("t-if") ||
+      node.hasAttribute("t-else") ||
+      node.hasAttribute("t-elif")
+    ) {
       ctx.closeIf();
     }
 

tests/component.test.ts

@@ -1395,6 +1395,30 @@ describe("other directives with t-widget", () => {
     expect(normalize(fixture.innerHTML)).toBe("<div><span>hey</span></div>");
   });
 
+  test("t-elif works with t-widget", async () => {
+    class ParentWidget extends Widget {
+      inlineTemplate = `
+        <div>
+          <div t-if="state.flag">somediv</div>
+          <t t-elif="!state.flag" t-widget="child"/>
+        </div>`;
+      widgets = { child: Child };
+      state = { flag: true };
+    }
+    class Child extends Widget {
+      inlineTemplate = "<span>hey</span>";
+    }
+
+    const widget = new ParentWidget(env);
+    await widget.mount(fixture);
+
+    expect(normalize(fixture.innerHTML)).toBe("<div><div>somediv</div></div>");
+
+    widget.state.flag = false;
+    await nextTick();
+    expect(normalize(fixture.innerHTML)).toBe("<div><span>hey</span></div>");
+  });
+
   test("t-else with empty string works with t-widget", async () => {
     class ParentWidget extends Widget {
       inlineTemplate = `