mirror of
https://github.com/odoo/owl.git
synced 2025-10-06 19:59:41 +07:00
[FIX] components tests: place tests in right submodule
This commit is contained in:
committed by
Géry Debongnie
parent
00ffab1f64
commit
e5d773daa8
@@ -265,6 +265,59 @@ exports[`basics class parent, class child component with props 2`] = `
|
|||||||
}"
|
}"
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
exports[`basics component children doesn't leak (if case) 1`] = `
|
||||||
|
"function anonymous(bdom, helpers
|
||||||
|
) {
|
||||||
|
let { text, createBlock, list, multi, html, toggler, component, comment } = bdom;
|
||||||
|
|
||||||
|
return function template(ctx, node, key = \\"\\") {
|
||||||
|
let b2;
|
||||||
|
if (ctx['ifVar']) {
|
||||||
|
b2 = component(\`Child\`, {}, key + \`__1\`, node, ctx);
|
||||||
|
}
|
||||||
|
return multi([b2]);
|
||||||
|
}
|
||||||
|
}"
|
||||||
|
`;
|
||||||
|
|
||||||
|
exports[`basics component children doesn't leak (if case) 2`] = `
|
||||||
|
"function anonymous(bdom, helpers
|
||||||
|
) {
|
||||||
|
let { text, createBlock, list, multi, html, toggler, component, comment } = bdom;
|
||||||
|
|
||||||
|
let block1 = createBlock(\`<div/>\`);
|
||||||
|
|
||||||
|
return function template(ctx, node, key = \\"\\") {
|
||||||
|
return block1();
|
||||||
|
}
|
||||||
|
}"
|
||||||
|
`;
|
||||||
|
|
||||||
|
exports[`basics component children doesn't leak (t-key case) 1`] = `
|
||||||
|
"function anonymous(bdom, helpers
|
||||||
|
) {
|
||||||
|
let { text, createBlock, list, multi, html, toggler, component, comment } = bdom;
|
||||||
|
|
||||||
|
return function template(ctx, node, key = \\"\\") {
|
||||||
|
const tKey_1 = ctx['keyVar'];
|
||||||
|
return toggler(tKey_1, component(\`Child\`, {}, tKey_1 + key + \`__1\`, node, ctx));
|
||||||
|
}
|
||||||
|
}"
|
||||||
|
`;
|
||||||
|
|
||||||
|
exports[`basics component children doesn't leak (t-key case) 2`] = `
|
||||||
|
"function anonymous(bdom, helpers
|
||||||
|
) {
|
||||||
|
let { text, createBlock, list, multi, html, toggler, component, comment } = bdom;
|
||||||
|
|
||||||
|
let block1 = createBlock(\`<div/>\`);
|
||||||
|
|
||||||
|
return function template(ctx, node, key = \\"\\") {
|
||||||
|
return block1();
|
||||||
|
}
|
||||||
|
}"
|
||||||
|
`;
|
||||||
|
|
||||||
exports[`basics component with dynamic content can be updated 1`] = `
|
exports[`basics component with dynamic content can be updated 1`] = `
|
||||||
"function anonymous(bdom, helpers
|
"function anonymous(bdom, helpers
|
||||||
) {
|
) {
|
||||||
|
|||||||
@@ -794,6 +794,75 @@ describe("basics", () => {
|
|||||||
await nextTick();
|
await nextTick();
|
||||||
expect(fixture.textContent!.trim()).toBe("2__3");
|
expect(fixture.textContent!.trim()).toBe("2__3");
|
||||||
});
|
});
|
||||||
|
|
||||||
|
test("component children doesn't leak (if case)", async () => {
|
||||||
|
class Child extends Component {
|
||||||
|
static template = xml`<div />`;
|
||||||
|
setup() {
|
||||||
|
useLogLifecycle();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
class Parent extends Component {
|
||||||
|
static components = { Child };
|
||||||
|
static template = xml`<Child t-if="ifVar" />`;
|
||||||
|
ifVar = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
const parent = await mount(Parent, fixture);
|
||||||
|
expect(Object.keys(parent.__owl__.children).length).toStrictEqual(1);
|
||||||
|
expect([
|
||||||
|
"Child:setup",
|
||||||
|
"Child:willStart",
|
||||||
|
"Child:willRender",
|
||||||
|
"Child:rendered",
|
||||||
|
"Child:mounted",
|
||||||
|
]).toBeLogged();
|
||||||
|
|
||||||
|
parent.ifVar = false;
|
||||||
|
parent.render();
|
||||||
|
await nextTick();
|
||||||
|
expect(Object.keys(parent.__owl__.children).length).toStrictEqual(0);
|
||||||
|
expect(["Child:willUnmount", "Child:willDestroy"]).toBeLogged();
|
||||||
|
});
|
||||||
|
|
||||||
|
test("component children doesn't leak (t-key case)", async () => {
|
||||||
|
// This test should encompass the t-foreach and t-call cases too (because they also use a flavor of some key)
|
||||||
|
class Child extends Component {
|
||||||
|
static template = xml`<div />`;
|
||||||
|
setup() {
|
||||||
|
useLogLifecycle();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
class Parent extends Component {
|
||||||
|
static components = { Child };
|
||||||
|
static template = xml`<Child t-key="keyVar" />`;
|
||||||
|
keyVar = 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
const parent = await mount(Parent, fixture);
|
||||||
|
expect(Object.keys(parent.__owl__.children).length).toStrictEqual(1);
|
||||||
|
expect([
|
||||||
|
"Child:setup",
|
||||||
|
"Child:willStart",
|
||||||
|
"Child:willRender",
|
||||||
|
"Child:rendered",
|
||||||
|
"Child:mounted",
|
||||||
|
]).toBeLogged();
|
||||||
|
|
||||||
|
parent.keyVar = 2;
|
||||||
|
parent.render();
|
||||||
|
await nextTick();
|
||||||
|
expect(Object.keys(parent.__owl__.children).length).toStrictEqual(1);
|
||||||
|
expect([
|
||||||
|
"Child:setup",
|
||||||
|
"Child:willStart",
|
||||||
|
"Child:willRender",
|
||||||
|
"Child:rendered",
|
||||||
|
"Child:willUnmount",
|
||||||
|
"Child:willDestroy",
|
||||||
|
"Child:mounted",
|
||||||
|
]).toBeLogged();
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
describe("mount targets", () => {
|
describe("mount targets", () => {
|
||||||
@@ -900,73 +969,4 @@ describe("t-out in components", () => {
|
|||||||
"<div><b>one</b><b>one</b><b>two</b><b>two</b><b>tree</b><b>tree</b></div>"
|
"<div><b>one</b><b>one</b><b>two</b><b>two</b><b>tree</b><b>tree</b></div>"
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|
||||||
test("component children doesn't leak (if case)", async () => {
|
|
||||||
class Child extends Component {
|
|
||||||
static template = xml`<div />`;
|
|
||||||
setup() {
|
|
||||||
useLogLifecycle();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
class Parent extends Component {
|
|
||||||
static components = { Child };
|
|
||||||
static template = xml`<Child t-if="ifVar" />`;
|
|
||||||
ifVar = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
const parent = await mount(Parent, fixture);
|
|
||||||
expect(Object.keys(parent.__owl__.children).length).toStrictEqual(1);
|
|
||||||
expect([
|
|
||||||
"Child:setup",
|
|
||||||
"Child:willStart",
|
|
||||||
"Child:willRender",
|
|
||||||
"Child:rendered",
|
|
||||||
"Child:mounted",
|
|
||||||
]).toBeLogged();
|
|
||||||
|
|
||||||
parent.ifVar = false;
|
|
||||||
parent.render();
|
|
||||||
await nextTick();
|
|
||||||
expect(Object.keys(parent.__owl__.children).length).toStrictEqual(0);
|
|
||||||
expect(["Child:willUnmount", "Child:willDestroy"]).toBeLogged();
|
|
||||||
});
|
|
||||||
|
|
||||||
test("component children doesn't leak (t-key case)", async () => {
|
|
||||||
// This test should encompass the t-foreach and t-call cases too (because they also use a flavor of some key)
|
|
||||||
class Child extends Component {
|
|
||||||
static template = xml`<div />`;
|
|
||||||
setup() {
|
|
||||||
useLogLifecycle();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
class Parent extends Component {
|
|
||||||
static components = { Child };
|
|
||||||
static template = xml`<Child t-key="keyVar" />`;
|
|
||||||
keyVar = 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
const parent = await mount(Parent, fixture);
|
|
||||||
expect(Object.keys(parent.__owl__.children).length).toStrictEqual(1);
|
|
||||||
expect([
|
|
||||||
"Child:setup",
|
|
||||||
"Child:willStart",
|
|
||||||
"Child:willRender",
|
|
||||||
"Child:rendered",
|
|
||||||
"Child:mounted",
|
|
||||||
]).toBeLogged();
|
|
||||||
|
|
||||||
parent.keyVar = 2;
|
|
||||||
parent.render();
|
|
||||||
await nextTick();
|
|
||||||
expect(Object.keys(parent.__owl__.children).length).toStrictEqual(1);
|
|
||||||
expect([
|
|
||||||
"Child:setup",
|
|
||||||
"Child:willStart",
|
|
||||||
"Child:willRender",
|
|
||||||
"Child:rendered",
|
|
||||||
"Child:willUnmount",
|
|
||||||
"Child:willDestroy",
|
|
||||||
"Child:mounted",
|
|
||||||
]).toBeLogged();
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user