import { expect, test } from "@odoo/hoot";
import { queryAll } from "@odoo/hoot-dom";
import { mockDate } from "@odoo/hoot-mock";
import { contains } from "@web/../tests/web_test_helpers";
import { mountGanttView } from "@web_gantt/../tests/web_gantt_test_helpers";

import { projectModels, defineProjectModels } from "@project/../tests/project_models";

defineProjectModels();

test("Check progress bar values", async () => {
    mockDate("2020-06-12T08:00:00", +1);
    projectModels.ProjectProject._records = [{ id: 1, name: "My Project" }];
    projectModels.ProjectTask._records = [
        {
            id: 1,
            name: "Blop",
            planned_date_begin: "2020-06-14 08:00:00",
            date_deadline: "2020-06-24 08:00:00",
            progress: 0.5,
            project_id: 1,
        },
        {
            id: 2,
            name: "Yop",
            planned_date_begin: "2020-06-02 08:00:00",
            date_deadline: "2020-06-12 08:00:00",
            project_id: 1,
        },
    ];
    await mountGanttView({
        resModel: "project.task",
        arch: `<gantt js_class="task_gantt" date_start="planned_date_begin" date_stop="date_deadline" progress="progress"/>`,
    });
    await contains(".o_content").scroll({ left: 400 });
    const [firstPillFirstSpan, secondPillFirstSpan] = queryAll(".o_gantt_pill span:first-child");
    expect(firstPillFirstSpan).not.toHaveClass("o_gantt_progress");
    expect(secondPillFirstSpan).toHaveClass("o_gantt_progress");
    expect(secondPillFirstSpan.style.width).toBe("50%");
});