discourse/plugins/discourse-calendar/test/javascripts/acceptance/category-calendar-navigation-test.js

import { visit } from "@ember/test-helpers";
import { test } from "qunit";
import { acceptance } from "discourse/tests/helpers/qunit-helpers";

acceptance("Category Events Calendar Navigation", function (needs) {
  needs.user();
  needs.settings({
    calendar_enabled: true,
    discourse_post_event_enabled: true,
    events_calendar_categories: "1|2",
  });

  let eventCalls = [];

  async function assertCategory(assert, { name, id, count = 1 }) {
    eventCalls = [];
    await visit(`/c/${name}/${id}`);

    if (count >= 1) {
      assert.true(
        eventCalls.some((call) => call.category_id === id),
        `Fetched events for category ${id}`
      );

      assert.strictEqual(
        eventCalls.length,
        count,
        `Only ${count} events fetch after navigation`
      );

      assert.dom(".fc-event-title").hasText(`Event in Cat ${id}`);
    } else {
      assert.strictEqual(
        eventCalls.length,
        0,
        `No events fetch for category ${id}`
      );

      assert.dom(".fc-event-title").doesNotExist();
    }
  }

  needs.pretender((server, helper) => {
    server.get("/discourse-post-event/events", (request) => {
      eventCalls.push(request.queryParams);
      const categoryId = request.queryParams.category_id;

      return helper.response({
        events: [
          {
            id: 100 + parseInt(categoryId, 10),
            starts_at: moment().add(1, "days").toISOString(),
            ends_at: moment().add(1, "days").add(1, "hours").toISOString(),
            post: {
              id: 200 + parseInt(categoryId, 10),
              post_number: 1,
              url: `/t/event-in-cat-${categoryId}/1/1`,
              topic: {
                id: 300 + parseInt(categoryId, 10),
                title: `Event in Cat ${categoryId}`,
              },
            },
            name: `Event in Cat ${categoryId}`,
            category_id: parseInt(categoryId, 10),
            occurrences: [
              {
                starts_at: moment().add(1, "days").toISOString(),
                ends_at: moment().add(1, "days").add(1, "hours").toISOString(),
              },
            ],
          },
        ],
      });
    });
  });

  test("reloads events when navigating between categories", async function (assert) {
    await assertCategory(assert, { name: "bug", id: "1" });
    await assertCategory(assert, { name: "feature", id: "2" });
  });

  test("it does not load events for non-calendar categories", async function (assert) {
    await assertCategory(assert, { name: "dev", id: "7", count: 0 });
  });

  test("it loads events again when returning to a calendar category", async function (assert) {
    await assertCategory(assert, { name: "bug", id: "1" });
    await assertCategory(assert, { name: "dev", id: "7", count: 0 });
    await assertCategory(assert, { name: "feature", id: "2" });
  });
});