discourse/plugins/chat/test/javascripts/components/chat-sidebar-indicators-test.gjs

import { render } from "@ember/test-helpers";
import { module, test } from "qunit";
import { setupRenderingTest } from "discourse/tests/helpers/component-test";
import ChatSidebarIndicators from "discourse/plugins/chat/discourse/components/chat-sidebar-indicators";

module("Component | chat-sidebar-indicators", function (hooks) {
  setupRenderingTest(hooks);

  test("shows indicator when unreadCount > 0", async function (assert) {
    const status = { unreadCount: 1 };

    await render(
      <template><ChatSidebarIndicators @suffixArgs={{status}} /></template>
    );

    assert.dom(".sidebar-section-link-content-badge").exists();
  });

  test("shows indicator when unreadThreadsCount > 0", async function (assert) {
    const status = { unreadThreadsCount: 1 };

    await render(
      <template><ChatSidebarIndicators @suffixArgs={{status}} /></template>
    );

    assert.dom(".sidebar-section-link-content-badge").exists();
  });

  test("shows indicator when mentionCount > 0", async function (assert) {
    const status = { mentionCount: 1 };

    await render(
      <template><ChatSidebarIndicators @suffixArgs={{status}} /></template>
    );

    assert.dom(".sidebar-section-link-content-badge").exists();
    assert.dom(".sidebar-section-link-content-badge").hasClass("urgent");
  });

  test("shows indicator when watchedThreadsUnreadCount > 0", async function (assert) {
    const status = { watchedThreadsUnreadCount: 1 };

    await render(
      <template><ChatSidebarIndicators @suffixArgs={{status}} /></template>
    );

    assert.dom(".sidebar-section-link-content-badge").exists();
    assert.dom(".sidebar-section-link-content-badge").hasClass("urgent");
  });

  test("does not show indicator when all counts are 0", async function (assert) {
    const status = {
      unreadCount: 0,
      unreadThreadsCount: 0,
      mentionCount: 0,
      watchedThreadsUnreadCount: 0,
    };

    await render(
      <template><ChatSidebarIndicators @suffixArgs={{status}} /></template>
    );

    assert.dom(".sidebar-section-link-content-badge").doesNotExist();
  });

  test("shows urgent class for DM with unread messages", async function (assert) {
    const status = {
      unreadCount: 1,
      isDirectMessageChannel: true,
    };

    await render(
      <template><ChatSidebarIndicators @suffixArgs={{status}} /></template>
    );

    assert.dom(".sidebar-section-link-content-badge").hasClass("urgent");
  });

  test("shows unread class for public channel with unread messages", async function (assert) {
    const status = {
      unreadCount: 1,
      isDirectMessageChannel: false,
    };

    await render(
      <template><ChatSidebarIndicators @suffixArgs={{status}} /></template>
    );

    assert.dom(".sidebar-section-link-content-badge").hasClass("unread");
  });

  test("shows urgent class when watchedThreadsUnreadCount > 0 even without other unreads", async function (assert) {
    const status = {
      unreadCount: 0,
      unreadThreadsCount: 0,
      mentionCount: 0,
      watchedThreadsUnreadCount: 1,
      isDirectMessageChannel: false,
    };

    await render(
      <template><ChatSidebarIndicators @suffixArgs={{status}} /></template>
    );

    assert.dom(".sidebar-section-link-content-badge").exists();
    assert.dom(".sidebar-section-link-content-badge").hasClass("urgent");
  });
});