import { describe, expect, test } from "@odoo/hoot";
import { animationFrame } from "@odoo/hoot-mock";

import { WebClient } from "@web/webclient/webclient";
import { clickOnDataset, setupChartJsForTests } from "@web/../tests/views/graph/graph_test_helpers";
import {
    contains,
    getService,
    mockService,
    mountWithCleanup,
} from "@web/../tests/web_test_helpers";

import { defineHelpdeskModels, helpdeskModels } from "./helpdesk_test_helpers";

describe.current.tags("desktop");

helpdeskModels.HelpdeskTicket._views = {
    form: /* xml */ `<form><field name="name"/></form>`,
    list: /* xml */ `<list><field name="name"/></list>`,
    search: /* xml */ `<search><field name="name"/></search>`,
};
defineHelpdeskModels();
setupChartJsForTests();

async function mountView(viewName, ctx = {}) {
    const view = await mountWithCleanup(WebClient);
    await getService("action").doAction({
        id: 1,
        name: "tasks analysis",
        res_model: "helpdesk.ticket.report.analysis",
        type: "ir.actions.act_window",
        views: [[false, viewName]],
        context: ctx,
    });
    return view;
}

test("helpdesk.ticket.report.analysis (graph): clicking on a bar leads to helpdesk.ticket list", async () => {
    mockService("action", {
        doAction({ res_model }) {
            expect.step(res_model);
            return super.doAction(...arguments);
        },
    });

    const view = await mountView("graph");
    await animationFrame();
    await clickOnDataset(view);
    await animationFrame();

    expect(".o_list_renderer").toBeDisplayed({
        message: "Clicking on a bar should open a list view",
    });
    // The model of the list view that is opened consequently should be "helpdesk.ticket"
    expect.verifySteps(["helpdesk.ticket.report.analysis", "helpdesk.ticket"]);
});

test("helpdesk.ticket.report.analysis (pivot): clicking on a cell leads to helpdesk.ticket list", async () => {
    mockService("action", {
        doAction({ res_model }) {
            expect.step(res_model);
            return super.doAction(...arguments);
        },
    });

    await mountView("pivot");
    await animationFrame();
    await contains(".o_pivot_cell_value").click();
    await animationFrame();

    expect(".o_list_renderer").toBeDisplayed({
        message: "Clicking on a cell should open a list view",
    });
    // The model of the list view that is opened consequently should be "helpdesk.ticket"
    expect.verifySteps(["helpdesk.ticket.report.analysis", "helpdesk.ticket"]);
});

test("helpdesk.ticket.report.analysis (cohort): clicking on a cell leads to helpdesk.ticket list", async () => {
    mockService("action", {
        doAction({ res_model }) {
            expect.step(res_model);
            return super.doAction(...arguments);
        },
    });

    await mountView("cohort");
    await animationFrame();
    await contains(".o_cohort_row_clickable td").click();
    await animationFrame();

    expect(".o_list_renderer").toBeDisplayed({
        message: "Clicking on a row should open a list view",
    });
    // The model of the list view that is opened consequently should be "helpdesk.ticket"
    expect.verifySteps(["helpdesk.ticket.report.analysis", "helpdesk.ticket"]);
});

test("helpdesk.ticket.report.analysis : fix the domain, in case field is not present in main model", async () => {
    mockService("action", {
        doAction({ domain, res_model }) {
            if (res_model === "helpdesk.ticket") {
                expect(domain).toEqual(["&", [1, "=", 1], ["id", "=", 1]]);
            }
            return super.doAction(...arguments);
        },
    });
    helpdeskModels.HelpdeskTicketReportAnalysis._records = [
        { id: 1, ticket_id: 1, rating_last_value: 2 },
        { id: 2, ticket_id: 2, rating_last_value: 4 },
    ];
    helpdeskModels.HelpdeskTicketReportAnalysis._views = {
        graph: /* xml */ `
            <graph string="Tickets Analysis" sample="1" js_class="helpdesk_ticket_analysis_graph">
                <field name="ticket_id"/>
                <field name="rating_last_value"/>
            </graph>
        `
    };

    const view = await mountView("graph", { group_by: ["ticket_id", "rating_last_value"] });
    await animationFrame();
    await clickOnDataset(view);
    await animationFrame();

    expect(`.o_list_renderer .o_data_row`).toHaveCount(1);
});