[REF] compiler: rename qweb/ into compiler/

2025-10-06 19:59:41 +07:00 · 2021-11-13 08:41:53 +01:00
parent 4efe1ae166
commit 04334e23d7
50 changed files with 10 additions and 10 deletions
@@ -0,0 +1,113 @@
+import { TemplateSet } from "../../src/compiler/template_helpers";
+import { mount } from "../../src/blockdom";
+import { renderToBdom, snapshotEverything } from "../helpers";
+
+snapshotEverything();
+
+// -----------------------------------------------------------------------------
+// t-ref
+// -----------------------------------------------------------------------------
+
+describe("t-ref", () => {
+  test("can get a ref on a node", () => {
+    const template = `<div><span t-ref="myspan"/></div>`;
+    const refs: any = {};
+    const bdom = renderToBdom(template, { __owl__: { refs } });
+    expect(refs).toEqual({});
+    mount(bdom, document.createElement("div"));
+    expect(refs.myspan.tagName).toBe("SPAN");
+  });
+
+  test("can get a dynamic ref on a node", () => {
+    const template = `<div><span t-ref="myspan{{id}}"/></div>`;
+    const refs: any = {};
+    const bdom = renderToBdom(template, { id: 3, __owl__: { refs } });
+    expect(refs).toEqual({});
+    mount(bdom, document.createElement("div"));
+    expect(refs.myspan3.tagName).toBe("SPAN");
+  });
+
+  test("refs in a loop", () => {
+    const template = `<div>
+        <t t-foreach="items" t-as="item" t-key="item">
+          <div t-ref="{{item}}" t-key="item"><t t-esc="item"/></div>
+        </t>
+      </div>`;
+    const refs: any = {};
+    const bdom = renderToBdom(template, { items: [1, 2, 3], __owl__: { refs } });
+    expect(refs).toEqual({});
+    mount(bdom, document.createElement("div"));
+    expect(Object.keys(refs)).toEqual(["1", "2", "3"]);
+  });
+
+  test("ref in a t-if", () => {
+    const template = `
+      <div>
+        <t t-if="condition">
+          <span t-ref="name"/>
+        </t>
+      </div>`;
+
+    const refs: any = {};
+    // false
+    const bdom = renderToBdom(template, { condition: false, __owl__: { refs } });
+    expect(refs).toEqual({});
+    mount(bdom, document.createElement("div"));
+    expect(refs).toEqual({});
+
+    // true now
+    const bdom2 = renderToBdom(template, { condition: true, __owl__: { refs } });
+    bdom.patch(bdom2, true);
+    expect(refs.name.tagName).toBe("SPAN");
+
+    // false again
+    const bdom3 = renderToBdom(template, { condition: false, __owl__: { refs } });
+    bdom.patch(bdom3, true);
+    expect(refs).toEqual({ name: null });
+  });
+
+  test("two refs, one in a t-if", () => {
+    const template = `
+      <div>
+        <t t-if="condition">
+          <span t-ref="name"/>
+        </t>
+        <p t-ref="p"/>
+      </div>`;
+
+    const refs: any = {};
+
+    // false
+    const bdom = renderToBdom(template, { condition: false, __owl__: { refs } });
+    expect(Object.keys(refs)).toEqual([]);
+    mount(bdom, document.createElement("div"));
+    expect(Object.keys(refs)).toEqual(["p"]);
+
+    // true now
+    const bdom2 = renderToBdom(template, { condition: true, __owl__: { refs } });
+    bdom.patch(bdom2, true);
+    expect(Object.keys(refs)).toEqual(["p", "name"]);
+
+    // false again
+    const bdom3 = renderToBdom(template, { condition: false, __owl__: { refs } });
+    bdom.patch(bdom3, true);
+    expect(Object.keys(refs)).toEqual(["p", "name"]);
+    expect(refs.name).toBeNull();
+  });
+
+  test("ref in a t-call", () => {
+    const main = `<div><t t-call="sub"/></div>`;
+    const sub = `<div>1<span t-ref="name"/>2</div>`;
+
+    const refs: any = {};
+
+    const app = new TemplateSet();
+    app.addTemplate("main", main);
+    app.addTemplate("sub", sub);
+
+    const bdom = app.getTemplate("main")({ __owl__: { refs } }, {});
+    mount(bdom, document.createElement("div"));
+
+    expect(refs.name.tagName).toBe("SPAN");
+  });
+});