osr-discourse-src/app/assets/javascripts/discourse/tests/acceptance/topic-discovery-tracked-test.js

import { visit } from "@ember/test-helpers";
import I18n from "I18n";
import { test } from "qunit";
import {
  acceptance,
  exists,
  publishToMessageBus,
  query,
} from "discourse/tests/helpers/qunit-helpers";
import Site from "discourse/models/site";
import { NotificationLevels } from "discourse/lib/notification-levels";
import topicFixtures from "discourse/tests/fixtures/discovery-fixtures";
import { cloneJSON } from "discourse-common/lib/object";

acceptance("Topic Discovery Tracked", function (needs) {
  needs.user({
    tracked_tags: ["tag1"],
    watched_tags: ["tag2"],
    watching_first_post_tags: ["tag3"],
  });

  needs.pretender((server, helper) => {
    server.get("/c/:category-slug/:category-id/l/latest.json", () => {
      return helper.response(cloneJSON(topicFixtures["/latest.json"]));
    });

    server.get("/tag/:tag_name/notifications", () => {
      return helper.response({
        tag_notification: {
          id: "test",
          notification_level: NotificationLevels.TRACKING,
        },
      });
    });

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

  test("navigation items with tracked filter", 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: NotificationLevels.TRACKING,
        created_in_new_period: false,
        treat_as_new_topic_start_date: "2022-05-09T03:17:34.286Z",
      },
    ]);

    await visit("/");

    assert.ok(
      exists("#navigation-bar li.categories"),
      "the categories nav item is displayed when tracked filter is not present"
    );

    await visit("/?f=tracked");

    assert.ok(
      !exists("#navigation-bar li.categories"),
      "the categories nav item is not displayed when tracked filter is present"
    );

    assert.ok(
      query("#navigation-bar li.unread a").href.endsWith("/unread?f=tracked"),
      "unread link has tracked filter"
    );

    assert.ok(
      query("#navigation-bar li.new a").href.endsWith("/new?f=tracked"),
      "new link has tracked filter"
    );

    assert.ok(
      query("#navigation-bar li.top a").href.endsWith("/top?f=tracked"),
      "top link has tracked filter"
    );

    assert.ok(
      query("#navigation-bar li.latest a").href.endsWith("/latest?f=tracked"),
      "latest link has tracked filter"
    );
  });

  test("visit discovery pages with tracked filter", 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("#navigation-bar li.unread").textContent.trim(),
      I18n.t("filters.unread.title_with_count", { count: 4 }),
      "displays the right content on unread link"
    );

    assert.strictEqual(
      query("#navigation-bar li.new").textContent.trim(),
      I18n.t("filters.new.title_with_count", { count: 2 }),
      "displays the right content on new link"
    );

    await visit("/?f=tracked");

    assert.strictEqual(
      query("#navigation-bar li.unread").textContent.trim(),
      I18n.t("filters.unread.title_with_count", { count: 3 }),
      "displays the right content on unread link"
    );

    assert.strictEqual(
      query("#navigation-bar li.new").textContent.trim(),
      I18n.t("filters.new.title_with_count", { count: 1 }),
      "displays the right content on new link"
    );

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

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

    assert.strictEqual(
      query("#navigation-bar li.unread").textContent.trim(),
      I18n.t("filters.unread.title_with_count", { count: 2 }),
      "displays the right content on unread link"
    );

    assert.strictEqual(
      query("#navigation-bar li.new").textContent.trim(),
      I18n.t("filters.new.title"),
      "displays the right content on new link"
    );
  });

  test("visit discovery page filtered by tag with tracked filter", 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",
        tags: ["some-other-tag"],
      },
    ]);

    await visit("/tag/some-other-tag");

    assert.strictEqual(
      query("#navigation-bar li.unread").textContent.trim(),
      I18n.t("filters.unread.title"),
      "displays the right content on unread link"
    );

    assert.strictEqual(
      query("#navigation-bar li.new").textContent.trim(),
      I18n.t("filters.new.title_with_count", { count: 1 }),
      "displays the right content on new link"
    );

    await visit("/tag/some-other-tag?f=tracked");

    assert.strictEqual(
      query("#navigation-bar li.unread").textContent.trim(),
      I18n.t("filters.unread.title"),
      "displays the right content on unread link"
    );

    assert.strictEqual(
      query("#navigation-bar li.new").textContent.trim(),
      I18n.t("filters.new.title"),
      "displays the right content on new link"
    );
  });

  test("visit discovery page filtered by category with tracked filter", async function (assert) {
    const categories = Site.current().categories;
    const category = categories.at(-1);
    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: 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: category.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: 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: 4,
        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(`/c/3`);

    assert.strictEqual(
      query("#navigation-bar li.unread").textContent.trim(),
      I18n.t("filters.unread.title_with_count", { count: 1 }),
      "displays the right content on unread link"
    );

    assert.strictEqual(
      query("#navigation-bar li.new").textContent.trim(),
      I18n.t("filters.new.title"),
      "displays the right content on new link"
    );

    await visit(`/c/3?f=tracked`);

    assert.strictEqual(
      query("#navigation-bar li.unread").textContent.trim(),
      I18n.t("filters.unread.title"),
      "displays the right content on unread link"
    );

    assert.strictEqual(
      query("#navigation-bar li.new").textContent.trim(),
      I18n.t("filters.new.title"),
      "displays the right content on new link"
    );
  });
});