2018-12-12 04:21:51 -05:00
import { acceptance } from "helpers/qunit-helpers";
import { toggleCheckDraftPopup } from "discourse/controllers/composer";
2015-04-01 14:18:46 -04:00
2016-07-27 05:50:13 -04:00
acceptance("Composer", {
loggedIn: true,
2018-12-12 04:21:51 -05:00
pretend(server, helper) {
server.get("/draft.json", () => {
return helper.response({
draft: null,
draft_sequence: 42
});
});
2019-02-27 05:46:16 -05:00
server.post("/uploads/lookup-urls", () => {
return helper.response([]);
});
2018-12-12 04:21:51 -05:00
},
2016-07-27 05:50:13 -04:00
settings: {
enable_whispers: true
}
});
2015-04-01 14:18:46 -04:00
2018-07-19 05:40:42 -04:00
QUnit.test("Tests the Composer controls", async assert => {
await visit("/");
assert.ok(exists("#create-topic"), "the create button is visible");
2015-04-01 14:18:46 -04:00
2018-07-19 05:40:42 -04:00
await click("#create-topic");
assert.ok(exists(".d-editor-input"), "the composer input is visible");
assert.ok(
exists(".title-input .popup-tip.bad.hide"),
"title errors are hidden by default"
);
assert.ok(
exists(".d-editor-textarea-wrapper .popup-tip.bad.hide"),
"body errors are hidden by default"
);
2015-04-01 14:18:46 -04:00
2018-07-19 05:40:42 -04:00
await click("a.toggle-preview");
assert.ok(
!exists(".d-editor-preview:visible"),
"clicking the toggle hides the preview"
);
2015-04-01 14:18:46 -04:00
2018-07-19 05:40:42 -04:00
await click("a.toggle-preview");
assert.ok(
exists(".d-editor-preview:visible"),
"clicking the toggle shows the preview again"
);
2015-04-01 14:18:46 -04:00
2018-07-19 05:40:42 -04:00
await click("#reply-control button.create");
assert.ok(
!exists(".title-input .popup-tip.bad.hide"),
"it shows the empty title error"
);
assert.ok(
!exists(".d-editor-wrapper .popup-tip.bad.hide"),
"it shows the empty body error"
);
2015-11-18 13:35:18 -05:00
2018-07-19 05:40:42 -04:00
await fillIn("#reply-title", "this is my new topic title");
assert.ok(exists(".title-input .popup-tip.good"), "the title is now good");
2015-11-18 12:35:17 -05:00
2018-07-19 05:40:42 -04:00
await fillIn(".d-editor-input", "this is the *content* of a post");
assert.equal(
find(".d-editor-preview")
.html()
.trim(),
"<p>this is the <em>content</em> of a post</p>",
"it previews content"
);
assert.ok(
exists(".d-editor-textarea-wrapper .popup-tip.good"),
"the body is now good"
);
2015-11-18 12:35:17 -05:00
2018-07-19 05:40:42 -04:00
const textarea = find("#reply-control .d-editor-input")[0];
textarea.selectionStart = textarea.value.length;
textarea.selectionEnd = textarea.value.length;
// Testing keyboard events is tough!
const mac = /Mac|iPod|iPhone|iPad/.test(navigator.platform);
const event = document.createEvent("Event");
event.initEvent("keydown", true, true);
event[mac ? "metaKey" : "ctrlKey"] = true;
event.keyCode = 66;
Ember.run(() => textarea.dispatchEvent(event));
const example = I18n.t(`composer.bold_text`);
assert.equal(
find("#reply-control .d-editor-input")
.val()
.trim(),
`this is the *content* of a post**${example}**`,
"it supports keyboard shortcuts"
);
2015-11-18 12:35:17 -05:00
2018-07-19 05:40:42 -04:00
await click("#reply-control a.cancel");
assert.ok(exists(".bootbox.modal"), "it pops up a confirmation dialog");
2015-04-01 14:18:46 -04:00
2018-07-19 05:40:42 -04:00
await click(".modal-footer a:eq(1)");
assert.ok(!exists(".bootbox.modal"), "the confirmation can be cancelled");
2015-04-01 14:18:46 -04:00
});
2018-10-03 00:07:30 -04:00
// Temporarily remove to see if this is breaking the test suite
//
// QUnit.test("Composer upload placeholder", async assert => {
// await visit("/");
// await click("#create-topic");
//
// const file1 = new Blob([""], { type: "image/png" });
// file1.name = "test.png";
// const data1 = {
// files: [file1],
// result: {
// original_filename: "test.png",
// thumbnail_width: 200,
// thumbnail_height: 300,
// url: "/uploads/test1.ext"
// }
// };
//
// const file2 = new Blob([""], { type: "image/png" });
// file2.name = "test.png";
// const data2 = {
// files: [file2],
// result: {
// original_filename: "test.png",
// thumbnail_width: 100,
// thumbnail_height: 200,
// url: "/uploads/test2.ext"
// }
// };
//
// const file3 = new Blob([""], { type: "image/png" });
// file3.name = "image.png";
// const data3 = {
// files: [file3],
// result: {
// original_filename: "image.png",
// thumbnail_width: 300,
// thumbnail_height: 400,
// url: "/uploads/test3.ext"
// }
// };
//
// await find(".wmd-controls").trigger("fileuploadsend", data1);
// assert.equal(find(".d-editor-input").val(), "[Uploading: test.png...]() ");
//
// await find(".wmd-controls").trigger("fileuploadsend", data2);
// assert.equal(
// find(".d-editor-input").val(),
// "[Uploading: test.png...]() [Uploading: test.png(1)...]() "
// );
//
// await find(".wmd-controls").trigger("fileuploadsend", data3);
// assert.equal(
// find(".d-editor-input").val(),
// "[Uploading: test.png...]() [Uploading: test.png(1)...]() [Uploading: image.png...]() "
// );
//
// await find(".wmd-controls").trigger("fileuploaddone", data2);
// assert.equal(
// find(".d-editor-input").val(),
// "[Uploading: test.png...]() ![test|100x200](/uploads/test2.ext) [Uploading: image.png...]() "
// );
//
// await find(".wmd-controls").trigger("fileuploaddone", data3);
// assert.equal(
// find(".d-editor-input").val(),
// "[Uploading: test.png...]() ![test|100x200](/uploads/test2.ext) ![image|300x400](/uploads/test3.ext) "
// );
//
// await find(".wmd-controls").trigger("fileuploaddone", data1);
// assert.equal(
// find(".d-editor-input").val(),
// "![test|200x300](/uploads/test1.ext) ![test|100x200](/uploads/test2.ext) ![image|300x400](/uploads/test3.ext) "
// );
// });
2018-10-02 21:12:36 -04:00
2018-07-19 05:40:42 -04:00
QUnit.test("Create a topic with server side errors", async assert => {
await visit("/");
await click("#create-topic");
await fillIn("#reply-title", "this title triggers an error");
await fillIn(".d-editor-input", "this is the *content* of a post");
await click("#reply-control button.create");
assert.ok(exists(".bootbox.modal"), "it pops up an error message");
await click(".bootbox.modal a.btn-primary");
assert.ok(!exists(".bootbox.modal"), "it dismisses the error");
assert.ok(exists(".d-editor-input"), "the composer input is visible");
2015-04-01 14:18:46 -04:00
});
2018-07-19 05:40:42 -04:00
QUnit.test("Create a Topic", async assert => {
await visit("/");
await click("#create-topic");
await fillIn("#reply-title", "Internationalization Localization");
await fillIn(".d-editor-input", "this is the *content* of a new topic post");
await click("#reply-control button.create");
assert.equal(
currentURL(),
"/t/internationalization-localization/280",
"it transitions to the newly created topic URL"
);
2015-04-01 14:18:46 -04:00
});
2018-07-19 05:40:42 -04:00
QUnit.test("Create an enqueued Topic", async assert => {
await visit("/");
await click("#create-topic");
await fillIn("#reply-title", "Internationalization Localization");
await fillIn(".d-editor-input", "enqueue this content please");
await click("#reply-control button.create");
assert.ok(visible(".d-modal"), "it pops up a modal");
assert.equal(currentURL(), "/", "it doesn't change routes");
await click(".modal-footer button");
assert.ok(invisible(".d-modal"), "the modal can be dismissed");
2015-04-09 18:33:37 -04:00
});
2018-07-19 05:40:42 -04:00
QUnit.test("Create a Reply", async assert => {
await visit("/t/internationalization-localization/280");
2015-04-01 14:18:46 -04:00
2018-07-19 05:40:42 -04:00
assert.ok(
!exists("article[data-post-id=12345]"),
"the post is not in the DOM"
);
2015-04-09 18:33:37 -04:00
2018-07-19 05:40:42 -04:00
await click("#topic-footer-buttons .btn.create");
assert.ok(exists(".d-editor-input"), "the composer input is visible");
assert.ok(!exists("#reply-title"), "there is no title since this is a reply");
2015-04-01 14:18:46 -04:00
2018-07-19 05:40:42 -04:00
await fillIn(".d-editor-input", "this is the content of my reply");
await click("#reply-control button.create");
assert.equal(
find(".cooked:last p").text(),
"this is the content of my reply"
);
2015-04-09 18:33:37 -04:00
});
2018-07-19 05:40:42 -04:00
QUnit.test("Posting on a different topic", async assert => {
await visit("/t/internationalization-localization/280");
await click("#topic-footer-buttons .btn.create");
await fillIn(".d-editor-input", "this is the content for a different topic");
await visit("/t/1-3-0beta9-no-rate-limit-popups/28830");
assert.equal(currentURL(), "/t/1-3-0beta9-no-rate-limit-popups/28830");
await click("#reply-control button.create");
assert.ok(visible(".reply-where-modal"), "it pops up a modal");
await click(".btn-reply-here");
assert.equal(
find(".cooked:last p").text(),
"this is the content for a different topic"
);
2015-05-14 18:18:12 -04:00
});
2018-07-19 05:40:42 -04:00
QUnit.test("Create an enqueued Reply", async assert => {
await visit("/t/internationalization-localization/280");
2015-04-09 18:33:37 -04:00
2018-07-19 05:40:42 -04:00
await click("#topic-footer-buttons .btn.create");
assert.ok(exists(".d-editor-input"), "the composer input is visible");
assert.ok(!exists("#reply-title"), "there is no title since this is a reply");
2015-04-09 18:33:37 -04:00
2018-07-19 05:40:42 -04:00
await fillIn(".d-editor-input", "enqueue this content please");
await click("#reply-control button.create");
assert.ok(
find(".cooked:last p").text() !== "enqueue this content please",
"it doesn't insert the post"
);
2015-04-09 18:33:37 -04:00
2018-07-19 05:40:42 -04:00
assert.ok(visible(".d-modal"), "it pops up a modal");
2015-04-09 18:33:37 -04:00
2018-07-19 05:40:42 -04:00
await click(".modal-footer button");
assert.ok(invisible(".d-modal"), "the modal can be dismissed");
2015-04-01 14:18:46 -04:00
});
2018-07-19 05:40:42 -04:00
QUnit.test("Edit the first post", async assert => {
await visit("/t/internationalization-localization/280");
2015-04-01 14:18:46 -04:00
2018-06-15 11:03:24 -04:00
assert.ok(
!exists(".topic-post:eq(0) .post-info.edits"),
"it has no edits icon at first"
);
2015-04-09 14:54:17 -04:00
2018-07-19 05:40:42 -04:00
await click(".topic-post:eq(0) button.show-more-actions");
await click(".topic-post:eq(0) button.edit");
assert.equal(
find(".d-editor-input")
.val()
.indexOf("Any plans to support"),
0,
"it populates the input with the post text"
);
2015-04-01 14:18:46 -04:00
2018-07-19 05:40:42 -04:00
await fillIn(".d-editor-input", "This is the new text for the post");
await fillIn("#reply-title", "This is the new text for the title");
await click("#reply-control button.create");
assert.ok(!exists(".d-editor-input"), "it closes the composer");
assert.ok(
exists(".topic-post:eq(0) .post-info.edits"),
"it has the edits icon"
);
assert.ok(
find("#topic-title h1")
.text()
.indexOf("This is the new text for the title") !== -1,
"it shows the new title"
);
assert.ok(
find(".topic-post:eq(0) .cooked")
.text()
.indexOf("This is the new text for the post") !== -1,
"it updates the post"
);
2015-04-01 14:18:46 -04:00
});
2015-04-09 18:33:37 -04:00
2018-07-19 05:40:42 -04:00
QUnit.test("Composer can switch between edits", async assert => {
await visit("/t/this-is-a-test-topic/9");
2015-08-13 12:49:13 -04:00
2018-07-19 05:40:42 -04:00
await click(".topic-post:eq(0) button.edit");
assert.equal(
find(".d-editor-input")
.val()
.indexOf("This is the first post."),
0,
"it populates the input with the post text"
);
await click(".topic-post:eq(1) button.edit");
assert.equal(
find(".d-editor-input")
.val()
.indexOf("This is the second post."),
0,
"it populates the input with the post text"
);
2015-08-13 12:49:13 -04:00
});
2018-07-19 05:40:42 -04:00
QUnit.test(
"Composer with dirty edit can toggle to another edit",
async assert => {
await visit("/t/this-is-a-test-topic/9");
2015-08-24 10:55:56 -04:00
2018-07-19 05:40:42 -04:00
await click(".topic-post:eq(0) button.edit");
await fillIn(".d-editor-input", "This is a dirty reply");
await click(".topic-post:eq(1) button.edit");
2018-06-15 11:03:24 -04:00
assert.ok(exists(".bootbox.modal"), "it pops up a confirmation dialog");
2018-07-19 05:40:42 -04:00
await click(".modal-footer a:eq(0)");
2018-06-15 11:03:24 -04:00
assert.equal(
find(".d-editor-input")
.val()
.indexOf("This is the second post."),
0,
"it populates the input with the post text"
);
2018-07-19 05:40:42 -04:00
}
);
QUnit.test("Composer can toggle between edit and reply", async assert => {
await visit("/t/this-is-a-test-topic/9");
await click(".topic-post:eq(0) button.edit");
assert.equal(
find(".d-editor-input")
.val()
.indexOf("This is the first post."),
0,
"it populates the input with the post text"
);
await click(".topic-post:eq(0) button.reply");
assert.equal(find(".d-editor-input").val(), "", "it clears the input");
await click(".topic-post:eq(0) button.edit");
assert.equal(
find(".d-editor-input")
.val()
.indexOf("This is the first post."),
0,
"it populates the input with the post text"
);
2015-08-24 10:55:56 -04:00
});
2018-09-18 05:31:23 -04:00
QUnit.test("Composer can toggle whispers", async assert => {
2018-11-29 10:16:34 -05:00
const menu = selectKit(".toolbar-popup-menu-options");
2018-09-18 05:31:23 -04:00
await visit("/t/this-is-a-test-topic/9");
await click(".topic-post:eq(0) button.reply");
2018-11-29 10:16:34 -05:00
await menu.expand();
await menu.selectRowByValue("toggleWhisper");
2018-09-18 05:31:23 -04:00
assert.ok(
2019-01-22 06:02:02 -05:00
find(".composer-fields .whisper .d-icon-far-eye-slash").length === 1,
2018-09-18 05:31:23 -04:00
"it sets the post type to whisper"
);
2018-11-29 10:16:34 -05:00
await menu.expand();
await menu.selectRowByValue("toggleWhisper");
2018-09-18 05:31:23 -04:00
assert.ok(
2019-01-22 06:02:02 -05:00
find(".composer-fields .whisper .d-icon-far-eye-slash").length === 0,
2018-09-18 05:31:23 -04:00
"it removes the whisper mode"
);
2018-11-29 10:16:34 -05:00
await menu.expand();
await menu.selectRowByValue("toggleWhisper");
await click(".toggle-fullscreen");
assert.ok(
menu.rowByValue("toggleWhisper").exists(),
"whisper toggling is still present when going fullscreen"
);
2018-09-18 05:31:23 -04:00
});
2019-01-16 09:23:06 -05:00
QUnit.test("Switching composer whisper state", async assert => {
const menu = selectKit(".toolbar-popup-menu-options");
await visit("/t/this-is-a-test-topic/9");
await click(".topic-post:eq(0) button.reply");
await menu.expand();
await menu.selectRowByValue("toggleWhisper");
await fillIn(".d-editor-input", "this is the content of my reply");
await click("#reply-control button.create");
assert.ok(find(".topic-post:last").hasClass("whisper"));
await click("#topic-footer-buttons .btn.create");
assert.ok(
2019-01-22 06:02:02 -05:00
find(".composer-fields .whisper .d-icon-far-eye-slash").length === 0,
2019-01-16 09:23:06 -05:00
"doesn’ t set topic reply as whisper"
);
await click(".topic-post:last button.reply");
assert.ok(find(".topic-post:last").hasClass("whisper"));
assert.ok(
2019-01-22 06:02:02 -05:00
find(".composer-fields .whisper .d-icon-far-eye-slash").length === 1,
2019-01-16 09:23:06 -05:00
"sets post reply as a whisper"
);
await click(".topic-post:nth-last-child(2) button.reply");
assert.notOk(find(".topic-post:nth-last-child(2)").hasClass("whisper"));
assert.ok(
2019-01-22 06:02:02 -05:00
find(".composer-fields .whisper .d-icon-far-eye-slash").length === 0,
2019-01-16 09:23:06 -05:00
"doesn’ t set post reply as a whisper"
);
});
2018-12-07 17:45:13 -05:00
QUnit.test(
"Composer can toggle layouts (open, fullscreen and draft)",
async assert => {
await visit("/t/this-is-a-test-topic/9");
await click(".topic-post:eq(0) button.reply");
assert.ok(
find("#reply-control.open").length === 1,
"it starts in open state by default"
);
await click(".toggle-fullscreen");
assert.ok(
find("#reply-control.fullscreen").length === 1,
"it expands composer to full screen"
);
await click(".toggle-fullscreen");
assert.ok(
find("#reply-control.open").length === 1,
"it collapses composer to regular size"
);
await fillIn(".d-editor-input", "This is a dirty reply");
await click(".toggler");
assert.ok(
find("#reply-control.draft").length === 1,
"it collapses composer to draft bar"
);
await click(".toggle-fullscreen");
assert.ok(
find("#reply-control.open").length === 1,
"from draft, it expands composer back to open state"
);
}
);
2018-07-19 05:40:42 -04:00
QUnit.test(
"Composer can toggle between reply and createTopic",
async assert => {
await visit("/t/this-is-a-test-topic/9");
await click(".topic-post:eq(0) button.reply");
2015-08-13 12:49:13 -04:00
2018-07-29 16:51:32 -04:00
await selectKit(".toolbar-popup-menu-options").expand();
await selectKit(".toolbar-popup-menu-options").selectRowByValue(
2018-07-19 05:40:42 -04:00
"toggleWhisper"
2018-06-15 11:03:24 -04:00
);
2015-08-13 12:49:13 -04:00
2017-06-14 13:57:58 -04:00
assert.ok(
2019-01-22 06:02:02 -05:00
find(".composer-fields .whisper .d-icon-far-eye-slash").length === 1,
2018-06-15 11:03:24 -04:00
"it sets the post type to whisper"
2016-07-27 05:50:13 -04:00
);
2018-07-19 05:40:42 -04:00
await visit("/");
2018-06-15 11:03:24 -04:00
assert.ok(exists("#create-topic"), "the create topic button is visible");
2016-07-27 05:50:13 -04:00
2018-07-19 05:40:42 -04:00
await click("#create-topic");
2017-06-14 13:57:58 -04:00
assert.ok(
2019-01-22 06:02:02 -05:00
find(".composer-fields .whisper .d-icon-far-eye-slash").length === 0,
2016-07-27 05:50:13 -04:00
"it should reset the state of the composer's model"
);
2018-07-29 16:51:32 -04:00
await selectKit(".toolbar-popup-menu-options").expand();
await selectKit(".toolbar-popup-menu-options").selectRowByValue(
2018-07-19 05:40:42 -04:00
"toggleInvisible"
);
2017-12-13 04:49:32 -05:00
2017-06-14 13:57:58 -04:00
assert.ok(
2018-06-15 11:03:24 -04:00
find(".composer-fields .whisper")
.text()
.indexOf(I18n.t("composer.unlist")) > 0,
"it sets the topic to unlisted"
2016-07-27 05:50:13 -04:00
);
2018-07-19 05:40:42 -04:00
await visit("/t/this-is-a-test-topic/9");
2016-07-27 05:50:13 -04:00
2018-07-19 05:40:42 -04:00
await click(".topic-post:eq(0) button.reply");
2017-06-14 13:57:58 -04:00
assert.ok(
2018-06-15 11:03:24 -04:00
find(".composer-fields .whisper")
.text()
.indexOf(I18n.t("composer.unlist")) === -1,
2016-07-27 05:50:13 -04:00
"it should reset the state of the composer's model"
);
2018-07-19 05:40:42 -04:00
}
);
QUnit.test("Composer with dirty reply can toggle to edit", async assert => {
await visit("/t/this-is-a-test-topic/9");
await click(".topic-post:eq(0) button.reply");
await fillIn(".d-editor-input", "This is a dirty reply");
await click(".topic-post:eq(0) button.edit");
assert.ok(exists(".bootbox.modal"), "it pops up a confirmation dialog");
await click(".modal-footer a:eq(0)");
assert.equal(
find(".d-editor-input")
.val()
.indexOf("This is the first post."),
0,
"it populates the input with the post text"
);
2015-08-13 12:49:13 -04:00
});
2018-07-19 05:40:42 -04:00
QUnit.test(
"Composer draft with dirty reply can toggle to edit",
async assert => {
await visit("/t/this-is-a-test-topic/9");
2015-08-13 12:49:13 -04:00
2018-07-19 05:40:42 -04:00
await click(".topic-post:eq(0) button.reply");
await fillIn(".d-editor-input", "This is a dirty reply");
await click(".toggler");
await click(".topic-post:eq(0) button.edit");
2018-06-15 11:03:24 -04:00
assert.ok(exists(".bootbox.modal"), "it pops up a confirmation dialog");
2018-07-19 05:40:42 -04:00
await click(".modal-footer a:eq(0)");
2018-06-15 11:03:24 -04:00
assert.equal(
find(".d-editor-input")
.val()
.indexOf("This is the first post."),
0,
"it populates the input with the post text"
);
2018-07-19 05:40:42 -04:00
}
);
2018-04-10 19:31:20 -04:00
2018-12-12 04:21:51 -05:00
QUnit.test("Checks for existing draft", async assert => {
toggleCheckDraftPopup(true);
2018-04-10 19:31:20 -04:00
2018-12-12 04:21:51 -05:00
// prettier-ignore
server.get("/draft.json", () => { // eslint-disable-line no-undef
return [ 200, { "Content-Type": "application/json" }, {
draft: "{\"reply\":\"This is a draft of the first post\",\"action\":\"reply\",\"categoryId\":1,\"archetypeId\":\"regular\",\"metaData\":null,\"composerTime\":2863,\"typingTime\":200}",
draft_sequence: 42
} ];
});
2018-04-10 19:31:20 -04:00
2018-12-12 04:21:51 -05:00
await visit("/t/internationalization-localization/280");
2018-04-10 19:31:20 -04:00
2018-12-12 04:21:51 -05:00
await click(".topic-post:eq(0) button.show-more-actions");
await click(".topic-post:eq(0) button.edit");
2018-04-10 19:31:20 -04:00
2018-12-12 04:21:51 -05:00
assert.equal(find(".modal-body").text(), I18n.t("drafts.abandon.confirm"));
2018-04-10 19:31:20 -04:00
2018-12-12 04:21:51 -05:00
await click(".modal-footer .btn.btn-default");
2018-04-10 19:31:20 -04:00
2018-12-12 04:21:51 -05:00
toggleCheckDraftPopup(false);
2018-04-10 19:31:20 -04:00
});
2019-02-27 05:46:16 -05:00
const assertImageResized = (assert, uploads) => {
assert.equal(
find(".d-editor-input").val(),
uploads.join("\n"),
"it resizes uploaded image"
);
};
QUnit.test("Image resizing buttons", async assert => {
await visit("/");
await click("#create-topic");
let uploads = [
"![test|690x313](upload://test.png)",
"[img]http://example.com/image.jpg[/img]",
"![anotherOne|690x463](upload://anotherOne.jpeg)",
"![](upload://withoutAltAndSize.jpeg)",
"`![test|690x313](upload://test.png)`",
"![withoutSize](upload://withoutSize.png)",
"<img src='http://someimage.jpg' wight='20' height='20'>",
"![onTheSameLine1|200x200](upload://onTheSameLine1.jpeg) ![onTheSameLine2|250x250](upload://onTheSameLine2.jpeg)",
"![identicalImage|300x300](upload://identicalImage.png)",
"![identicalImage|300x300](upload://identicalImage.png)"
];
await fillIn(".d-editor-input", uploads.join("\n"));
assert.ok(
find(".button-wrapper").length === 0,
"it does not append scaling buttons before hovering images"
);
await triggerEvent($(".d-editor-preview img"), "mouseover");
assert.ok(
find(".button-wrapper").length === 6,
"it adds correct amount of scaling button groups"
);
uploads[0] = "![test|690x313,50%](upload://test.png)";
await click(find(".button-wrapper .scale-btn[data-scale='50']")[0]);
assertImageResized(assert, uploads);
await triggerEvent($(".d-editor-preview img"), "mouseover");
uploads[2] = "![anotherOne|690x463,75%](upload://anotherOne.jpeg)";
await click(find(".button-wrapper .scale-btn[data-scale='75']")[1]);
assertImageResized(assert, uploads);
await triggerEvent($(".d-editor-preview img"), "mouseover");
uploads[7] =
"![onTheSameLine1|200x200,50%](upload://onTheSameLine1.jpeg) ![onTheSameLine2|250x250](upload://onTheSameLine2.jpeg)";
await click(find(".button-wrapper .scale-btn[data-scale='50']")[2]);
assertImageResized(assert, uploads);
await triggerEvent($(".d-editor-preview img"), "mouseover");
uploads[7] =
"![onTheSameLine1|200x200,50%](upload://onTheSameLine1.jpeg) ![onTheSameLine2|250x250,75%](upload://onTheSameLine2.jpeg)";
await click(find(".button-wrapper .scale-btn[data-scale='75']")[3]);
assertImageResized(assert, uploads);
await triggerEvent($(".d-editor-preview img"), "mouseover");
uploads[8] = "![identicalImage|300x300,50%](upload://identicalImage.png)";
await click(find(".button-wrapper .scale-btn[data-scale='50']")[4]);
assertImageResized(assert, uploads);
await triggerEvent($(".d-editor-preview img"), "mouseover");
uploads[9] = "![identicalImage|300x300,75%](upload://identicalImage.png)";
await click(find(".button-wrapper .scale-btn[data-scale='75']")[5]);
assertImageResized(assert, uploads);
});