mirror of
https://github.com/bringout/oca-ocb-web.git
synced 2026-04-19 12:32:05 +02:00
f866779561
web_editor was removed in Odoo 19.0 and replaced by html_editor
and html_builder. The old web_editor was incorrectly included in
the 19.0 vanilla import.
🤖 assisted by claude
280 lines
11 KiB
JavaScript
280 lines
11 KiB
JavaScript
import {
|
|
addBuilderPlugin,
|
|
addBuilderOption,
|
|
addBuilderAction,
|
|
setupHTMLBuilder,
|
|
} from "@html_builder/../tests/helpers";
|
|
import { BuilderAction } from "@html_builder/core/builder_action";
|
|
import { Plugin } from "@html_editor/plugin";
|
|
import { expect, test, describe } from "@odoo/hoot";
|
|
import { xml } from "@odoo/owl";
|
|
import { contains } from "@web/../tests/web_test_helpers";
|
|
|
|
describe.current.tags("desktop");
|
|
|
|
test("Undo/Redo correctly restores the stored container target", async () => {
|
|
addBuilderAction({
|
|
customAction: class extends BuilderAction {
|
|
static id = "customAction";
|
|
apply({ editingElement }) {
|
|
editingElement.remove();
|
|
}
|
|
},
|
|
});
|
|
addBuilderOption({
|
|
selector: ".test-options-target",
|
|
template: xml`<BuilderButton action="'customAction'">Test</BuilderButton>`,
|
|
});
|
|
await setupHTMLBuilder(`
|
|
<div data-name="Target 1" class="test-options-target target1">
|
|
Homepage
|
|
</div>
|
|
<div data-name="Target 2" class="test-options-target target2">
|
|
Homepage2
|
|
</div>
|
|
|
|
`);
|
|
|
|
await contains(":iframe .target1").click();
|
|
expect(".options-container").toHaveAttribute("data-container-title", "Target 1");
|
|
await contains("[data-action-id='customAction']").click();
|
|
await contains(":iframe .target2").click();
|
|
expect(".options-container").toHaveAttribute("data-container-title", "Target 2");
|
|
|
|
await contains(".o-snippets-top-actions .fa-undo").click();
|
|
expect(".options-container").toHaveAttribute("data-container-title", "Target 1");
|
|
await contains(".o-snippets-top-actions .fa-repeat").click();
|
|
expect(".options-container").toHaveCount(0);
|
|
});
|
|
|
|
test("Undo/Redo multiple actions always restores the action container target", async () => {
|
|
addBuilderAction({
|
|
customAction: class extends BuilderAction {
|
|
static id = "customAction";
|
|
apply({ editingElement }) {
|
|
editingElement.classList.add("test");
|
|
}
|
|
},
|
|
});
|
|
addBuilderOption({
|
|
selector: ".test-options-target",
|
|
template: xml`<BuilderButton action="'customAction'">Test</BuilderButton>`,
|
|
});
|
|
await setupHTMLBuilder(`
|
|
<div data-name="Target 1" class="test-options-target target1">
|
|
Homepage
|
|
</div>
|
|
<div data-name="Target 2" class="test-options-target target2">
|
|
Homepage2
|
|
</div>
|
|
|
|
`);
|
|
|
|
await contains(":iframe .target1").click();
|
|
expect(".options-container").toHaveAttribute("data-container-title", "Target 1");
|
|
await contains("[data-action-id='customAction']").click();
|
|
await contains(":iframe .target2").click();
|
|
expect(".options-container").toHaveAttribute("data-container-title", "Target 2");
|
|
await contains("[data-action-id='customAction']").click();
|
|
expect(":iframe .test-options-target.test").toHaveCount(2);
|
|
// Undo everything.
|
|
await contains(".o-snippets-top-actions .fa-undo").click();
|
|
expect(".options-container").toHaveAttribute("data-container-title", "Target 2");
|
|
await contains(".o-snippets-top-actions .fa-undo").click();
|
|
expect(".options-container").toHaveAttribute("data-container-title", "Target 1");
|
|
expect(":iframe .test-options-target.test").toHaveCount(0);
|
|
// Redo everything.
|
|
await contains(".o-snippets-top-actions .fa-repeat").click();
|
|
expect(".options-container").toHaveAttribute("data-container-title", "Target 1");
|
|
await contains(".o-snippets-top-actions .fa-repeat").click();
|
|
expect(".options-container").toHaveAttribute("data-container-title", "Target 2");
|
|
expect(":iframe .test-options-target.test").toHaveCount(2);
|
|
});
|
|
|
|
test("Undo/Redo an action that activates another target restores the old one on undo and the new one on redo", async () => {
|
|
let editor;
|
|
addBuilderAction({
|
|
customAction: class extends BuilderAction {
|
|
static id = "customAction";
|
|
apply({ editingElement }) {
|
|
editingElement.classList.add("test");
|
|
editor.shared.builderOptions.setNextTarget(editingElement.nextElementSibling);
|
|
}
|
|
},
|
|
});
|
|
addBuilderOption({
|
|
selector: ".test-options-target",
|
|
template: xml`<BuilderButton action="'customAction'">Test</BuilderButton>`,
|
|
});
|
|
const { getEditor } = await setupHTMLBuilder(`
|
|
<div data-name="Target 1" class="test-options-target target1">
|
|
Homepage
|
|
</div>
|
|
<div data-name="Target 2" class="test-options-target target2">
|
|
Homepage2
|
|
</div>
|
|
|
|
`);
|
|
editor = getEditor();
|
|
|
|
await contains(":iframe .target1").click();
|
|
expect(".options-container").toHaveAttribute("data-container-title", "Target 1");
|
|
await contains("[data-action-id='customAction']").click();
|
|
expect(".options-container").toHaveAttribute("data-container-title", "Target 2");
|
|
// Undo everything.
|
|
await contains(".o-snippets-top-actions .fa-undo").click();
|
|
expect(".options-container").toHaveAttribute("data-container-title", "Target 1");
|
|
await contains(".o-snippets-top-actions .fa-repeat").click();
|
|
expect(".options-container").toHaveAttribute("data-container-title", "Target 2");
|
|
});
|
|
|
|
test("Undo/Redo an action that deactivates the containers restores the old one on undo and deactivates again on redo", async () => {
|
|
let editor;
|
|
addBuilderAction({
|
|
customAction: class extends BuilderAction {
|
|
static id = "customAction";
|
|
apply({ editingElement }) {
|
|
editingElement.classList.add("test");
|
|
editor.shared.builderOptions.setNextTarget(false);
|
|
}
|
|
},
|
|
});
|
|
addBuilderOption({
|
|
selector: ".test-options-target",
|
|
template: xml`<BuilderButton action="'customAction'">Test</BuilderButton>`,
|
|
});
|
|
const { getEditor } = await setupHTMLBuilder(`
|
|
<div data-name="Target 1" class="test-options-target target1">
|
|
Homepage
|
|
</div>
|
|
`);
|
|
editor = getEditor();
|
|
|
|
await contains(":iframe .target1").click();
|
|
expect(".options-container").toHaveAttribute("data-container-title", "Target 1");
|
|
await contains("[data-action-id='customAction']").click();
|
|
expect(".options-container").toHaveCount(0);
|
|
expect("button[data-name='blocks']").toHaveClass("active");
|
|
// Undo everything.
|
|
await contains(".o-snippets-top-actions .fa-undo").click();
|
|
expect(".options-container").toHaveAttribute("data-container-title", "Target 1");
|
|
await contains(".o-snippets-top-actions .fa-repeat").click();
|
|
expect(".options-container").toHaveCount(0);
|
|
expect("button[data-name='blocks']").toHaveClass("active");
|
|
});
|
|
|
|
test("Containers fallback to a valid ancestor if the target disappears and restore it on undo", async () => {
|
|
addBuilderAction({
|
|
targetAction: class extends BuilderAction {
|
|
static id = "targetAction";
|
|
apply({ editingElement }) {
|
|
editingElement.remove();
|
|
}
|
|
},
|
|
ancestorAction: class extends BuilderAction {
|
|
static id = "ancestorAction";
|
|
apply({ editingElement }) {
|
|
editingElement.remove();
|
|
}
|
|
},
|
|
});
|
|
addBuilderOption({
|
|
selector: ".test-options-target",
|
|
template: xml`<BuilderButton action="'targetAction'">Test</BuilderButton>`,
|
|
});
|
|
addBuilderOption({
|
|
selector: ".test-ancestor",
|
|
template: xml`<BuilderButton action="'ancestorAction'">Ancestor selected</BuilderButton>`,
|
|
});
|
|
await setupHTMLBuilder(`
|
|
<div data-name="Ancestor" class="test-ancestor">
|
|
Hey I'm an ancestor
|
|
<div data-name="Target 1" class="test-options-target target1">
|
|
Homepage
|
|
</div>
|
|
</div>
|
|
|
|
`);
|
|
|
|
await contains(":iframe .target1").click();
|
|
expect(".options-container[data-container-title='Ancestor']").toHaveCount(1);
|
|
expect(".options-container[data-container-title='Target 1']").toHaveCount(1);
|
|
await contains("[data-action-id='targetAction']").click();
|
|
expect(".options-container[data-container-title='Ancestor']").toHaveCount(1);
|
|
expect(".options-container[data-container-title='Target 1']").toHaveCount(0);
|
|
expect("[data-action-id='ancestorAction']").toHaveCount(1);
|
|
|
|
await contains(".o-snippets-top-actions .fa-undo").click();
|
|
expect(".options-container[data-container-title='Ancestor']").toHaveCount(1);
|
|
expect(".options-container[data-container-title='Target 1']").toHaveCount(1);
|
|
});
|
|
|
|
test("Do not activate/update containers if the element clicked is excluded", async () => {
|
|
addBuilderOption({
|
|
selector: ".test-options-target",
|
|
template: xml`<BuilderButton classAction="'test'">Test</BuilderButton>`,
|
|
});
|
|
await setupHTMLBuilder(`
|
|
<div data-name="Target 1" class="test-options-target target1 o_we_no_overlay">
|
|
Homepage
|
|
</div>
|
|
<div data-name="Target 2" class="test-options-target target2">
|
|
Homepage2
|
|
</div>
|
|
|
|
`);
|
|
|
|
await contains(":iframe .target1").click();
|
|
expect(".options-container").toHaveCount(0);
|
|
await contains(":iframe .target2").click();
|
|
expect(".options-container").toHaveAttribute("data-container-title", "Target 2");
|
|
expect(".options-container [data-class-action='test']").toHaveCount(1);
|
|
await contains(":iframe .target1").click();
|
|
expect(".options-container").toHaveAttribute("data-container-title", "Target 2");
|
|
});
|
|
|
|
test("Do not show parent container for no_parent_containers targets", async () => {
|
|
class TestPlugin extends Plugin {
|
|
static id = "test";
|
|
resources = {
|
|
no_parent_containers: ".test-child-target",
|
|
};
|
|
}
|
|
addBuilderPlugin(TestPlugin);
|
|
addBuilderOption({
|
|
selector: ".test-parent-target",
|
|
template: xml`<BuilderButton classAction="'test'">Test</BuilderButton>`,
|
|
});
|
|
addBuilderOption({
|
|
selector: ".test-child-target",
|
|
template: xml`<BuilderButton classAction="'test'">Test</BuilderButton>`,
|
|
});
|
|
addBuilderOption({
|
|
selector: ".test-grand-child-target",
|
|
template: xml`<BuilderButton classAction="'test'">Test</BuilderButton>`,
|
|
});
|
|
await setupHTMLBuilder(`
|
|
<div data-name="Parent" class="test-parent-target">
|
|
Parent
|
|
<div data-name="Child" class="test-child-target">
|
|
Child
|
|
<div data-name="Grand-child" class="test-grand-child-target">
|
|
Grand-Child
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`);
|
|
|
|
await contains(":iframe .test-child-target").click();
|
|
expect(".options-container").toHaveCount(1);
|
|
expect(".options-container").toHaveAttribute("data-container-title", "Child");
|
|
// Try with several layers
|
|
await contains(":iframe .test-grand-child-target").click();
|
|
expect(".options-container").toHaveCount(2);
|
|
expect(".options-container:eq(0)").toHaveAttribute("data-container-title", "Child");
|
|
expect(".options-container:eq(1)").toHaveAttribute("data-container-title", "Grand-child");
|
|
// Make sure the parent's options still appear for itself.
|
|
await contains(":iframe .test-parent-target").click();
|
|
expect(".options-container").toHaveCount(1);
|
|
expect(".options-container").toHaveAttribute("data-container-title", "Parent");
|
|
});
|