mirror of
https://github.com/bringout/oca-ocb-web.git
synced 2026-04-18 18:12:02 +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
75 lines
3.2 KiB
JavaScript
75 lines
3.2 KiB
JavaScript
import { addBuilderOption, setupHTMLBuilder } from "@html_builder/../tests/helpers";
|
|
import { expect, test, describe } from "@odoo/hoot";
|
|
import { queryAllTexts, queryAllValues, waitFor } from "@odoo/hoot-dom";
|
|
import { xml } from "@odoo/owl";
|
|
import { contains } from "@web/../tests/web_test_helpers";
|
|
|
|
describe.current.tags("desktop");
|
|
|
|
test("edit box-shadow with ShadowOption", async () => {
|
|
addBuilderOption({
|
|
selector: ".test-options-target",
|
|
template: xml`<ShadowOption/>`,
|
|
});
|
|
await setupHTMLBuilder(`<div class="test-options-target">b</div>`);
|
|
await contains(":iframe .test-options-target").click();
|
|
await waitFor(".hb-row");
|
|
expect(queryAllTexts(".hb-row .hb-row-label")).toEqual(["Shadow"]);
|
|
expect(":iframe .test-options-target").toHaveOuterHTML(
|
|
'<div class="test-options-target o-paragraph">b</div>'
|
|
);
|
|
|
|
await contains('.options-container button[title="Outset"]').click();
|
|
expect(queryAllTexts(".hb-row .hb-row-label")).toEqual([
|
|
"Shadow",
|
|
"Color",
|
|
"Offset (X, Y)",
|
|
"Blur",
|
|
"Spread",
|
|
]);
|
|
expect(queryAllValues('[data-action-id="setShadow"] input')).toEqual(["0", "8", "16", "0"]);
|
|
expect(":iframe .test-options-target").toHaveOuterHTML(
|
|
'<div class="test-options-target o-paragraph shadow" style="box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px 0px !important;">b</div>'
|
|
);
|
|
|
|
await contains('[data-action-param="offsetX"] input').fill(10);
|
|
await contains('[data-action-param="offsetY"] input').fill(2);
|
|
expect(":iframe .test-options-target").toHaveOuterHTML(
|
|
'<div class="test-options-target o-paragraph shadow" style="box-shadow: rgba(0, 0, 0, 0.15) 10px 82px 16px 0px !important;">b</div>'
|
|
);
|
|
|
|
await contains('[data-action-param="blur"] input').clear();
|
|
await contains('[data-action-param="blur"] input').fill(10.5);
|
|
expect(":iframe .test-options-target").toHaveOuterHTML(
|
|
'<div class="test-options-target o-paragraph shadow" style="box-shadow: rgba(0, 0, 0, 0.15) 10px 82px 10.5px 0px !important;">b</div>'
|
|
);
|
|
|
|
await contains('[data-action-param="spread"] input').fill(".4");
|
|
expect(":iframe .test-options-target").toHaveOuterHTML(
|
|
'<div class="test-options-target o-paragraph shadow" style="box-shadow: rgba(0, 0, 0, 0.15) 10px 82px 10.5px 0.4px !important;">b</div>'
|
|
);
|
|
|
|
await contains('.options-container button[title="Inset"]').click();
|
|
expect(queryAllTexts(".hb-row .hb-row-label")).toEqual([
|
|
"Shadow",
|
|
"Color",
|
|
"Offset (X, Y)",
|
|
"Blur",
|
|
"Spread",
|
|
]);
|
|
expect(queryAllValues('[data-action-id="setShadow"] input')).toEqual([
|
|
"10",
|
|
"82",
|
|
"10.5",
|
|
"0.4",
|
|
]);
|
|
expect(":iframe .test-options-target").toHaveOuterHTML(
|
|
'<div class="test-options-target o-paragraph shadow" style="box-shadow: rgba(0, 0, 0, 0.15) 10px 82px 10.5px 0.4px inset !important;">b</div>'
|
|
);
|
|
|
|
await contains(".options-container button:contains(None)").click();
|
|
expect(queryAllTexts(".hb-row .hb-row-label")).toEqual(["Shadow"]);
|
|
expect(":iframe .test-options-target").toHaveOuterHTML(
|
|
'<div class="test-options-target o-paragraph" style="">b</div>'
|
|
);
|
|
});
|