mirror of
https://github.com/odoo/design-themes.git
synced 2025-10-07 01:18:52 +07:00
Pierre Pulinckx (PIPU)
b4c5bea2ea
Currently, in tour_compiler, to check that an element is actually
present in the DOM in a step, there are 2 possibilities.
- `isCheck: true` => Checks that the element is in the DOM.
The latter can be disabled.
- `run() {}` => Checks that the element is in the DOM (because this
is what is done by default). However, if the element is disabled,
the step will be aborted.
In the codebase, we can see a lot of `run() {} //it's a check` and
`isCheck:true`. However, the behavior is not exactly the same.
What's more, there are 2 ways to do "the same thing".
In order to clarify the turns API, it was decided to no longer put an
action (step.run) by default. (Previously, the default action was
the "click" action).
From then on, it is no longer necessary to stipulate
`step.isCheck: true` nor `run() {}`.
The corollary is that now, you must explicitly write `run: click`, if
you want the click action to be triggered on the target.
This commit sets the stage for making this change.
closes odoo/design-themes#801
Related: odoo/odoo#167743
Related: odoo/enterprise#63711
Signed-off-by: Julien Mougenot (jum) <jum@odoo.com>
71 lines
2.8 KiB
JavaScript
71 lines
2.8 KiB
JavaScript
/** @odoo-module */
|
|
|
|
import wTourUtils from '@website/js/tours/tour_utils';
|
|
import { stepUtils } from "@web_tour/tour_service/tour_utils";
|
|
|
|
wTourUtils.registerWebsitePreviewTour('theme_menu_hierarchies', {
|
|
url: '/example',
|
|
test: true,
|
|
}, () => [
|
|
stepUtils.waitIframeIsReady(),
|
|
{
|
|
content: 'Check Mega Menu is correctly created',
|
|
trigger: ":iframe .top_menu a.o_mega_menu_toggle",
|
|
run: "click",
|
|
}, {
|
|
content: 'Check Mega Menu content',
|
|
trigger: ":iframe .top_menu div.o_mega_menu.show .fa-cube",
|
|
run: () => null, // It's a check.
|
|
}, {
|
|
content: 'Check new top level menu is correctly created',
|
|
trigger: ':iframe .top_menu .nav-item.dropdown .dropdown-toggle:contains("Example 1")',
|
|
run: "click",
|
|
}, {
|
|
content: 'Check sub menu are correctly created',
|
|
trigger: ':iframe .top_menu .dropdown-menu.show a.dropdown-item:contains("Item 1")',
|
|
run: () => null, // It's a check.
|
|
}, {
|
|
content: 'The new menu hierarchy should not be included in the navbar',
|
|
trigger: ':iframe body:not(:has(.top_menu a[href="/dogs"]))',
|
|
run: () => null, // It's a check.
|
|
}, {
|
|
content: 'The new menu hierarchy should be inside the footer',
|
|
trigger: ':iframe footer ul li a[href="/dogs"]',
|
|
run: () => null, // It's a check.
|
|
},
|
|
...wTourUtils.clickOnEditAndWaitEditMode(),
|
|
{
|
|
content: 'Click on footer',
|
|
trigger: ':iframe footer',
|
|
run: "click",
|
|
}, {
|
|
content: 'The theme custom footer template should be listed and selected',
|
|
trigger: 'we-select[data-variable="footer-template"] we-toggler img[src*="/theme_test_custo"]',
|
|
run: () => null, // It's a check.
|
|
}, {
|
|
content: 'Click on header',
|
|
trigger: ':iframe header',
|
|
run: "click",
|
|
}, {
|
|
content: 'The theme custom header template should be listed and selected',
|
|
trigger: 'we-select[data-variable="header-template"] we-toggler img[src*="/theme_test_custo"]',
|
|
run: () => null, // It's a check.
|
|
}, {
|
|
content: 'Click on image which has a shape',
|
|
trigger: ':iframe #wrap .s_text_image img[data-shape]',
|
|
run: "click",
|
|
}, {
|
|
content: 'The theme custom "Blob 01" shape should be listed and selected',
|
|
trigger: 'we-select[data-name="shape_img_opt"] we-toggler:contains("Blob 01")',
|
|
run: () => null, // It's a check.
|
|
}, {
|
|
content: 'Click on section which has a bg shape',
|
|
trigger: ':iframe #wrap .s_text_block[data-oe-shape-data]',
|
|
run: "click",
|
|
}, {
|
|
content: 'The theme custom "Curve 01" shape should be listed and selected',
|
|
trigger: 'we-select[data-name="bg_shape_opt"] we-toggler:contains("Curve 01")',
|
|
run: () => null, // It's a check.
|
|
},
|
|
]);
|