FEATURE: add category banner for why a user cannot post (#9576)

* FEATURE: add category banner for why a user cannot post Adds a category banner for why a user is unable to post in a category. Also adds an extra alert for the user when a user is unable to create a topic in a category and they still try and click on the disabled-looking new topic button.
2020-04-30 07:39:11 -10:00
parent 03815f9795
commit 2cb9e85d14
16 changed files with 284 additions and 6 deletions
@@ -0,0 +1,89 @@
+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"
+  );
+});