DEV: Move discourse-chat to the core repo. (#18776)

As part of this move, we are also renaming `discourse-chat` to `chat`.

plugins/chat/test/javascripts/components/chat-composer-uploads-test.js

@@ -0,0 +1,163 @@
+import componentTest, {
+  setupRenderingTest,
+} from "discourse/tests/helpers/component-test";
+import pretender from "discourse/tests/helpers/create-pretender";
+import {
+  count,
+  createFile,
+  exists,
+} from "discourse/tests/helpers/qunit-helpers";
+import hbs from "htmlbars-inline-precompile";
+import { click, settled, waitFor } from "@ember/test-helpers";
+import { module } from "qunit";
+import { run } from "@ember/runloop";
+
+const fakeUpload = {
+  type: ".png",
+  extension: "png",
+  name: "myfile.png",
+  short_path: "/images/avatar.png",
+};
+
+const mockUploadResponse = {
+  extension: "jpeg",
+  filesize: 126177,
+  height: 800,
+  human_filesize: "123 KB",
+  id: 202,
+  original_filename: "avatar.PNG.jpg",
+  retain_hours: null,
+  short_path: "/images/avatar.png",
+  short_url: "upload://yoj8pf9DdIeHRRULyw7i57GAYdz.jpeg",
+  thumbnail_height: 320,
+  thumbnail_width: 690,
+  url: "/images/avatar.png",
+  width: 1920,
+};
+
+function setupUploadPretender() {
+  pretender.post(
+    "/uploads.json",
+    () => {
+      return [200, { "Content-Type": "application/json" }, mockUploadResponse];
+    },
+    500 // this delay is important to slow down the uploads a bit so we can click elements in the UI like the cancel button
+  );
+}
+
+module("Discourse Chat | Component | chat-composer-uploads", function (hooks) {
+  setupRenderingTest(hooks);
+
+  componentTest(
+    "loading uploads from an outside source (e.g. draft or editing message)",
+    {
+      template: hbs`{{chat-composer-uploads fileUploadElementId="chat-widget-uploader"}}`,
+
+      async test(assert) {
+        this.appEvents = this.container.lookup("service:appEvents");
+        this.appEvents.trigger("chat-composer:load-uploads", [fakeUpload]);
+        await settled();
+
+        assert.strictEqual(count(".chat-composer-upload"), 1);
+        assert.strictEqual(exists(".chat-composer-upload"), true);
+      },
+    }
+  );
+
+  componentTest("upload starts and completes", {
+    template: hbs`{{chat-composer-uploads fileUploadElementId="chat-widget-uploader" onUploadChanged=onUploadChanged}}`,
+
+    beforeEach() {
+      setupUploadPretender();
+      this.set("changedUploads", null);
+      this.set("onUploadChanged", (uploads) => {
+        this.set("changedUploads", uploads);
+      });
+    },
+
+    async test(assert) {
+      const done = assert.async();
+      this.appEvents = this.container.lookup("service:appEvents");
+      this.appEvents.on(
+        "upload-mixin:chat-composer-uploader:upload-success",
+        (fileName, upload) => {
+          assert.strictEqual(fileName, "avatar.png");
+          assert.deepEqual(upload, mockUploadResponse);
+          done();
+        }
+      );
+
+      this.appEvents.trigger(
+        "upload-mixin:chat-composer-uploader:add-files",
+        createFile("avatar.png")
+      );
+
+      await waitFor(".chat-composer-upload");
+      assert.strictEqual(count(".chat-composer-upload"), 1);
+    },
+  });
+
+  componentTest("removing a completed upload", {
+    template: hbs`{{chat-composer-uploads fileUploadElementId="chat-widget-uploader" onUploadChanged=onUploadChanged}}`,
+
+    beforeEach() {
+      this.set("changedUploads", null);
+      this.set("onUploadChanged", (uploads) => {
+        this.set("changedUploads", uploads);
+      });
+    },
+
+    async test(assert) {
+      this.appEvents = this.container.lookup("service:appEvents");
+      run(() =>
+        this.appEvents.trigger("chat-composer:load-uploads", [fakeUpload])
+      );
+      assert.strictEqual(count(".chat-composer-upload"), 1);
+
+      await click(".remove-upload");
+      assert.strictEqual(count(".chat-composer-upload"), 0);
+    },
+  });
+
+  componentTest("cancelling in progress upload", {
+    template: hbs`{{chat-composer-uploads fileUploadElementId="chat-widget-uploader" onUploadChanged=onUploadChanged}}`,
+
+    beforeEach() {
+      setupUploadPretender();
+
+      this.set("changedUploads", null);
+      this.set("onUploadChanged", (uploads) => {
+        this.set("changedUploads", uploads);
+      });
+    },
+
+    async test(assert) {
+      const image = createFile("avatar.png");
+      const done = assert.async();
+      this.appEvents = this.container.lookup("service:appEvents");
+
+      this.appEvents.on(
+        `upload-mixin:chat-composer-uploader:upload-cancelled`,
+        (fileId) => {
+          assert.strictEqual(
+            fileId.includes("uppy-avatar/"),
+            true,
+            "upload was cancelled"
+          );
+          done();
+        }
+      );
+
+      this.appEvents.trigger(
+        "upload-mixin:chat-composer-uploader:add-files",
+        image
+      );
+
+      await waitFor(".chat-composer-upload");
+      assert.strictEqual(count(".chat-composer-upload"), 1);
+
+      await click(".remove-upload");
+      assert.strictEqual(count(".chat-composer-upload"), 0);
+    },
+  });
+});