/** @odoo-module **/

import { registry } from "@web/core/registry";
import { stepUtils } from "@web_tour/tour_service/tour_utils";

registry.category("web_tour.tours").add('payroll_dashboard_ui_tour', {
    test: true,
    url: '/web',
    steps: () => [
    stepUtils.showAppsMenuItem(),
    {
        content: "Open payroll app",
        trigger: '.o_app[data-menu-xmlid="hr_work_entry_contract_enterprise.menu_hr_payroll_root"]',
    },
    {
        content: "Employees without running contracts",
        trigger: 'a:contains("Employees Without Running Contracts")',
    },
    {
        content: "Open employee profile",
        trigger: 'tr.o_data_row td[name="name"]',
    },
    {
        content: "Open new contract form",
        trigger: 'button[name="action_open_contract"]',
    },
    {
        content: "Input contract name",
        trigger: '.modal-content .o_field_char[name="name"] input',
        id: "input_contract_name",
        run: 'text Laurie\'s Contract',
    },
    {
        content: "Save contract",
        trigger: 'button.o_form_button_save',
    },
    {
        content: "Go on the contract",
        trigger: 'button[name="action_open_contract"]',
    },
    {
        content: "Set contract as running",
        trigger: 'button[data-value="open"]',
    },
    {
        content: "Go back to dashboard",
        trigger: 'a[data-menu-xmlid="hr_payroll.menu_hr_payroll_dashboard_root"]',
    },
    {
        content: "Check that the no contract error is gone",
        trigger: 'h2:contains("Warning")',
        run: function(actions) {
            const errors = $('.o_hr_payroll_dashboard_block div.row div.col a:contains("Employees Without Running Contracts")').length;
            if (errors) {
                console.error("There should be no no running contract issue on the dashboard");
            }
        },
    },
    {
        content: "Create a new note",
        trigger: 'button.o_hr_payroll_todo_create',
    },
    {
        content: "Set a name",
        trigger: 'li.o_hr_payroll_todo_tab input',
        run: "text Dashboard Todo List"
    },
    {
        content: "Blur the tab input",
        trigger: 'li.o_hr_payroll_todo_tab input',
        run: function() {
            this.$anchor[0].dispatchEvent(new Event("blur", { bubbles: true, cancelable: true }));
        }
    },
    {
        content: "Edit the note in dashboard view",
        trigger: 'div.o_hr_payroll_todo_value',
        run: 'click',
        extra_trigger: 'li.o_hr_payroll_todo_tab a.active:contains("Dashboard Todo List")'
    },
    {
        content: "Write in the note",
        trigger: ".note-editable.odoo-editor-editable",
        run: "text Todo List"
    }
]});