123 lines
4.2 KiB
JavaScript
123 lines
4.2 KiB
JavaScript
/** @odoo-module **/
|
|
|
|
import {clickOnSnippet, insertSnippet, registerWebsitePreviewTour } from "@website/js/tours/tour_utils";
|
|
|
|
const wallRaceConditionClass = "image_wall_race_condition";
|
|
const preventRaceConditionSteps = [{
|
|
content: "Wait a few ms to avoid race condition",
|
|
// Ensure the class is remove from previous call of those steps
|
|
trigger: `body:not(.${wallRaceConditionClass})`,
|
|
run() {
|
|
setTimeout(() => {
|
|
document.body.classList.add(wallRaceConditionClass);
|
|
}, 500);
|
|
}
|
|
}, {
|
|
content: "Check the race condition class is added after a few ms",
|
|
trigger: `body.${wallRaceConditionClass}`,
|
|
run() {
|
|
document.body.classList.remove(wallRaceConditionClass);
|
|
}
|
|
}];
|
|
|
|
const selectSignImageStep = [
|
|
{
|
|
trigger: ".o_we_customize_panel:not(:has(.snippet-option-GalleryElement))",
|
|
},
|
|
{
|
|
content: "Click on image 14",
|
|
trigger: ":iframe .s_image_gallery img[data-original-src*='library_image_14']",
|
|
run: "click",
|
|
},
|
|
];
|
|
// Without reselecting the image, the tour manages to click on the
|
|
// move button before the active image is updated.
|
|
|
|
// We need to wait a few ms before clicking on the footer because after
|
|
// clicking on reposition option, there may be a delay during the click on
|
|
// another block would be ignored.
|
|
const reselectSignImageSteps = [
|
|
...preventRaceConditionSteps,
|
|
{
|
|
trigger: ":iframe .s_image_gallery .o_masonry_col:nth-child(2):has(img[data-index='1'])",
|
|
},
|
|
{
|
|
content: "Select footer",
|
|
trigger: ":iframe footer",
|
|
run: "click",
|
|
},
|
|
...selectSignImageStep,
|
|
];
|
|
|
|
registerWebsitePreviewTour("snippet_images_wall", {
|
|
url: "/",
|
|
edition: true,
|
|
}, () => [
|
|
...insertSnippet({
|
|
id: "s_images_wall",
|
|
name: "Images Wall",
|
|
groupName: "Images",
|
|
}),
|
|
...clickOnSnippet({
|
|
id: "s_image_gallery",
|
|
name: "Images Wall",
|
|
}),
|
|
...selectSignImageStep,
|
|
{
|
|
content: "Click on add a link",
|
|
trigger: ".snippet-option-ReplaceMedia we-button[data-set-link]",
|
|
run: "click",
|
|
}, {
|
|
content: "Change the link of the image",
|
|
trigger: ".snippet-option-ReplaceMedia [data-set-url] input",
|
|
// TODO: This should not be needed, but there seems to be an odd behavior
|
|
// with the input not properly blurring when clicking on the reorder
|
|
// buttons. However this is also the case in older versions. It
|
|
// only crashes here because there is also a change in the tour framework
|
|
// now using hoot.
|
|
run: "edit /contactus && click body",
|
|
}, {
|
|
content: "Click on move to previous",
|
|
trigger: ".snippet-option-GalleryElement we-button[data-position='prev']",
|
|
run: "click",
|
|
}, {
|
|
content: "Check if sign is in second column",
|
|
trigger: ":iframe .s_image_gallery .o_masonry_col:nth-child(2):has(a[href='/contactus'] img[data-index='1'][data-original-src*='library_image_14'])",
|
|
},
|
|
...reselectSignImageSteps,
|
|
{
|
|
content: "Click on move to first",
|
|
trigger: ".snippet-option-GalleryElement we-button[data-position='first']",
|
|
run: "click",
|
|
}, {
|
|
content: "Check if sign is in first column",
|
|
trigger: ":iframe .s_image_gallery .o_masonry_col:nth-child(1):has(img[data-index='0'][data-original-src*='library_image_14'])",
|
|
},
|
|
...reselectSignImageSteps,
|
|
{
|
|
content: "Click on move to previous",
|
|
trigger: ".snippet-option-GalleryElement we-button[data-position='prev']",
|
|
run: "click",
|
|
}, {
|
|
content: "Check if sign is in third column",
|
|
trigger: ":iframe .s_image_gallery .o_masonry_col:nth-child(3):has(img[data-index='5'][data-original-src*='library_image_14'])",
|
|
},
|
|
...reselectSignImageSteps,
|
|
{
|
|
content: "Click on move to next",
|
|
trigger: ".snippet-option-GalleryElement we-button[data-position='next']",
|
|
run: "click",
|
|
}, {
|
|
content: "Check if sign is in first column",
|
|
trigger: ":iframe .s_image_gallery .o_masonry_col:nth-child(1):has(img[data-index='0'][data-original-src*='library_image_14'])",
|
|
},
|
|
...reselectSignImageSteps,
|
|
{
|
|
content: "Click on move to last",
|
|
trigger: ".snippet-option-GalleryElement we-button[data-position='last']",
|
|
run: "click",
|
|
}, {
|
|
content: "Check layout",
|
|
trigger: ":iframe .s_image_gallery .o_masonry_col:nth-child(3):has(img[data-index='5'][data-original-src*='library_image_14'])",
|
|
}]);
|