add support for t-else directive with t-widget

This commit is contained in:
Géry Debongnie
2019-03-13 14:29:57 +01:00
parent 059aa042fe
commit 929178b5e8
2 changed files with 24 additions and 1 deletions
+1 -1
View File
@@ -930,7 +930,7 @@ const widgetDirective: Directive = {
ctx.addLine(`extra.promises.push(def${defID});`);
if (node.getAttribute("t-if")) {
if (node.getAttribute("t-if") || node.getAttribute("t-else")) {
ctx.closeIf();
}
+23
View File
@@ -816,6 +816,29 @@ describe("other directives with t-widget", () => {
await widget.updateState({ flag: true });
expect(fixture.innerHTML).toBe("<div><span>hey</span></div>");
});
test("t-else works with t-widget", async () => {
class ParentWidget extends Widget {
inlineTemplate = `
<div>
<div t-if="state.flag">somediv</div>
<t t-else="1" 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>");
await widget.updateState({ flag: false });
expect(normalize(fixture.innerHTML)).toBe("<div><span>hey</span></div>");
});
});
describe("random stuff/miscellaneous", () => {