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-upload-test.js

@@ -0,0 +1,158 @@
+import componentTest, {
+  setupRenderingTest,
+} from "discourse/tests/helpers/component-test";
+import { exists, query } from "discourse/tests/helpers/qunit-helpers";
+import hbs from "htmlbars-inline-precompile";
+import I18n from "I18n";
+import { click } from "@ember/test-helpers";
+import { module } from "qunit";
+
+module("Discourse Chat | Component | chat-composer-upload", function (hooks) {
+  setupRenderingTest(hooks);
+
+  componentTest("file - uploading in progress", {
+    template: hbs`{{chat-composer-upload upload=upload}}`,
+
+    beforeEach() {
+      this.set("upload", {
+        progress: 50,
+        extension: ".pdf",
+        fileName: "test.pdf",
+      });
+    },
+
+    async test(assert) {
+      assert.ok(exists(".upload-progress[value=50]"));
+      assert.strictEqual(
+        query(".uploading").innerText.trim(),
+        I18n.t("uploading")
+      );
+    },
+  });
+
+  componentTest("image - uploading in progress", {
+    template: hbs`{{chat-composer-upload upload=upload}}`,
+
+    beforeEach() {
+      this.set("upload", {
+        extension: ".png",
+        progress: 78,
+        fileName: "test.png",
+      });
+    },
+
+    async test(assert) {
+      assert.ok(exists(".d-icon-far-image"));
+      assert.ok(exists(".upload-progress[value=78]"));
+      assert.strictEqual(
+        query(".uploading").innerText.trim(),
+        I18n.t("uploading")
+      );
+    },
+  });
+
+  componentTest("image - preprocessing upload in progress", {
+    template: hbs`{{chat-composer-upload upload=upload}}`,
+
+    beforeEach() {
+      this.set("upload", {
+        extension: ".png",
+        progress: 78,
+        fileName: "test.png",
+        processing: true,
+      });
+    },
+
+    async test(assert) {
+      assert.strictEqual(
+        query(".processing").innerText.trim(),
+        I18n.t("processing")
+      );
+    },
+  });
+
+  componentTest("file - upload complete", {
+    template: hbs`{{chat-composer-upload isDone=true upload=upload}}`,
+
+    beforeEach() {
+      this.set("upload", {
+        type: ".pdf",
+        original_filename: "some file.pdf",
+        extension: "pdf",
+      });
+    },
+
+    async test(assert) {
+      assert.ok(exists(".d-icon-file-alt"));
+      assert.strictEqual(query(".file-name").innerText.trim(), "some file.pdf");
+      assert.strictEqual(query(".extension-pill").innerText.trim(), "pdf");
+    },
+  });
+
+  componentTest("image - upload complete", {
+    template: hbs`{{chat-composer-upload isDone=true upload=upload}}`,
+
+    beforeEach() {
+      this.set("upload", {
+        type: ".png",
+        original_filename: "bar_image.png",
+        extension: "png",
+        short_path: "/images/avatar.png",
+      });
+    },
+
+    async test(assert) {
+      assert.ok(exists("img.preview-img[src='/images/avatar.png']"));
+      assert.strictEqual(query(".file-name").innerText.trim(), "bar_image.png");
+      assert.strictEqual(query(".extension-pill").innerText.trim(), "png");
+    },
+  });
+
+  componentTest("removing completed upload", {
+    template: hbs`{{chat-composer-upload isDone=true upload=upload onCancel=(action "removeUpload" upload)}}`,
+
+    beforeEach() {
+      this.set("uploadRemoved", false);
+      this.set("actions", {
+        removeUpload: () => {
+          this.set("uploadRemoved", true);
+        },
+      });
+      this.set("upload", {
+        type: ".png",
+        original_filename: "bar_image.png",
+        extension: "png",
+        short_path: "/images/avatar.png",
+      });
+    },
+
+    async test(assert) {
+      await click(".remove-upload");
+      assert.strictEqual(this.uploadRemoved, true);
+    },
+  });
+
+  componentTest("cancelling in progress upload", {
+    template: hbs`{{chat-composer-upload upload=upload onCancel=(action "removeUpload" upload)}}`,
+
+    beforeEach() {
+      this.set("uploadRemoved", false);
+      this.set("actions", {
+        removeUpload: () => {
+          this.set("uploadRemoved", true);
+        },
+      });
+      this.set("upload", {
+        type: ".png",
+        original_filename: "bar_image.png",
+        extension: "png",
+        short_path: "/images/avatar.png",
+      });
+    },
+
+    async test(assert) {
+      await click(".remove-upload");
+      assert.strictEqual(this.uploadRemoved, true);
+    },
+  });
+});