/** @odoo-module */

import * as wTourUtils from '@website/js/tours/tour_utils';
import { stepUtils } from "@web_tour/tour_service/tour_utils";

wTourUtils.registerWebsitePreviewTour('theme_menu_hierarchies', {
    url: '/example',
}, () => [
    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: '[data-container-title="Footer"] [data-label="Template"] button.btn-secondary svg.theme_test_custo_footer',
        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: '[data-container-title="Header"] [data-label="Template"] button.btn-secondary svg.theme_test_custo_header',
        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: '[data-container-title="Image"] [data-label="Shape"] div.dropdown: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: '[data-container-title="Text"] [data-label="Shape"] button.btn-secondary:contains("Curve 01")',
        run: () => null, // It's a check.
    },
]);