discourse/plugins/chat/test/javascripts/components/collapser-test.gjs

import { trustHTML } from "@ember/template";
import { click, render } from "@ember/test-helpers";
import { module, test } from "qunit";
import { setupRenderingTest } from "discourse/tests/helpers/component-test";
import Collapser from "discourse/plugins/chat/discourse/components/collapser";

module("Component | collapser", function (hooks) {
  setupRenderingTest(hooks);

  test("renders header", async function (assert) {
    this.set("header", trustHTML(`<div class="cat">tomtom</div>`));

    await render(<template><Collapser @header={{this.header}} /></template>);

    assert.dom(".cat").exists();
  });

  test("collapses and expands yielded body", async function (assert) {
    await render(
      <template>
        <Collapser>
          <div class="cat">body text</div>
        </Collapser>
      </template>
    );

    assert.dom(".cat").isVisible();

    await click(".chat-message-collapser-opened");
    assert.dom(".cat").isNotVisible();

    await click(".chat-message-collapser-closed");
    assert.dom(".cat").isVisible();
  });
});