mirror of
https://github.com/odoo/owl.git
synced 2025-10-06 19:59:41 +07:00
Géry Debongnie
3fdc7a48f3
In most cases, we just want Component<any, Env>. But since it was so annoying to have always the type Env, we actually used Component<any,any> everywhere. With this commit, the generic types have a default (and their order is swapped), so we can simply use Component in most cases, and Component<Props> when we want to type the props.
58 lines
1.7 KiB
TypeScript
58 lines
1.7 KiB
TypeScript
/**
|
|
* We can only make one test per file, since the debug tool modify in place
|
|
* the owl object in a way that is difficult to undo.
|
|
*/
|
|
|
|
import { debugOwl } from "../../tools/debug";
|
|
import * as owl from "../../src/index";
|
|
|
|
import { Component, Env } from "../../src/component/component";
|
|
import { xml } from "../../src/tags";
|
|
import { useState } from "../../src/hooks";
|
|
import { makeTestFixture, makeTestEnv, nextTick } from "../helpers";
|
|
|
|
let fixture: HTMLElement = makeTestFixture();
|
|
let env: Env = makeTestEnv();
|
|
Component.env = env;
|
|
|
|
debugOwl(owl, {});
|
|
|
|
test("can log full lifecycle", async () => {
|
|
const steps: string[] = [];
|
|
const log = console.log;
|
|
console.log = arg => steps.push(arg);
|
|
|
|
class Child extends Component {
|
|
static template = xml`<div>child</div>`;
|
|
}
|
|
|
|
class Parent extends Component {
|
|
static template = xml`<div><Child t-if="state.flag"/></div>`;
|
|
static components = { Child };
|
|
state = useState({ flag: false });
|
|
}
|
|
|
|
const parent = new Parent(null, {});
|
|
await parent.mount(fixture);
|
|
|
|
parent.state.flag = true;
|
|
await nextTick();
|
|
|
|
expect(steps).toEqual([
|
|
"[OWL_DEBUG] Parent<id=1> constructor, props={}",
|
|
"[OWL_DEBUG] Parent<id=1> mount",
|
|
"[OWL_DEBUG] Parent<id=1> willStart",
|
|
"[OWL_DEBUG] Parent<id=1> rendering template",
|
|
"[OWL_DEBUG] Parent<id=1> mounted",
|
|
"[OWL_DEBUG] Parent<id=1> render",
|
|
"[OWL_DEBUG] Parent<id=1> rendering template",
|
|
"[OWL_DEBUG] Child<id=2> constructor, props={}",
|
|
"[OWL_DEBUG] Child<id=2> willStart",
|
|
"[OWL_DEBUG] Child<id=2> rendering template",
|
|
"[OWL_DEBUG] Parent<id=1> willPatch",
|
|
"[OWL_DEBUG] Child<id=2> mounted",
|
|
"[OWL_DEBUG] Parent<id=1> patched"
|
|
]);
|
|
console.log = log;
|
|
});
|