/** @odoo-module **/

import { afterNextRender, click, start, startServer } from "@mail/../tests/helpers/test_utils";

QUnit.module("follow button");

QUnit.test("base rendering not editable", async (assert) => {
    const { openView, pyEnv } = await start();
    await openView({
        res_id: pyEnv.currentPartnerId,
        res_model: "res.partner",
        views: [[false, "form"]],
    });
    assert.containsOnce($, ".o-mail-Chatter-follow");
});

QUnit.test("hover following button", async (assert) => {
    const pyEnv = await startServer();
    const threadId = pyEnv["res.partner"].create({});
    const followerId = pyEnv["mail.followers"].create({
        is_active: true,
        partner_id: pyEnv.currentPartnerId,
        res_id: threadId,
        res_model: "res.partner",
    });
    pyEnv["res.partner"].write([pyEnv.currentPartnerId], {
        message_follower_ids: [followerId],
    });
    const { openView } = await start();
    await openView({
        res_id: threadId,
        res_model: "res.partner",
        views: [[false, "form"]],
    });
    assert.containsOnce($, "button:contains(Following)");
    assert.containsNone($, ".fa-times + span:contains(Following)");
    assert.containsOnce($, ".fa-check + span:contains(Following)");

    await afterNextRender(() => {
        $("button:contains(Following)")[0].dispatchEvent(new window.MouseEvent("mouseenter"));
    });
    assert.containsOnce($, "button:contains(Unfollow)");
    assert.containsOnce($, ".fa-times + span:contains(Unfollow)");
    assert.containsNone($, ".fa-check + span:contains(Unfollow)");
});

QUnit.test('click on "follow" button', async (assert) => {
    const { openView, pyEnv } = await start();
    await openView({
        res_id: pyEnv.currentPartnerId,
        res_model: "res.partner",
        views: [[false, "form"]],
    });
    assert.containsOnce($, "button:contains(Follow)");

    await click("button:contains(Follow)");
    assert.containsOnce($, "button:contains(Following)");
});

QUnit.test('click on "unfollow" button', async (assert) => {
    const pyEnv = await startServer();
    const threadId = pyEnv["res.partner"].create({});
    pyEnv["mail.followers"].create({
        is_active: true,
        partner_id: pyEnv.currentPartnerId,
        res_id: threadId,
        res_model: "res.partner",
    });
    const { openView } = await start();
    await openView({
        res_id: threadId,
        res_model: "res.partner",
        views: [[false, "form"]],
    });
    assert.containsOnce($, "button:contains(Following)");

    await click("button:contains(Following)");
    assert.containsOnce($, "button:contains(Follow)");
});