mirror of
https://github.com/zulip/zulip.git
synced 2025-11-06 15:03:34 +00:00
abe876a4a4
On uploading a few files from markdown_preview mode of compose box and then switching back to edit mode, the compose box doesn't get resized. It even doesn't allow to scroll through the content. Fixed this by switching back to the edit mode everytime user uploads some file in markdown_preview mode as there's no use of staying in markdown_preview mode anyways after uploading a file as the preview doesn't get updated. Also, updated the corresponding test cases. Fixes: #16296.
679 lines
22 KiB
JavaScript
679 lines
22 KiB
JavaScript
"use strict";
|
|
|
|
const rewiremock = require("rewiremock/node");
|
|
|
|
set_global("$", global.make_zjquery());
|
|
set_global("document", {
|
|
location: {},
|
|
});
|
|
set_global("navigator", {
|
|
userAgent: "Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0)",
|
|
});
|
|
set_global("page_params", {
|
|
max_file_upload_size: 25,
|
|
});
|
|
set_global("csrf_token", "csrf_token");
|
|
set_global("bridge", false);
|
|
|
|
// Setting these up so that we can test that links to uploads within messages are
|
|
// automatically converted to server relative links.
|
|
global.document.location.protocol = "https:";
|
|
global.document.location.host = "foo.com";
|
|
|
|
zrequire("compose_ui");
|
|
zrequire("compose_state");
|
|
zrequire("compose");
|
|
zrequire("compose_actions");
|
|
|
|
const plugin_stub = {
|
|
prototype: {
|
|
constructor: null,
|
|
},
|
|
};
|
|
|
|
zrequire("upload");
|
|
|
|
run_test("make_upload_absolute", () => {
|
|
let uri = "/user_uploads/5/d4/6lSlfIPIg9nDI2Upj0Mq_EbE/kerala.png";
|
|
const expected_uri = "https://foo.com/user_uploads/5/d4/6lSlfIPIg9nDI2Upj0Mq_EbE/kerala.png";
|
|
assert.equal(upload.make_upload_absolute(uri), expected_uri);
|
|
|
|
uri = "https://foo.com/user_uploads/5/d4/6lSlfIPIg9nDI2Upj0Mq_EbE/alappuzha.png";
|
|
assert.equal(upload.make_upload_absolute(uri), uri);
|
|
});
|
|
|
|
run_test("get_item", () => {
|
|
assert.equal(upload.get_item("textarea", {mode: "compose"}), $("#compose-textarea"));
|
|
assert.equal(
|
|
upload.get_item("send_status_message", {mode: "compose"}),
|
|
$("#compose-error-msg"),
|
|
);
|
|
assert.equal(upload.get_item("file_input_identifier", {mode: "compose"}), "#file_input");
|
|
assert.equal(upload.get_item("source", {mode: "compose"}), "compose-file-input");
|
|
assert.equal(upload.get_item("drag_drop_container", {mode: "compose"}), $("#compose"));
|
|
assert.equal(
|
|
upload.get_item("markdown_preview_hide_button", {mode: "compose"}),
|
|
$("#undo_markdown_preview"),
|
|
);
|
|
|
|
assert.equal(upload.get_item("textarea", {mode: "edit", row: 1}), $("#message_edit_content_1"));
|
|
|
|
$("#message_edit_content_2").closest = () => {
|
|
$("#message_edit_form").set_find_results(".message_edit_save", $(".message_edit_save"));
|
|
return $("#message_edit_form");
|
|
};
|
|
assert.equal(upload.get_item("send_button", {mode: "edit", row: 2}), $(".message_edit_save"));
|
|
|
|
assert.equal(
|
|
upload.get_item("send_status_identifier", {mode: "edit", row: 11}),
|
|
"#message-edit-send-status-11",
|
|
);
|
|
assert.equal(
|
|
upload.get_item("send_status", {mode: "edit", row: 75}),
|
|
$("#message-edit-send-status-75"),
|
|
);
|
|
|
|
$("#message-edit-send-status-2").set_find_results(
|
|
".send-status-close",
|
|
$(".send-status-close"),
|
|
);
|
|
assert.equal(
|
|
upload.get_item("send_status_close_button", {mode: "edit", row: 2}),
|
|
$(".send-status-close"),
|
|
);
|
|
|
|
$("#message-edit-send-status-22").set_find_results(".error-msg", $(".error-msg"));
|
|
assert.equal(upload.get_item("send_status_message", {mode: "edit", row: 22}), $(".error-msg"));
|
|
|
|
assert.equal(
|
|
upload.get_item("file_input_identifier", {mode: "edit", row: 123}),
|
|
"#message_edit_file_input_123",
|
|
);
|
|
assert.equal(upload.get_item("source", {mode: "edit", row: 123}), "message-edit-file-input");
|
|
assert.equal(
|
|
upload.get_item("drag_drop_container", {mode: "edit", row: 1}),
|
|
$("#message_edit_form"),
|
|
);
|
|
assert.equal(
|
|
upload.get_item("markdown_preview_hide_button", {mode: "edit", row: 65}),
|
|
$("#undo_markdown_preview_65"),
|
|
);
|
|
|
|
assert.throws(
|
|
() => {
|
|
upload.get_item("textarea");
|
|
},
|
|
{
|
|
name: "Error",
|
|
message: "Missing config",
|
|
},
|
|
);
|
|
assert.throws(
|
|
() => {
|
|
upload.get_item("textarea", {mode: "edit"});
|
|
},
|
|
{
|
|
name: "Error",
|
|
message: "Missing row in config",
|
|
},
|
|
);
|
|
assert.throws(
|
|
() => {
|
|
upload.get_item("textarea", {mode: "blah"});
|
|
},
|
|
{
|
|
name: "Error",
|
|
message: "Invalid upload mode!",
|
|
},
|
|
);
|
|
assert.throws(
|
|
() => {
|
|
upload.get_item("invalid", {mode: "compose"});
|
|
},
|
|
{
|
|
name: "Error",
|
|
message: 'Invalid key name for mode "compose"',
|
|
},
|
|
);
|
|
assert.throws(
|
|
() => {
|
|
upload.get_item("invalid", {mode: "edit", row: 20});
|
|
},
|
|
{
|
|
name: "Error",
|
|
message: 'Invalid key name for mode "edit"',
|
|
},
|
|
);
|
|
});
|
|
|
|
run_test("hide_upload_status", () => {
|
|
$("#compose-send-button").prop("disabled", true);
|
|
$("#compose-send-status").addClass("alert-info").show();
|
|
|
|
upload.hide_upload_status({mode: "compose"});
|
|
|
|
assert.equal($("#compose-send-button").prop("disabled"), false);
|
|
assert.equal($("#compose-send-button").hasClass("alert-info"), false);
|
|
assert.equal($("#compose-send-button").visible(), false);
|
|
});
|
|
|
|
run_test("show_error_message", () => {
|
|
$("#compose-send-button").prop("disabled", true);
|
|
$("#compose-send-status").addClass("alert-info").removeClass("alert-error").hide();
|
|
$("#compose-error-msg").text("");
|
|
$("#compose-error-msg").hide();
|
|
|
|
upload.show_error_message({mode: "compose"}, "Error message");
|
|
assert.equal($("#compose-send-button").prop("disabled"), false);
|
|
assert($("#compose-send-status").hasClass("alert-error"));
|
|
assert.equal($("#compose-send-status").hasClass("alert-info"), false);
|
|
assert($("#compose-send-status").visible());
|
|
assert.equal($("#compose-error-msg").text(), "Error message");
|
|
|
|
upload.show_error_message({mode: "compose"});
|
|
assert.equal($("#compose-error-msg").text(), "translated: An unknown error occurred.");
|
|
});
|
|
|
|
run_test("upload_files", () => {
|
|
let uppy_cancel_all_called = false;
|
|
let files = [
|
|
{
|
|
name: "budapest.png",
|
|
type: "image/png",
|
|
},
|
|
];
|
|
let uppy_add_file_called = false;
|
|
const uppy = {
|
|
cancelAll: () => {
|
|
uppy_cancel_all_called = true;
|
|
},
|
|
addFile: (params) => {
|
|
uppy_add_file_called = true;
|
|
assert.equal(params.source, "compose-file-input");
|
|
assert.equal(params.name, "budapest.png");
|
|
assert.equal(params.type, "image/png");
|
|
assert.equal(params.data, files[0]);
|
|
},
|
|
getFiles: () => [...files],
|
|
};
|
|
let hide_upload_status_called = false;
|
|
upload.hide_upload_status = (config) => {
|
|
hide_upload_status_called = true;
|
|
assert(config.mode, "compose");
|
|
};
|
|
const config = {mode: "compose"};
|
|
$("#compose-send-button").prop("disabled", false);
|
|
upload.upload_files(uppy, config, []);
|
|
assert(!$("#compose-send-button").prop("disabled"));
|
|
|
|
page_params.max_file_upload_size_mib = 0;
|
|
let show_error_message_called = false;
|
|
upload.show_error_message = (config, message) => {
|
|
show_error_message_called = true;
|
|
assert.equal(config.mode, "compose");
|
|
assert.equal(
|
|
message,
|
|
"translated: File and image uploads have been disabled for this organization.",
|
|
);
|
|
};
|
|
upload.upload_files(uppy, config, files);
|
|
assert(show_error_message_called);
|
|
|
|
page_params.max_file_upload_size_mib = 25;
|
|
let on_click_close_button_callback;
|
|
$(".compose-send-status-close").one = (event, callback) => {
|
|
assert.equal(event, "click");
|
|
on_click_close_button_callback = callback;
|
|
};
|
|
let compose_ui_insert_syntax_and_focus_called = false;
|
|
compose_ui.insert_syntax_and_focus = (syntax, textarea) => {
|
|
assert.equal(syntax, "[translated: Uploading budapest.png…]()");
|
|
assert.equal(textarea, $("#compose-textarea"));
|
|
compose_ui_insert_syntax_and_focus_called = true;
|
|
};
|
|
let compose_ui_autosize_textarea_called = false;
|
|
compose_ui.autosize_textarea = () => {
|
|
compose_ui_autosize_textarea_called = true;
|
|
};
|
|
let markdown_preview_hide_button_clicked = false;
|
|
$("#undo_markdown_preview").on("click", () => {
|
|
markdown_preview_hide_button_clicked = true;
|
|
});
|
|
$("#compose-send-button").prop("disabled", false);
|
|
$("#compose-send-status").removeClass("alert-info").hide();
|
|
$("#undo_markdown_preview").show();
|
|
upload.upload_files(uppy, config, files);
|
|
assert($("#compose-send-button").prop("disabled"));
|
|
assert($("#compose-send-status").hasClass("alert-info"));
|
|
assert($("#compose-send-status").visible());
|
|
assert.equal($("<p>").text(), "translated: Uploading…");
|
|
assert(compose_ui_insert_syntax_and_focus_called);
|
|
assert(compose_ui_autosize_textarea_called);
|
|
assert(markdown_preview_hide_button_clicked);
|
|
assert(uppy_add_file_called);
|
|
|
|
files = [
|
|
{
|
|
name: "budapest.png",
|
|
type: "image/png",
|
|
},
|
|
{
|
|
name: "prague.png",
|
|
type: "image/png",
|
|
},
|
|
];
|
|
let add_file_counter = 0;
|
|
uppy.addFile = (file) => {
|
|
assert.equal(file.name, "budapest.png");
|
|
add_file_counter += 1;
|
|
throw Error();
|
|
};
|
|
upload.upload_files(uppy, config, files);
|
|
assert.equal(add_file_counter, 1);
|
|
|
|
global.patch_builtin("setTimeout", (func) => {
|
|
func();
|
|
});
|
|
hide_upload_status_called = false;
|
|
uppy_cancel_all_called = false;
|
|
let compose_ui_replace_syntax_called = false;
|
|
files = [
|
|
{
|
|
name: "budapest.png",
|
|
type: "image/png",
|
|
},
|
|
];
|
|
compose_ui.replace_syntax = (old_syntax, new_syntax, textarea) => {
|
|
compose_ui_replace_syntax_called = true;
|
|
assert.equal(old_syntax, "[translated: Uploading budapest.png…]()");
|
|
assert.equal(new_syntax, "");
|
|
assert.equal(textarea, $("#compose-textarea"));
|
|
};
|
|
on_click_close_button_callback();
|
|
assert(uppy_cancel_all_called);
|
|
assert(hide_upload_status_called);
|
|
assert(compose_ui_autosize_textarea_called);
|
|
assert(compose_ui_replace_syntax_called);
|
|
hide_upload_status_called = false;
|
|
compose_ui_replace_syntax_called = false;
|
|
$("#compose-textarea").val("user modified text");
|
|
on_click_close_button_callback();
|
|
assert(hide_upload_status_called);
|
|
assert(compose_ui_autosize_textarea_called);
|
|
assert(compose_ui_replace_syntax_called);
|
|
assert($("#compose-textarea").val(), "user modified text");
|
|
});
|
|
|
|
run_test("uppy_config", () => {
|
|
let uppy_stub_called = false;
|
|
let uppy_set_meta_called = false;
|
|
let uppy_used_xhrupload = false;
|
|
let uppy_used_progressbar = false;
|
|
|
|
function uppy_stub(config) {
|
|
uppy_stub_called = true;
|
|
assert.equal(config.debug, false);
|
|
assert.equal(config.autoProceed, true);
|
|
assert.equal(config.restrictions.maxFileSize, 25 * 1024 * 1024);
|
|
assert.equal(Object.keys(config.locale.strings).length, 2);
|
|
assert("exceedsSize" in config.locale.strings);
|
|
|
|
return {
|
|
setMeta: (params) => {
|
|
uppy_set_meta_called = true;
|
|
assert.equal(params.csrfmiddlewaretoken, "csrf_token");
|
|
},
|
|
use: (func, params) => {
|
|
const func_name = func.name;
|
|
if (func_name === "XHRUpload") {
|
|
uppy_used_xhrupload = true;
|
|
assert.equal(params.endpoint, "/json/user_uploads");
|
|
assert.equal(params.formData, true);
|
|
assert.equal(params.fieldName, "file");
|
|
assert.equal(params.limit, 5);
|
|
assert.equal(Object.keys(params.locale.strings).length, 1);
|
|
assert("timedOut" in params.locale.strings);
|
|
} else if (func_name === "ProgressBar") {
|
|
uppy_used_progressbar = true;
|
|
assert.equal(params.target, "#compose-send-status");
|
|
assert.equal(params.hideAfterFinish, false);
|
|
} else {
|
|
/* istanbul ignore next */
|
|
assert.fail(`Missing tests for ${func_name}`);
|
|
}
|
|
},
|
|
on: () => {},
|
|
};
|
|
}
|
|
uppy_stub.Plugin = plugin_stub;
|
|
rewiremock.proxy(() => require("../../static/js/upload"), {"@uppy/core": uppy_stub});
|
|
upload.setup_upload({mode: "compose"});
|
|
|
|
assert.equal(uppy_stub_called, true);
|
|
assert.equal(uppy_set_meta_called, true);
|
|
assert.equal(uppy_used_xhrupload, true);
|
|
assert.equal(uppy_used_progressbar, true);
|
|
});
|
|
|
|
run_test("file_input", () => {
|
|
set_global("$", global.make_zjquery());
|
|
|
|
upload.setup_upload({mode: "compose"});
|
|
|
|
const change_handler = $("body").get_on_handler("change", "#file_input");
|
|
const files = ["file1", "file2"];
|
|
const event = {
|
|
target: {
|
|
files,
|
|
value: "C:\\fakepath\\portland.png",
|
|
},
|
|
};
|
|
let upload_files_called = false;
|
|
upload.upload_files = (uppy, config, files) => {
|
|
assert.equal(config.mode, "compose");
|
|
assert.equal(files, files);
|
|
upload_files_called = true;
|
|
};
|
|
change_handler(event);
|
|
assert(upload_files_called);
|
|
});
|
|
|
|
run_test("file_drop", () => {
|
|
set_global("$", global.make_zjquery());
|
|
|
|
upload.setup_upload({mode: "compose"});
|
|
|
|
let prevent_default_counter = 0;
|
|
const drag_event = {
|
|
preventDefault: () => {
|
|
prevent_default_counter += 1;
|
|
},
|
|
};
|
|
const dragover_handler = $("#compose").get_on_handler("dragover");
|
|
dragover_handler(drag_event);
|
|
assert.equal(prevent_default_counter, 1);
|
|
|
|
const dragenter_handler = $("#compose").get_on_handler("dragenter");
|
|
dragenter_handler(drag_event);
|
|
assert.equal(prevent_default_counter, 2);
|
|
|
|
const files = ["file1", "file2"];
|
|
const drop_event = {
|
|
preventDefault: () => {
|
|
prevent_default_counter += 1;
|
|
},
|
|
originalEvent: {
|
|
dataTransfer: {
|
|
files,
|
|
},
|
|
},
|
|
};
|
|
const drop_handler = $("#compose").get_on_handler("drop");
|
|
let upload_files_called = false;
|
|
upload.upload_files = () => {
|
|
upload_files_called = true;
|
|
};
|
|
drop_handler(drop_event);
|
|
assert.equal(prevent_default_counter, 3);
|
|
assert.equal(upload_files_called, true);
|
|
});
|
|
|
|
run_test("copy_paste", () => {
|
|
set_global("$", global.make_zjquery());
|
|
|
|
upload.setup_upload({mode: "compose"});
|
|
|
|
const paste_handler = $("#compose").get_on_handler("paste");
|
|
let get_as_file_called = false;
|
|
let event = {
|
|
originalEvent: {
|
|
clipboardData: {
|
|
items: [
|
|
{
|
|
kind: "file",
|
|
getAsFile: () => {
|
|
get_as_file_called = true;
|
|
},
|
|
},
|
|
{
|
|
kind: "notfile",
|
|
},
|
|
],
|
|
},
|
|
},
|
|
};
|
|
let upload_files_called = false;
|
|
upload.upload_files = () => {
|
|
upload_files_called = true;
|
|
};
|
|
|
|
paste_handler(event);
|
|
assert(get_as_file_called);
|
|
assert(upload_files_called);
|
|
|
|
upload_files_called = false;
|
|
event = {
|
|
originalEvent: {},
|
|
};
|
|
paste_handler(event);
|
|
assert.equal(upload_files_called, false);
|
|
});
|
|
|
|
run_test("uppy_events", () => {
|
|
set_global("$", global.make_zjquery());
|
|
const callbacks = {};
|
|
let uppy_cancel_all_called = false;
|
|
let state = {};
|
|
let files = [];
|
|
|
|
function uppy_stub() {
|
|
return {
|
|
setMeta: () => {},
|
|
use: () => {},
|
|
cancelAll: () => {
|
|
uppy_cancel_all_called = true;
|
|
},
|
|
on: (event_name, callback) => {
|
|
callbacks[event_name] = callback;
|
|
},
|
|
getFiles: () => [...files],
|
|
removeFile: (file_id) => {
|
|
files = files.filter((file) => file.id !== file_id);
|
|
},
|
|
getState: () => ({
|
|
info: {
|
|
type: state.type,
|
|
details: state.details,
|
|
message: state.message,
|
|
},
|
|
}),
|
|
};
|
|
}
|
|
uppy_stub.Plugin = plugin_stub;
|
|
rewiremock.proxy(() => require("../../static/js/upload"), {"@uppy/core": uppy_stub});
|
|
upload.setup_upload({mode: "compose"});
|
|
assert.equal(Object.keys(callbacks).length, 5);
|
|
|
|
const on_upload_success_callback = callbacks["upload-success"];
|
|
const file = {
|
|
name: "copenhagen.png",
|
|
};
|
|
let response = {
|
|
body: {
|
|
uri: "/user_uploads/4/cb/rue1c-MlMUjDAUdkRrEM4BTJ/copenhagen.png",
|
|
},
|
|
};
|
|
let compose_actions_start_called = false;
|
|
compose_actions.start = () => {
|
|
compose_actions_start_called = true;
|
|
};
|
|
let compose_ui_replace_syntax_called = false;
|
|
compose_ui.replace_syntax = (old_syntax, new_syntax, textarea) => {
|
|
compose_ui_replace_syntax_called = true;
|
|
assert.equal(old_syntax, "[translated: Uploading copenhagen.png…]()");
|
|
assert.equal(
|
|
new_syntax,
|
|
"[copenhagen.png](https://foo.com/user_uploads/4/cb/rue1c-MlMUjDAUdkRrEM4BTJ/copenhagen.png)",
|
|
);
|
|
assert.equal(textarea, $("#compose-textarea"));
|
|
};
|
|
let compose_ui_autosize_textarea_called = false;
|
|
compose_ui.autosize_textarea = () => {
|
|
compose_ui_autosize_textarea_called = true;
|
|
};
|
|
on_upload_success_callback(file, response);
|
|
assert(compose_actions_start_called);
|
|
assert(compose_ui_replace_syntax_called);
|
|
assert(compose_ui_autosize_textarea_called);
|
|
|
|
response = {
|
|
body: {
|
|
uri: undefined,
|
|
},
|
|
};
|
|
compose_actions_start_called = false;
|
|
compose_ui_replace_syntax_called = false;
|
|
compose_ui_autosize_textarea_called = false;
|
|
on_upload_success_callback(file, response);
|
|
assert.equal(compose_actions_start_called, false);
|
|
assert.equal(compose_ui_replace_syntax_called, false);
|
|
assert.equal(compose_ui_autosize_textarea_called, false);
|
|
|
|
const on_complete_callback = callbacks.complete;
|
|
global.patch_builtin("setTimeout", (func) => {
|
|
func();
|
|
});
|
|
let hide_upload_status_called = false;
|
|
upload.hide_upload_status = () => {
|
|
hide_upload_status_called = true;
|
|
};
|
|
$("#compose-send-status").removeClass("alert-error");
|
|
files = [
|
|
{
|
|
id: "uppy-zulip/jpeg-1e-image/jpeg-163515-1578367331279",
|
|
progress: {
|
|
uploadComplete: true,
|
|
},
|
|
},
|
|
{
|
|
id: "uppy-github/avatar/png-2v-1e-image/png-329746-1576507125831",
|
|
progress: {
|
|
uploadComplete: true,
|
|
},
|
|
},
|
|
];
|
|
on_complete_callback();
|
|
assert(hide_upload_status_called);
|
|
assert.equal(files.length, 0);
|
|
|
|
hide_upload_status_called = false;
|
|
$("#compose-send-status").addClass("alert-error");
|
|
on_complete_callback();
|
|
assert(!hide_upload_status_called);
|
|
|
|
$("#compose-send-status").removeClass("alert-error");
|
|
hide_upload_status_called = false;
|
|
files = [
|
|
{
|
|
id: "uppy-zulip/jpeg-1e-image/jpeg-163515-1578367331279",
|
|
progress: {
|
|
uploadComplete: true,
|
|
},
|
|
},
|
|
{
|
|
id: "uppy-github/avatar/png-2v-1e-image/png-329746-1576507125831",
|
|
progress: {
|
|
uploadComplete: false,
|
|
},
|
|
},
|
|
];
|
|
on_complete_callback();
|
|
assert(!hide_upload_status_called);
|
|
assert.equal(files.length, 1);
|
|
|
|
state = {
|
|
type: "error",
|
|
details: "Some Error",
|
|
message: "Some error message",
|
|
};
|
|
const on_info_visible_callback = callbacks["info-visible"];
|
|
let show_error_message_called = false;
|
|
uppy_cancel_all_called = false;
|
|
compose_ui_replace_syntax_called = false;
|
|
const on_restriction_failed_callback = callbacks["restriction-failed"];
|
|
upload.show_error_message = (config, message) => {
|
|
show_error_message_called = true;
|
|
assert.equal(config.mode, "compose");
|
|
assert.equal(message, "Some error message");
|
|
};
|
|
on_info_visible_callback();
|
|
assert(uppy_cancel_all_called);
|
|
assert(show_error_message_called);
|
|
compose_ui.replace_syntax = (old_syntax, new_syntax, textarea) => {
|
|
compose_ui_replace_syntax_called = true;
|
|
assert.equal(old_syntax, "[translated: Uploading copenhagen.png…]()");
|
|
assert.equal(new_syntax, "");
|
|
assert.equal(textarea, $("#compose-textarea"));
|
|
};
|
|
on_restriction_failed_callback(file, null, null);
|
|
assert(compose_ui_replace_syntax_called);
|
|
compose_ui_replace_syntax_called = false;
|
|
$("#comepose-textarea").val("user modified text");
|
|
on_restriction_failed_callback(file, null, null);
|
|
assert(compose_ui_replace_syntax_called);
|
|
assert.equal($("#comepose-textarea").val(), "user modified text");
|
|
|
|
state = {
|
|
type: "error",
|
|
message: "No Internet connection",
|
|
};
|
|
uppy_cancel_all_called = false;
|
|
on_info_visible_callback();
|
|
|
|
state = {
|
|
type: "error",
|
|
details: "Upload Error",
|
|
};
|
|
uppy_cancel_all_called = false;
|
|
on_info_visible_callback();
|
|
|
|
const on_upload_error_callback = callbacks["upload-error"];
|
|
show_error_message_called = false;
|
|
compose_ui_replace_syntax_called = false;
|
|
upload.show_error_message = (config, message) => {
|
|
show_error_message_called = true;
|
|
assert.equal(config.mode, "compose");
|
|
assert.equal(message, "Response message");
|
|
};
|
|
response = {
|
|
body: {
|
|
msg: "Response message",
|
|
},
|
|
};
|
|
uppy_cancel_all_called = false;
|
|
on_upload_error_callback(file, null, response);
|
|
assert(uppy_cancel_all_called);
|
|
assert(show_error_message_called);
|
|
assert(compose_ui_replace_syntax_called);
|
|
|
|
compose_ui_replace_syntax_called = false;
|
|
upload.show_error_message = (config, message) => {
|
|
show_error_message_called = true;
|
|
assert.equal(config.mode, "compose");
|
|
assert.equal(message, null);
|
|
};
|
|
uppy_cancel_all_called = false;
|
|
on_upload_error_callback(file, null, null);
|
|
assert(uppy_cancel_all_called);
|
|
assert(show_error_message_called);
|
|
assert(compose_ui_replace_syntax_called);
|
|
show_error_message_called = false;
|
|
$("#comepose-textarea").val("user modified text");
|
|
uppy_cancel_all_called = false;
|
|
on_upload_error_callback(file, null);
|
|
assert(uppy_cancel_all_called);
|
|
assert(show_error_message_called);
|
|
assert(compose_ui_replace_syntax_called);
|
|
assert.equal($("#comepose-textarea").val(), "user modified text");
|
|
});
|