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

[IMP] bdom: support multiple synthetic events on one node

Browse Source
This commit is contained in:
Bruno Boi
2021-11-08 12:12:44 +01:00
committed by Géry Debongnie
parent 8d4eb21536
commit 84913593b2
2 changed files with 81 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/blockdom/block_event_handling.test.ts
+69 -1
View File
@@ -123,6 +123,40 @@ test("two same block nodes with different handlers (synthetic)", async () => {
expect(steps).toEqual(["1", "2"]);
});
test("two event handlers on same event", async () => {
const block = createBlock('<div block-handler-0="click" block-handler-1="click"></div>');
let n = 0;
let m = 0;
const tree = block([() => m++, () => n++]);
mount(tree, fixture);
expect(fixture.innerHTML).toBe("<div></div>");
expect(m).toBe(0);
expect(n).toBe(0);
(fixture.firstChild as HTMLDivElement).click();
expect(m).toBe(1);
expect(n).toBe(1);
});
test("two synthetic event handlers on same event", async () => {
const block = createBlock(
'<div block-handler-0="click.synthetic" block-handler-1="click.synthetic"></div>'
);
let n = 0;
let m = 0;
const tree = block([() => m++, () => n++]);
mount(tree, fixture);
expect(fixture.innerHTML).toBe("<div></div>");
expect(m).toBe(0);
expect(n).toBe(0);
(fixture.firstChild as HTMLDivElement).click();
expect(m).toBe(1);
expect(n).toBe(1);
});
test("synthetic and native handlers can cohabitate", async () => {
const block = createBlock(
'<div block-handler-0="click.synthetic"><div block-handler-1="click"/></div>'
@@ -180,7 +214,7 @@ test("synthetic and native handlers can cohabitate (3)", async () => {
expect(steps).toEqual(["1", "0", "0", "2"]);
});
test("synthetic and native handlers can cohabitate (5)", async () => {
test("synthetic and native handlers can cohabitate (4)", async () => {
const parent = createBlock(`<div block-handler-0="click"><block-child-0/><block-child-1/></div>`);
const block = createBlock('<div block-handler-0="click"/>');
const blockSynth = createBlock('<div block-handler-0="click.synthetic"/>');
@@ -203,3 +237,37 @@ test("synthetic and native handlers can cohabitate (5)", async () => {
(children[1] as HTMLElement).click();
expect(steps).toEqual(["1", "0", "0"]);
});
test("synthetic and native handlers can cohabitate (5)", async () => {
const block = createBlock('<div block-handler-0="click.synthetic" block-handler-1="click"/>');
let steps: string[] = [];
let handler1 = () => steps.push("1");
let handler2 = () => steps.push("2");
const tree = block([handler1, handler2]);
mount(tree, fixture);
expect(fixture.innerHTML).toBe("<div></div>");
(fixture.firstChild as HTMLDivElement).click();
expect(steps).toEqual(["2", "1"]);
});
test("synthetic and native handlers can cohabitate (6)", async () => {
const block = createBlock(`<div
block-handler-0="click.synthetic"
block-handler-1="click"
block-handler-2="click.synthetic"
block-handler-3="click"
/>`);
let steps: string[] = [];
const handler1 = () => steps.push("1");
const handler2 = () => steps.push("2");
const handler3 = () => steps.push("3");
const handler4 = () => steps.push("4");
const tree = block([handler1, handler2, handler3, handler4]);
mount(tree, fixture);
expect(fixture.innerHTML).toBe("<div></div>");
(fixture.firstChild as HTMLDivElement).click();
expect(steps).toEqual(["2", "4", "1", "3"]);
});