NextERP/owl
2
0
Fork 0
mirror of https://github.com/odoo/owl.git synced 2025-10-06 19:59:41 +07:00
Code Issues Packages Projects Releases Wiki Activity

[REF] components: remove .el

Browse Source
This commit is contained in:
Géry Debongnie
2021-12-20 13:54:52 +01:00
committed by Aaron Bohy
parent 7eaecac0b5
commit bf9cceb56f
17 changed files with 80 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/components/t_key.test.ts
+15 -15
View File
@@ -1,4 +1,4 @@
import { snapshotEverything, makeTestFixture, nextTick } from "../helpers";
import { snapshotEverything, makeTestFixture, nextTick, elem } from "../helpers";
import { Component, mount, xml } from "../../src/index";
snapshotEverything();
@@ -22,19 +22,19 @@ describe("t-key", () => {
class Parent extends Component {
static components = { Child };
static template = xml`<span><Child t-key="key" key="key" /></span>`;
static template = xml`<Child t-key="key" key="key" />`;
key = 1;
}
const parent = await mount(Parent, fixture);
expect((parent.el as HTMLElement).innerHTML).toBe("<div>1</div>");
expect(fixture.innerHTML).toBe("<div>1</div>");
const oldChild = childInstance;
parent.key = 2;
parent.render();
await nextTick();
expect((parent.el as HTMLElement).innerHTML).toBe("<div>2</div>");
expect(fixture.innerHTML).toBe("<div>2</div>");
expect(oldChild === childInstance).toBeFalsy();
});
@@ -61,14 +61,14 @@ describe("t-key", () => {
}
const parent = await mount(Parent, fixture);
expect((parent.el as HTMLElement).innerHTML).toBe("<div>1</div>");
expect(fixture.innerHTML).toBe("<span><div>1</div></span>");
expect(keyCalls).toBe(2); // one for t-key, the other for the props
const oldChild = childInstance;
__key = 2;
parent.render();
await nextTick();
expect((parent.el as HTMLElement).innerHTML).toBe("<div>2</div>");
expect(fixture.innerHTML).toBe("<span><div>2</div></span>");
expect(oldChild === childInstance).toBeFalsy();
expect(keyCalls).toBe(4);
});
@@ -95,13 +95,13 @@ describe("t-key", () => {
}
const parent = await mount(Parent, fixture);
expect((parent.el as HTMLElement).innerHTML).toBe("<div>1</div><div>2</div>");
expect(elem(parent).innerHTML).toBe("<div>1</div><div>2</div>");
parent.key1 = 2;
parent.key2 = 1;
parent.render();
await nextTick();
expect((parent.el as HTMLElement).innerHTML).toBe("<div>2</div><div>1</div>");
expect(elem(parent).innerHTML).toBe("<div>2</div><div>1</div>");
expect(childInstances.length).toBe(4);
});
@@ -134,13 +134,13 @@ describe("t-key", () => {
</t>
</templates>`,
});
expect((parent.el as HTMLElement).innerHTML).toBe("<div>1</div><div>2</div>");
expect(elem(parent).innerHTML).toBe("<div>1</div><div>2</div>");
parent.key1 = 2;
parent.key2 = 1;
parent.render();
await nextTick();
expect((parent.el as HTMLElement).innerHTML).toBe("<div>2</div><div>1</div>");
expect(elem(parent).innerHTML).toBe("<div>2</div><div>1</div>");
expect(childInstances.length).toBe(4);
});
@@ -172,13 +172,13 @@ describe("t-key", () => {
</t>
</templates>`,
});
expect((parent.el as HTMLElement).innerHTML).toBe("<div>1</div><div>2</div>");
expect(elem(parent).innerHTML).toBe("<div>1</div><div>2</div>");
parent.key1 = 2;
parent.key2 = 1;
parent.render();
await nextTick();
expect((parent.el as HTMLElement).innerHTML).toBe("<div>2</div><div>1</div>");
expect(elem(parent).innerHTML).toBe("<div>2</div><div>1</div>");
expect(childInstances.length).toBe(4);
});
@@ -204,11 +204,11 @@ describe("t-key", () => {
}
const parent = await mount(Parent, fixture);
expect((parent.el as HTMLElement).innerHTML).toBe("<div>1key1</div><div>2key1</div>");
expect(elem(parent).innerHTML).toBe("<div>1key1</div><div>2key1</div>");
parent.clist = [2, 1];
parent.render();
await nextTick();
expect((parent.el as HTMLElement).innerHTML).toBe("<div>2key1</div><div>1key1</div>");
expect(elem(parent).innerHTML).toBe("<div>2key1</div><div>1key1</div>");
expect(childInstances.length).toBe(2);
childInstances.length = 0;
@@ -216,7 +216,7 @@ describe("t-key", () => {
parent.key1 = "key2";
parent.render();
await nextTick();
expect((parent.el as HTMLElement).innerHTML).toBe("<div>1key2</div><div>2key2</div>");
expect(elem(parent).innerHTML).toBe("<div>1key2</div><div>2key2</div>");
expect(childInstances.length).toBe(2);
});
});