import I18n from "I18n";
import { test } from "qunit";
import {
  click,
  currentRouteName,
  currentURL,
  visit,
} from "@ember/test-helpers";
import {
  acceptance,
  count,
  exists,
  loggedInUser,
  publishToMessageBus,
  query,
  updateCurrentUser,
} from "discourse/tests/helpers/qunit-helpers";
import topicFixtures from "discourse/tests/fixtures/discovery-fixtures";
import { cloneJSON } from "discourse-common/lib/object";
import { withPluginApi } from "discourse/lib/plugin-api";
import Site from "discourse/models/site";
import { NotificationLevels } from "discourse/lib/notification-levels";

acceptance("Sidebar - Community Section", function (needs) {
  needs.user({
    tracked_tags: ["tag1"],
    watched_tags: ["tag2"],
    watching_first_post_tags: ["tag3"],
  });

  needs.settings({
    enable_experimental_sidebar_hamburger: true,
    enable_sidebar: true,
  });

  needs.pretender((server, helper) => {
    server.get("/new.json", () => {
      return helper.response(cloneJSON(topicFixtures["/latest.json"]));
    });

    server.get("/unread.json", () => {
      return helper.response(cloneJSON(topicFixtures["/latest.json"]));
    });

    server.get("/top.json", () => {
      return helper.response(cloneJSON(topicFixtures["/latest.json"]));
    });
  });

  test("clicking on section header button", async function (assert) {
    await visit("/");
    await click(".sidebar-section-community .sidebar-section-header-button");

    assert.ok(exists("#reply-control"), "it opens the composer");
  });

  test("clicking on section header button while viewing a category", async function (assert) {
    await visit("/c/bug");
    await click(".sidebar-section-community .sidebar-section-header-button");

    assert.ok(exists("#reply-control"), "it opens the composer");

    assert.strictEqual(
      query(".category-input .selected-name .category-name").textContent,
      "bug",
      "the current category is prefilled in the composer input"
    );
  });

  test("clicking on section caret button", async function (assert) {
    await visit("/");

    assert.ok(
      exists(".sidebar-section-community .sidebar-section-content"),
      "shows content section"
    );

    assert.strictEqual(
      query(".sidebar-section-community .sidebar-section-header-caret").title,
      I18n.t("sidebar.toggle_section"),
      "caret has the right title"
    );

    await click(".sidebar-section-community .sidebar-section-header-caret");

    assert.ok(
      !exists(".sidebar-section-community .sidebar-section-content"),
      "hides content section"
    );

    await click(".sidebar-section-community .sidebar-section-header-caret");

    assert.ok(
      exists(".sidebar-section-community .sidebar-section-content"),
      "shows content section"
    );
  });

  test("clicking on section header link", async function (assert) {
    await visit("/t/280");
    await click(".sidebar-section-community .sidebar-section-header-link");

    assert.strictEqual(
      currentURL(),
      "/latest",
      "it should transition to the homepage"
    );

    assert.strictEqual(
      count(".sidebar-section-community .sidebar-section-link.active"),
      1,
      "only one link is marked as active"
    );

    assert.ok(
      exists(
        ".sidebar-section-community .sidebar-section-link-everything.active"
      ),
      "the everything link is marked as active"
    );
  });

  test("clicking on more... link", async function (assert) {
    await visit("/");

    await click(
      ".sidebar-section-community .sidebar-more-section-links-details-summary"
    );

    assert.ok(
      exists(
        ".sidebar-section-community .sidebar-more-section-links-details-content"
      ),
      "additional section links are displayed"
    );

    await click(
      ".sidebar-section-community .sidebar-more-section-links-details-summary"
    );

    assert.notOk(
      exists(
        ".sidebar-section-community .sidebar-more-section-links-details-content"
      ),
      "additional section links are hidden"
    );

    await click(
      ".sidebar-section-community .sidebar-more-section-links-details-summary"
    );

    await click("#main-outlet");

    assert.notOk(
      exists(
        ".sidebar-section-community .sidebar-more-section-links-details-content"
      ),
      "additional section links are hidden when clicking outside"
    );
  });

  test("clicking on everything link", async function (assert) {
    await visit("/t/280");
    await click(".sidebar-section-community .sidebar-section-link-everything");

    assert.strictEqual(
      currentURL(),
      "/latest",
      "it should transition to the latest page"
    );

    assert.strictEqual(
      count(".sidebar-section-community .sidebar-section-link.active"),
      1,
      "only one link is marked as active"
    );

    assert.ok(
      exists(
        ".sidebar-section-community .sidebar-section-link-everything.active"
      ),
      "the everything link is marked as active"
    );
  });

  test("clicking on tracked link", async function (assert) {
    await visit("/t/280");
    await click(".sidebar-section-community .sidebar-section-link-tracked");

    assert.strictEqual(
      currentURL(),
      "/latest?f=tracked",
      "it should transition to the tracked url"
    );

    assert.strictEqual(
      count(".sidebar-section-community .sidebar-section-link.active"),
      1,
      "only one link is marked as active"
    );

    assert.ok(
      exists(".sidebar-section-community .sidebar-section-link-tracked.active"),
      "the tracked link is marked as active"
    );
  });

  test("clicking on users link", async function (assert) {
    await visit("/t/280");

    assert.notOk(
      exists(".sidebar-section-community .sidebar-section-link-users"),
      "users link is not displayed in sidebar when it is not the active route"
    );

    await click(
      ".sidebar-section-community .sidebar-more-section-links-details-summary"
    );

    await click(".sidebar-section-community .sidebar-section-link-users");

    assert.strictEqual(
      currentURL(),
      "/u?order=likes_received",
      "it should transition to the users url"
    );

    assert.strictEqual(
      count(".sidebar-section-community .sidebar-section-link.active"),
      1,
      "only one link is marked as active"
    );

    assert.ok(
      exists(".sidebar-section-community .sidebar-section-link-users.active"),
      "the users link is marked as active"
    );

    assert.strictEqual(
      query(
        ".sidebar-section-community .sidebar-more-section-links-details-summary"
      ).textContent.trim(),
      I18n.t("sidebar.more"),
      "displays the right count as users link is currently active"
    );

    await visit("/u");

    assert.ok(
      exists(".sidebar-section-community .sidebar-section-link-users.active"),
      "users link is displayed in sidebar when it is the active route"
    );
  });

  test("clicking on groups link", async function (assert) {
    await visit("/t/280");

    assert.notOk(
      exists(".sidebar-section-community .sidebar-section-link-groups"),
      "groups link is not displayed in sidebar when it is not the active route"
    );

    await click(
      ".sidebar-section-community .sidebar-more-section-links-details-summary"
    );

    await click(".sidebar-section-community .sidebar-section-link-groups");

    assert.strictEqual(
      currentURL(),
      "/g",
      "it should transition to the groups url"
    );

    assert.strictEqual(
      count(".sidebar-section-community .sidebar-section-link.active"),
      1,
      "only one link is marked as active"
    );

    assert.ok(
      exists(".sidebar-section-community .sidebar-section-link-groups.active"),
      "the groups link is marked as active"
    );

    assert.strictEqual(
      query(
        ".sidebar-section-community .sidebar-more-section-links-details-summary"
      ).textContent.trim(),
      I18n.t("sidebar.more"),
      "displays the right count as groups link is currently active"
    );

    await visit("/g");

    assert.ok(
      exists(".sidebar-section-community .sidebar-section-link-groups.active"),
      "groups link is displayed in sidebar when it is the active route"
    );
  });

  test("navigating to about from sidebar", async function (assert) {
    await visit("/");

    await click(
      ".sidebar-section-community .sidebar-more-section-links-details-summary"
    );

    await click(".sidebar-section-community .sidebar-section-link-about");

    assert.strictEqual(
      currentURL(),
      "/about",
      "navigates to about route correctly"
    );

    assert.ok(
      exists(".sidebar-section-community .sidebar-section-link-about.active"),
      "about section link link is displayed in the main section and marked as active"
    );
  });

  test("navigating to FAQ from sidebar", async function (assert) {
    await visit("/");

    await click(
      ".sidebar-section-community .sidebar-more-section-links-details-summary"
    );

    await click(".sidebar-section-community .sidebar-section-link-faq");

    assert.strictEqual(
      currentURL(),
      "/faq",
      "navigates to faq route correctly"
    );
  });

  test("navigating to custom FAQ URL from sidebar", async function (assert) {
    this.siteSettings.faq_url = "http://some.faq.url";

    await visit("/");

    await click(
      ".sidebar-section-community .sidebar-more-section-links-details-summary"
    );

    assert.strictEqual(
      query(".sidebar-section-community .sidebar-section-link-faq").href,
      "http://some.faq.url/",
      "href attribute is set to custom FAQ URL on the section link"
    );
  });

  test("navigating to admin from sidebar", async function (assert) {
    await visit("/");
    await click(".sidebar-section-community .sidebar-section-link-admin");

    assert.strictEqual(currentRouteName(), "admin.dashboard.general");
  });

  test("admin section link is not shown to non-staff users", async function (assert) {
    updateCurrentUser({ admin: false, moderator: false });

    await visit("/");

    assert.notOk(
      exists(".sidebar-section-community .sidebar-section-link-admin")
    );
  });

  test("clicking on my posts link", async function (assert) {
    await visit("/t/280");
    await click(".sidebar-section-community .sidebar-section-link-my-posts");

    assert.strictEqual(
      currentURL(),
      `/u/${loggedInUser().username}/activity`,
      "it should transition to the user's activity url"
    );

    assert.strictEqual(
      count(".sidebar-section-community .sidebar-section-link.active"),
      1,
      "only one link is marked as active"
    );

    assert.ok(
      exists(
        ".sidebar-section-community .sidebar-section-link-my-posts.active"
      ),
      "the my posts link is marked as active"
    );

    await visit(`/u/${loggedInUser().username}/activity/drafts`);

    assert.notOk(
      exists(
        ".sidebar-section-community .sidebar-section-link-my-posts.active"
      ),
      "the my posts link is not marked as active when user has no drafts and visiting the user activity drafts URL"
    );
  });

  test("clicking on my posts link when user has a draft", async function (assert) {
    await visit("/t/280");

    await publishToMessageBus(`/user-drafts/${loggedInUser().id}`, {
      draft_count: 1,
    });

    await click(".sidebar-section-community .sidebar-section-link-my-posts");

    assert.strictEqual(
      currentURL(),
      `/u/${loggedInUser().username}/activity/drafts`,
      "it transitions to the user's activity drafts url"
    );

    assert.strictEqual(
      count(".sidebar-section-community .sidebar-section-link.active"),
      1,
      "only one link is marked as active"
    );

    assert.ok(
      exists(
        ".sidebar-section-community .sidebar-section-link-my-posts.active"
      ),
      "the my posts link is marked as active"
    );

    await visit(`/u/${loggedInUser().username}/activity`);

    assert.ok(
      exists(
        ".sidebar-section-community .sidebar-section-link-my-posts.active"
      ),
      "the my posts link is marked as active"
    );
  });

  test("visiting top route", async function (assert) {
    await visit("/top");

    assert.strictEqual(
      count(".sidebar-section-community .sidebar-section-link.active"),
      1,
      "only one link is marked as active"
    );

    assert.ok(
      exists(
        ".sidebar-section-community .sidebar-section-link-everything.active"
      ),
      "the everything link is marked as active"
    );
  });

  test("visiting unread route", async function (assert) {
    await visit("/unread");

    assert.strictEqual(
      count(".sidebar-section-community .sidebar-section-link.active"),
      1,
      "only one link is marked as active"
    );

    assert.ok(
      exists(
        ".sidebar-section-community .sidebar-section-link-everything.active"
      ),
      "the everything link is marked as active"
    );
  });

  test("visiting new route", async function (assert) {
    await visit("/new");

    assert.strictEqual(
      count(".sidebar-section-community .sidebar-section-link.active"),
      1,
      "only one link is marked as active"
    );

    assert.ok(
      exists(
        ".sidebar-section-community .sidebar-section-link-everything.active"
      ),
      "the everything link is marked as active"
    );
  });

  test("new and unread count for everything link", async function (assert) {
    this.container.lookup("service:topic-tracking-state").loadStates([
      {
        topic_id: 1,
        highest_post_number: 1,
        last_read_post_number: null,
        created_at: "2022-05-11T03:09:31.959Z",
        category_id: 1,
        notification_level: null,
        created_in_new_period: true,
        treat_as_new_topic_start_date: "2022-05-09T03:17:34.286Z",
      },
      {
        topic_id: 2,
        highest_post_number: 12,
        last_read_post_number: 11,
        created_at: "2020-02-09T09:40:02.672Z",
        category_id: 2,
        notification_level: 2,
        created_in_new_period: false,
        treat_as_new_topic_start_date: "2022-05-09T03:17:34.286Z",
      },
      {
        topic_id: 3,
        highest_post_number: 15,
        last_read_post_number: 14,
        created_at: "2021-06-14T12:41:02.477Z",
        category_id: 3,
        notification_level: 2,
        created_in_new_period: false,
        treat_as_new_topic_start_date: "2022-05-09T03:17:34.286Z",
      },
      {
        topic_id: 4,
        highest_post_number: 17,
        last_read_post_number: 16,
        created_at: "2020-10-31T03:41:42.257Z",
        category_id: 4,
        notification_level: 2,
        created_in_new_period: false,
        treat_as_new_topic_start_date: "2022-05-09T03:17:34.286Z",
      },
    ]);

    await visit("/");

    assert.strictEqual(
      query(
        ".sidebar-section-link-everything .sidebar-section-link-content-badge"
      ).textContent.trim(),
      "3 unread",
      "it displays the right unread count"
    );

    assert.ok(
      query(".sidebar-section-link-everything").href.endsWith("/unread"),
      "it links to unread filter"
    );

    // simulate reading topic 2
    await publishToMessageBus("/unread", {
      topic_id: 2,
      message_type: "read",
      payload: {
        last_read_post_number: 12,
        highest_post_number: 12,
        notification_level: 2,
      },
    });

    assert.strictEqual(
      query(
        ".sidebar-section-link-everything .sidebar-section-link-content-badge"
      ).textContent.trim(),
      "2 unread",
      "it updates the unread count"
    );

    // simulate reading topic 3
    await publishToMessageBus("/unread", {
      topic_id: 3,
      message_type: "read",
      payload: {
        last_read_post_number: 15,
        highest_post_number: 15,
        notification_level: 2,
      },
    });

    // simulate reading topic 4
    await publishToMessageBus("/unread", {
      topic_id: 4,
      message_type: "read",
      payload: {
        last_read_post_number: 17,
        highest_post_number: 17,
        notification_level: 2,
      },
    });

    assert.strictEqual(
      query(
        ".sidebar-section-link-everything .sidebar-section-link-content-badge"
      ).textContent.trim(),
      "1 new",
      "it displays the new count once there are no unread topics"
    );

    assert.ok(
      query(".sidebar-section-link-everything").href.endsWith("/new"),
      "it links to new filter"
    );

    await publishToMessageBus("/unread", {
      topic_id: 1,
      message_type: "read",
      payload: {
        last_read_post_number: 1,
        highest_post_number: 1,
        notification_level: 2,
      },
    });

    assert.ok(
      !exists(
        ".sidebar-section-link-everything .sidebar-section-link-content-badge"
      ),
      "it removes new count once there are no new topics"
    );

    assert.ok(
      query(".sidebar-section-link-everything").href.endsWith("/latest"),
      "it links to latest filter"
    );
  });

  test("visiting top route with tracked filter", async function (assert) {
    await visit("/top?f=tracked");

    assert.strictEqual(
      count(".sidebar-section-community .sidebar-section-link.active"),
      1,
      "only one link is marked as active"
    );

    assert.ok(
      exists(".sidebar-section-community .sidebar-section-link-tracked.active"),
      "the tracked link is marked as active"
    );
  });

  test("visiting unread route with tracked filter", async function (assert) {
    await visit("/unread?f=tracked");

    assert.strictEqual(
      count(".sidebar-section-community .sidebar-section-link.active"),
      1,
      "only one link is marked as active"
    );

    assert.ok(
      exists(".sidebar-section-community .sidebar-section-link-tracked.active"),
      "the tracked link is marked as active"
    );
  });

  test("visiting new route with tracked filter", async function (assert) {
    await visit("/new?f=tracked");

    assert.strictEqual(
      count(".sidebar-section-community .sidebar-section-link.active"),
      1,
      "only one link is marked as active"
    );

    assert.ok(
      exists(".sidebar-section-community .sidebar-section-link-tracked.active"),
      "the tracked link is marked as active"
    );
  });

  test("new and unread count for tracked link", async function (assert) {
    const categories = Site.current().categories;

    // Category id 1001 has two subcategories
    const category = categories.find((c) => c.id === 1001);
    category.set("notification_level", NotificationLevels.TRACKING);

    this.container.lookup("service:topic-tracking-state").loadStates([
      {
        topic_id: 1,
        highest_post_number: 1,
        last_read_post_number: null,
        created_at: "2022-05-11T03:09:31.959Z",
        category_id: category.id,
        notification_level: NotificationLevels.TRACKING,
        created_in_new_period: true,
        treat_as_new_topic_start_date: "2022-05-09T03:17:34.286Z",
      },
      {
        topic_id: 2,
        highest_post_number: 12,
        last_read_post_number: 11,
        created_at: "2020-02-09T09:40:02.672Z",
        category_id: category.subcategories[0].id,
        notification_level: NotificationLevels.TRACKING,
        created_in_new_period: false,
        treat_as_new_topic_start_date: "2022-05-09T03:17:34.286Z",
      },
      {
        topic_id: 3,
        highest_post_number: 12,
        last_read_post_number: 11,
        created_at: "2020-02-09T09:40:02.672Z",
        category_id: category.subcategories[0].subcategories[0].id,
        notification_level: NotificationLevels.TRACKING,
        created_in_new_period: false,
        treat_as_new_topic_start_date: "2022-05-09T03:17:34.286Z",
      },
      {
        topic_id: 4,
        highest_post_number: 15,
        last_read_post_number: 14,
        created_at: "2021-06-14T12:41:02.477Z",
        category_id: 3,
        notification_level: NotificationLevels.TRACKING,
        created_in_new_period: false,
        treat_as_new_topic_start_date: "2022-05-09T03:17:34.286Z",
      },
      {
        topic_id: 5,
        highest_post_number: 1,
        last_read_post_number: null,
        created_at: "2021-06-14T12:41:02.477Z",
        category_id: 3,
        notification_level: null,
        created_in_new_period: true,
        treat_as_new_topic_start_date: "2022-05-09T03:17:34.286Z",
      },
      {
        topic_id: 6,
        highest_post_number: 17,
        last_read_post_number: 16,
        created_at: "2020-10-31T03:41:42.257Z",
        category_id: 1234,
        notification_level: NotificationLevels.TRACKING,
        created_in_new_period: false,
        treat_as_new_topic_start_date: "2022-05-09T03:17:34.286Z",
        tags: ["tag3"],
      },
    ]);

    await visit("/");

    assert.strictEqual(
      query(
        ".sidebar-section-link-tracked .sidebar-section-link-content-badge"
      ).textContent.trim(),
      "3 unread",
      "it displays the right unread count"
    );

    assert.ok(
      query(".sidebar-section-link-tracked").href.endsWith("/unread?f=tracked"),
      "it links to unread url with tracked filter"
    );

    // simulate reading topic id 2
    await publishToMessageBus("/unread", {
      topic_id: 2,
      message_type: "read",
      payload: {
        last_read_post_number: 12,
        highest_post_number: 12,
      },
    });

    assert.strictEqual(
      query(
        ".sidebar-section-link-tracked .sidebar-section-link-content-badge"
      ).textContent.trim(),
      "2 unread",
      "it updates the unread count"
    );

    // simulate reading topic id 3
    await publishToMessageBus("/unread", {
      topic_id: 3,
      message_type: "read",
      payload: {
        last_read_post_number: 17,
        highest_post_number: 17,
      },
    });

    // simulate reading topic id 6
    await publishToMessageBus("/unread", {
      topic_id: 6,
      message_type: "read",
      payload: {
        last_read_post_number: 17,
        highest_post_number: 17,
      },
    });

    assert.strictEqual(
      query(
        ".sidebar-section-link-tracked .sidebar-section-link-content-badge"
      ).textContent.trim(),
      "1 new",
      "it displays the new count once there are no tracked unread topics"
    );

    assert.ok(
      query(".sidebar-section-link-tracked").href.endsWith("/new?f=tracked"),
      "it links to new url with tracked filter"
    );

    // simulate reading topic id 1
    await publishToMessageBus("/unread", {
      topic_id: 1,
      message_type: "read",
      payload: {
        last_read_post_number: 1,
        highest_post_number: 1,
      },
    });

    assert.ok(
      !exists(
        ".sidebar-section-link-tracked .sidebar-section-link-content-badge"
      ),
      "it removes new count once there are no tracked new topics"
    );

    assert.ok(
      query(".sidebar-section-link-tracked").href.endsWith("/latest?f=tracked"),
      "it links to latest url with tracked filter"
    );
  });

  test("adding section link via plugin API with Object", async function (assert) {
    withPluginApi("1.2.0", (api) => {
      api.addCommunitySectionLink({
        name: "unread",
        route: "discovery.unread",
        text: "unread topics",
        title: "List of unread topics",
      });
    });

    await visit("/");

    await click(
      ".sidebar-section-community .sidebar-more-section-links-details-summary"
    );

    assert.strictEqual(
      query(".sidebar-section-link-unread").textContent.trim(),
      "unread topics",
      "displays the right text for the link"
    );

    assert.strictEqual(
      query(".sidebar-section-link-unread").title,
      "List of unread topics",
      "displays the right title for the link"
    );

    await click(".sidebar-section-link-unread");

    assert.strictEqual(currentURL(), "/unread", "links to the right URL");
  });

  test("adding section link via plugin API with callback function", async function (assert) {
    withPluginApi("1.2.0", (api) => {
      api.addCommunitySectionLink((baseSectionLink) => {
        return class CustomSectionLink extends baseSectionLink {
          get name() {
            return "user-summary";
          }

          get route() {
            return "user.summary";
          }

          get model() {
            return this.currentUser;
          }

          get title() {
            return `${this.currentUser.username} summary`;
          }

          get text() {
            return "my summary";
          }
        };
      });
    });

    await visit("/");

    await click(
      ".sidebar-section-community .sidebar-more-section-links-details-summary"
    );

    await click(".sidebar-section-link-user-summary");

    assert.strictEqual(
      currentURL(),
      "/u/eviltrout/summary",
      "links to the right URL"
    );

    assert.strictEqual(
      query(".sidebar-section-link-user-summary").textContent.trim(),
      "my summary",
      "displays the right text for the link"
    );

    assert.strictEqual(
      query(".sidebar-section-link-user-summary").title,
      "eviltrout summary",
      "displays the right title for the link"
    );
  });

  test("clean up topic tracking state state changed callbacks when section is destroyed", async function (assert) {
    await visit("/");

    const topicTrackingState = this.container.lookup(
      "service:topic-tracking-state"
    );

    const initialCallbackCount = Object.keys(
      topicTrackingState.stateChangeCallbacks
    ).length;

    await click(".hamburger-dropdown");

    assert.ok(
      Object.keys(topicTrackingState.stateChangeCallbacks).length <
        initialCallbackCount
    );
  });
});