import { acceptance } from "helpers/qunit-helpers";
import DiscoveryFixtures from "fixtures/discovery_fixtures";

acceptance("Category Banners", {
  pretend(server, helper) {
    server.get("/c/test-read-only-without-banner/5/l/latest.json", () => {
      return helper.response(
        DiscoveryFixtures["/latest_can_create_topic.json"]
      );
    });
    server.get("/c/test-read-only-with-banner/6/l/latest.json", () => {
      return helper.response(
        DiscoveryFixtures["/latest_can_create_topic.json"]
      );
    });
  },
  loggedIn: true,
  site: {
    categories: [
      {
        id: 5,
        name: "test read only without banner",
        slug: "test-read-only-without-banner",
        permission: null
      },
      {
        id: 6,
        name: "test read only with banner",
        slug: "test-read-only-with-banner",
        permission: null,
        read_only_banner:
          "You need to video yourself doing the secret handshake to post here"
      }
    ]
  }
});

QUnit.test("Does not display category banners when not set", async assert => {
  await visit("/c/test-read-only-without-banner");

  await click("#create-topic");
  assert.ok(!visible(".bootbox.modal"), "it does not pop up a modal");
  assert.ok(
    !visible(".category-read-only-banner"),
    "it does not show a banner"
  );
});

QUnit.test("Displays category banners when set", async assert => {
  await visit("/c/test-read-only-with-banner");

  await click("#create-topic");
  assert.ok(visible(".bootbox.modal"), "it pops up a modal");

  await click(".modal-footer>.btn-primary");
  assert.ok(!visible(".bootbox.modal"), "it closes the modal");
  assert.ok(visible(".category-read-only-banner"), "it shows a banner");
});

acceptance("Anonymous Category Banners", {
  pretend(server, helper) {
    server.get("/c/test-read-only-with-banner/6/l/latest.json", () => {
      return helper.response(
        DiscoveryFixtures["/latest_can_create_topic.json"]
      );
    });
  },
  loggedIn: false,
  site: {
    categories: [
      {
        id: 6,
        name: "test read only with banner",
        slug: "test-read-only-with-banner",
        permission: null,
        read_only_banner:
          "You need to video yourself doing the secret handshake to post here"
      }
    ]
  }
});

QUnit.test("Does not display category banners when set", async assert => {
  await visit("/c/test-read-only-with-banner");
  assert.ok(
    !visible(".category-read-only-banner"),
    "it does not show a banner"
  );
});