mirror of
https://github.com/discourse/discourse.git
synced 2025-02-13 20:33:24 +08:00
827df072a6
The `Composer - current time` test would sometimes fail due to a 1-second difference. We don't really need per-second fidelity here, the key thing this needs to test is that the shortcut works and adds today's date. I have updated the test to reflect that.
1391 lines
42 KiB
JavaScript
1391 lines
42 KiB
JavaScript
import {
|
|
click,
|
|
currentURL,
|
|
fillIn,
|
|
settled,
|
|
triggerEvent,
|
|
triggerKeyEvent,
|
|
visit,
|
|
} from "@ember/test-helpers";
|
|
import { toggleCheckDraftPopup } from "discourse/controllers/composer";
|
|
import { cloneJSON } from "discourse-common/lib/object";
|
|
import TopicFixtures from "discourse/tests/fixtures/topic";
|
|
import LinkLookup from "discourse/lib/link-lookup";
|
|
import { withPluginApi } from "discourse/lib/plugin-api";
|
|
import Composer, {
|
|
CREATE_TOPIC,
|
|
NEW_TOPIC_KEY,
|
|
} from "discourse/models/composer";
|
|
import Draft from "discourse/models/draft";
|
|
import {
|
|
acceptance,
|
|
count,
|
|
exists,
|
|
invisible,
|
|
query,
|
|
updateCurrentUser,
|
|
visible,
|
|
} from "discourse/tests/helpers/qunit-helpers";
|
|
import selectKit from "discourse/tests/helpers/select-kit-helper";
|
|
import I18n from "I18n";
|
|
import { test } from "qunit";
|
|
import sinon from "sinon";
|
|
import pretender, { response } from "discourse/tests/helpers/create-pretender";
|
|
|
|
acceptance("Composer", function (needs) {
|
|
needs.user({
|
|
id: 5,
|
|
username: "kris",
|
|
whisperer: true,
|
|
});
|
|
needs.settings({
|
|
general_category_id: 1,
|
|
default_composer_category: 1,
|
|
});
|
|
needs.site({
|
|
can_tag_topics: true,
|
|
categories: [
|
|
{
|
|
id: 1,
|
|
name: "General",
|
|
slug: "general",
|
|
permission: 1,
|
|
topic_template: null,
|
|
},
|
|
{
|
|
id: 2,
|
|
name: "test too",
|
|
slug: "test-too",
|
|
permission: 1,
|
|
topic_template: "",
|
|
},
|
|
],
|
|
});
|
|
needs.pretender((server, helper) => {
|
|
server.put("/u/kris.json", () => helper.response({ user: {} }));
|
|
server.post("/uploads/lookup-urls", () => {
|
|
return helper.response([]);
|
|
});
|
|
server.get("/posts/419", () => {
|
|
return helper.response({ id: 419 });
|
|
});
|
|
server.get("/composer/mentions", () => {
|
|
return helper.response({
|
|
users: [],
|
|
user_reasons: {},
|
|
groups: { staff: { user_count: 30 } },
|
|
group_reasons: {},
|
|
max_users_notified_per_group_mention: 100,
|
|
});
|
|
});
|
|
server.get("/t/960.json", () => {
|
|
const topicList = cloneJSON(TopicFixtures["/t/9/1.json"]);
|
|
topicList.post_stream.posts[2].post_type = 4;
|
|
return helper.response(topicList);
|
|
});
|
|
});
|
|
|
|
needs.hooks.afterEach(() => toggleCheckDraftPopup(false));
|
|
|
|
test("Composer is opened", async function (assert) {
|
|
await visit("/");
|
|
await click("#create-topic");
|
|
// Check that the default category is selected
|
|
assert.strictEqual(selectKit(".category-chooser").header().value(), "1");
|
|
|
|
assert.strictEqual(
|
|
document.documentElement.style.getPropertyValue("--composer-height"),
|
|
"var(--new-topic-composer-height, 400px)",
|
|
"sets --composer-height to 400px when creating topic"
|
|
);
|
|
|
|
await fillIn(
|
|
".d-editor-input",
|
|
"this is the *content* of a new topic post"
|
|
);
|
|
await click(".toggle-minimize");
|
|
assert.strictEqual(
|
|
document.documentElement.style.getPropertyValue("--composer-height"),
|
|
"40px",
|
|
"sets --composer-height to 40px when composer is minimized to draft mode"
|
|
);
|
|
|
|
await click(".toggle-fullscreen");
|
|
assert.strictEqual(
|
|
document.documentElement.style.getPropertyValue("--composer-height"),
|
|
"var(--new-topic-composer-height, 400px)",
|
|
"sets --composer-height back to 400px when composer is opened from draft mode"
|
|
);
|
|
|
|
await fillIn(".d-editor-input", "");
|
|
await click(".toggle-minimize");
|
|
assert.strictEqual(
|
|
document.documentElement.style.getPropertyValue("--composer-height"),
|
|
"",
|
|
"removes --composer-height property when composer is closed"
|
|
);
|
|
});
|
|
|
|
test("Composer height adjustment", async function (assert) {
|
|
await visit("/");
|
|
await click("#create-topic");
|
|
await triggerEvent(document.querySelector(".grippie"), "mousedown");
|
|
await triggerEvent(document.querySelector(".grippie"), "mousemove");
|
|
await triggerEvent(document.querySelector(".grippie"), "mouseup");
|
|
await visit("/"); // reload page
|
|
await click("#create-topic");
|
|
|
|
const expectedHeight = localStorage.getItem(
|
|
"__test_discourse_composerHeight"
|
|
);
|
|
const actualHeight =
|
|
document.documentElement.style.getPropertyValue("--composer-height");
|
|
|
|
assert.strictEqual(
|
|
expectedHeight,
|
|
actualHeight,
|
|
"Updated height is persistent"
|
|
);
|
|
});
|
|
|
|
test("composer controls", async function (assert) {
|
|
await visit("/");
|
|
assert.ok(exists("#create-topic"), "the create button is visible");
|
|
|
|
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"
|
|
);
|
|
|
|
await click(".toggle-preview");
|
|
assert.ok(
|
|
!exists(".d-editor-preview:visible"),
|
|
"clicking the toggle hides the preview"
|
|
);
|
|
|
|
await click(".toggle-preview");
|
|
assert.ok(
|
|
exists(".d-editor-preview:visible"),
|
|
"clicking the toggle shows the preview again"
|
|
);
|
|
|
|
await click("#reply-control button.create");
|
|
assert.ok(
|
|
exists(".title-input .popup-tip.bad"),
|
|
"it shows the empty title error"
|
|
);
|
|
assert.ok(
|
|
exists(".d-editor-textarea-wrapper .popup-tip.bad"),
|
|
"it shows the empty body error"
|
|
);
|
|
|
|
await fillIn("#reply-title", "this is my new topic title");
|
|
assert.ok(
|
|
exists(".title-input .popup-tip.good.hide"),
|
|
"the title is now good"
|
|
);
|
|
|
|
await triggerKeyEvent(
|
|
".d-editor-textarea-wrapper .popup-tip.bad",
|
|
"keydown",
|
|
"Enter"
|
|
);
|
|
assert.ok(
|
|
exists(".d-editor-textarea-wrapper .popup-tip.bad.hide"),
|
|
"body error is dismissed via keyboard"
|
|
);
|
|
|
|
await fillIn(".d-editor-input", "this is the *content* of a post");
|
|
assert.strictEqual(
|
|
query(".d-editor-preview").innerHTML.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"
|
|
);
|
|
|
|
const textarea = query("#reply-control .d-editor-input");
|
|
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.key = "B";
|
|
event.keyCode = 66;
|
|
|
|
textarea.dispatchEvent(event);
|
|
await settled();
|
|
|
|
const example = I18n.t(`composer.bold_text`);
|
|
assert.strictEqual(
|
|
query("#reply-control .d-editor-input").value.trim(),
|
|
`this is the *content* of a post**${example}**`,
|
|
"it supports keyboard shortcuts"
|
|
);
|
|
|
|
await click("#reply-control a.cancel");
|
|
assert.ok(exists(".d-modal"), "it pops up a confirmation dialog");
|
|
|
|
await click(".modal-footer .discard-draft");
|
|
assert.ok(!exists(".modal-body"), "the confirmation can be cancelled");
|
|
});
|
|
|
|
test("Create a topic with server side errors", async function (assert) {
|
|
pretender.post("/posts", function () {
|
|
return response(422, { errors: ["That title has already been taken"] });
|
|
});
|
|
|
|
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(".dialog-body"), "it pops up an error message");
|
|
|
|
await click(".dialog-footer .btn-primary");
|
|
assert.ok(!exists(".dialog-body"), "it dismisses the error");
|
|
assert.ok(exists(".d-editor-input"), "the composer input is visible");
|
|
});
|
|
|
|
test("Create a Topic", async function (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.strictEqual(
|
|
currentURL(),
|
|
"/t/internationalization-localization/280",
|
|
"it transitions to the newly created topic URL"
|
|
);
|
|
});
|
|
|
|
test("Create an enqueued Topic", async function (assert) {
|
|
pretender.post("/posts", function () {
|
|
return response(200, {
|
|
success: true,
|
|
action: "enqueued",
|
|
pending_post: {
|
|
id: 1234,
|
|
raw: "enqueue this content please",
|
|
},
|
|
});
|
|
});
|
|
|
|
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.strictEqual(currentURL(), "/", "it doesn't change routes");
|
|
|
|
await click(".modal-footer button");
|
|
assert.ok(invisible(".d-modal"), "the modal can be dismissed");
|
|
});
|
|
|
|
test("Can display a message and route to a URL", async function (assert) {
|
|
await visit("/");
|
|
await click("#create-topic");
|
|
await fillIn("#reply-title", "This title doesn't matter");
|
|
await fillIn(".d-editor-input", "custom message that is a good length");
|
|
await click("#reply-control button.create");
|
|
|
|
assert.strictEqual(
|
|
query("#dialog-holder .dialog-body").innerText,
|
|
"This is a custom response"
|
|
);
|
|
assert.strictEqual(currentURL(), "/", "it doesn't change routes");
|
|
|
|
await click(".dialog-footer .btn-primary");
|
|
assert.strictEqual(
|
|
currentURL(),
|
|
"/faq",
|
|
"can navigate to a `route_to` destination"
|
|
);
|
|
});
|
|
|
|
test("Create a Reply", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
|
|
assert.ok(
|
|
!exists('article[data-post-id="12345"]'),
|
|
"the post is not in the DOM"
|
|
);
|
|
|
|
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"
|
|
);
|
|
|
|
await fillIn(".d-editor-input", "this is the content of my reply");
|
|
await click("#reply-control button.create");
|
|
assert.strictEqual(
|
|
query(".topic-post:last-of-type .cooked p").innerText,
|
|
"this is the content of my reply"
|
|
);
|
|
});
|
|
|
|
test("Can edit a post after starting a reply", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
|
|
await click("#topic-footer-buttons .create");
|
|
await fillIn(".d-editor-input", "this is the content of my reply");
|
|
|
|
await click(".topic-post:nth-of-type(1) button.show-more-actions");
|
|
await click(".topic-post:nth-of-type(1) button.edit");
|
|
|
|
await click(".modal-footer button.keep-editing");
|
|
assert.ok(invisible(".discard-draft-modal.modal"));
|
|
assert.strictEqual(
|
|
query(".d-editor-input").value,
|
|
"this is the content of my reply",
|
|
"composer does not switch when using Keep Editing button"
|
|
);
|
|
|
|
await click(".topic-post:nth-of-type(1) button.edit");
|
|
await click(".modal-footer button.save-draft");
|
|
assert.ok(invisible(".discard-draft-modal.modal"));
|
|
|
|
assert.strictEqual(
|
|
query(".d-editor-input").value,
|
|
query(".topic-post:nth-of-type(1) .cooked > p").innerText,
|
|
"composer has contents of post to be edited"
|
|
);
|
|
});
|
|
|
|
test("Posting on a different topic", async function (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.strictEqual(
|
|
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.strictEqual(
|
|
query(".topic-post:last-of-type .cooked p").innerText,
|
|
"If you use gettext format you could leverage Launchpad 13 translations and the community behind it."
|
|
);
|
|
});
|
|
|
|
test("Discard draft modal works when switching topics", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
await click("#topic-footer-buttons .btn.create");
|
|
await fillIn(".d-editor-input", "this is the content of the first reply");
|
|
|
|
await visit("/t/this-is-a-test-topic/9");
|
|
assert.ok(
|
|
currentURL().startsWith("/t/this-is-a-test-topic/9"),
|
|
"moves to second topic"
|
|
);
|
|
await click("#topic-footer-buttons .btn.create");
|
|
assert.ok(
|
|
exists(".discard-draft-modal.modal"),
|
|
"it pops up the discard drafts modal"
|
|
);
|
|
|
|
await click(".modal-footer button.keep-editing");
|
|
|
|
assert.ok(invisible(".discard-draft-modal.modal"), "hides modal");
|
|
await click("#topic-footer-buttons .btn.create");
|
|
assert.ok(
|
|
exists(".discard-draft-modal.modal"),
|
|
"it pops up the modal again"
|
|
);
|
|
|
|
await click(".modal-footer button.discard-draft");
|
|
|
|
assert.strictEqual(
|
|
query(".d-editor-input").value,
|
|
"",
|
|
"discards draft and reset composer textarea"
|
|
);
|
|
});
|
|
|
|
test("Create an enqueued Reply", async function (assert) {
|
|
pretender.post("/posts", function () {
|
|
return response(200, {
|
|
success: true,
|
|
action: "enqueued",
|
|
pending_post: {
|
|
id: 1234,
|
|
raw: "enqueue this content please",
|
|
},
|
|
});
|
|
});
|
|
|
|
await visit("/t/internationalization-localization/280");
|
|
assert.ok(!exists(".pending-posts .reviewable-item"));
|
|
|
|
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"
|
|
);
|
|
|
|
await fillIn(".d-editor-input", "enqueue this content please");
|
|
await click("#reply-control button.create");
|
|
assert.ok(
|
|
query(".topic-post:last-of-type .cooked p").innerText !==
|
|
"enqueue this content please",
|
|
"it doesn't insert the post"
|
|
);
|
|
assert.ok(visible(".d-modal"), "it pops up a modal");
|
|
|
|
await click(".modal-footer button");
|
|
assert.ok(invisible(".d-modal"), "the modal can be dismissed");
|
|
assert.ok(exists(".pending-posts .reviewable-item"));
|
|
});
|
|
|
|
test("Edit the first post", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
|
|
assert.ok(
|
|
!exists(".topic-post:nth-of-type(1) .post-info.edits"),
|
|
"it has no edits icon at first"
|
|
);
|
|
|
|
await click(".topic-post:nth-of-type(1) button.show-more-actions");
|
|
await click(".topic-post:nth-of-type(1) button.edit");
|
|
assert.ok(
|
|
query(".d-editor-input").value.startsWith("Any plans to support"),
|
|
"it populates the input with the post text"
|
|
);
|
|
|
|
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:nth-of-type(1) .post-info.edits"),
|
|
"it has the edits icon"
|
|
);
|
|
assert.ok(
|
|
query("#topic-title h1").innerText.includes(
|
|
"This is the new text for the title"
|
|
),
|
|
"it shows the new title"
|
|
);
|
|
assert.ok(
|
|
query(".topic-post:nth-of-type(1) .cooked").innerText.includes(
|
|
"This is the new text for the post"
|
|
),
|
|
"it updates the post"
|
|
);
|
|
});
|
|
|
|
test("Editing a post stages new content", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
await click(".topic-post button.show-more-actions");
|
|
await click(".topic-post button.edit");
|
|
|
|
await fillIn(".d-editor-input", "will return empty json");
|
|
await fillIn("#reply-title", "This is the new text for the title");
|
|
|
|
pretender.put("/posts/:post_id", async () => {
|
|
// at this point, request is in flight, so post is staged
|
|
assert.strictEqual(count(".topic-post.staged"), 1);
|
|
assert.ok(query(".topic-post").classList.contains("staged"));
|
|
assert.strictEqual(
|
|
query(".topic-post.staged .cooked").innerText.trim(),
|
|
"will return empty json"
|
|
);
|
|
|
|
return response(200, {});
|
|
});
|
|
|
|
await click("#reply-control button.create");
|
|
|
|
await visit("/t/internationalization-localization/280");
|
|
assert.strictEqual(count(".topic-post.staged"), 0);
|
|
});
|
|
|
|
test("Composer can switch between edits", async function (assert) {
|
|
await visit("/t/this-is-a-test-topic/9");
|
|
|
|
await click(".topic-post:nth-of-type(1) button.edit");
|
|
assert.ok(
|
|
query(".d-editor-input").value.startsWith("This is the first post."),
|
|
"it populates the input with the post text"
|
|
);
|
|
await click(".topic-post:nth-of-type(2) button.edit");
|
|
assert.ok(
|
|
query(".d-editor-input").value.startsWith("This is the second post."),
|
|
"it populates the input with the post text"
|
|
);
|
|
});
|
|
|
|
test("Composer with dirty edit can toggle to another edit", async function (assert) {
|
|
await visit("/t/this-is-a-test-topic/9");
|
|
|
|
await click(".topic-post:nth-of-type(1) button.edit");
|
|
await fillIn(".d-editor-input", "This is a dirty reply");
|
|
await click(".topic-post:nth-of-type(2) button.edit");
|
|
assert.ok(
|
|
exists(".discard-draft-modal.modal"),
|
|
"it pops up a confirmation dialog"
|
|
);
|
|
|
|
await click(".modal-footer button.discard-draft");
|
|
assert.ok(
|
|
query(".d-editor-input").value.startsWith("This is the second post."),
|
|
"it populates the input with the post text"
|
|
);
|
|
});
|
|
|
|
test("Composer can toggle between edit and reply", async function (assert) {
|
|
await visit("/t/this-is-a-test-topic/9");
|
|
|
|
await click(".topic-post:nth-of-type(1) button.edit");
|
|
assert.ok(
|
|
query(".d-editor-input").value.startsWith("This is the first post."),
|
|
"it populates the input with the post text"
|
|
);
|
|
await click(".topic-post:nth-of-type(1) button.reply");
|
|
assert.strictEqual(
|
|
query(".d-editor-input").value,
|
|
"",
|
|
"it clears the input"
|
|
);
|
|
await click(".topic-post:nth-of-type(1) button.edit");
|
|
assert.ok(
|
|
query(".d-editor-input").value.startsWith("This is the first post."),
|
|
"it populates the input with the post text"
|
|
);
|
|
});
|
|
|
|
test("Composer can toggle whispers when whisperer user", async function (assert) {
|
|
const menu = selectKit(".toolbar-popup-menu-options");
|
|
|
|
await visit("/t/this-is-a-test-topic/9");
|
|
await click(".topic-post:nth-of-type(1) button.reply");
|
|
|
|
await menu.expand();
|
|
await menu.selectRowByValue("toggleWhisper");
|
|
|
|
assert.strictEqual(
|
|
count(".composer-actions svg.d-icon-far-eye-slash"),
|
|
1,
|
|
"it sets the post type to whisper"
|
|
);
|
|
|
|
await menu.expand();
|
|
await menu.selectRowByValue("toggleWhisper");
|
|
|
|
assert.ok(
|
|
!exists(".composer-actions svg.d-icon-far-eye-slash"),
|
|
"it removes the whisper mode"
|
|
);
|
|
|
|
await menu.expand();
|
|
await menu.selectRowByValue("toggleWhisper");
|
|
|
|
await click(".toggle-fullscreen");
|
|
|
|
await menu.expand();
|
|
|
|
assert.ok(
|
|
menu.rowByValue("toggleWhisper").exists(),
|
|
"whisper toggling is still present when going fullscreen"
|
|
);
|
|
});
|
|
|
|
test("Composer can toggle layouts (open, fullscreen and draft)", async function (assert) {
|
|
await visit("/t/this-is-a-test-topic/9");
|
|
await click(".topic-post:nth-of-type(1) button.reply");
|
|
|
|
assert.strictEqual(
|
|
count("#reply-control.open"),
|
|
1,
|
|
"it starts in open state by default"
|
|
);
|
|
|
|
await click(".toggle-fullscreen");
|
|
|
|
assert.strictEqual(
|
|
count("#reply-control.fullscreen"),
|
|
1,
|
|
"it expands composer to full screen"
|
|
);
|
|
|
|
assert.strictEqual(
|
|
count(".composer-fullscreen-prompt"),
|
|
1,
|
|
"the exit fullscreen prompt is visible"
|
|
);
|
|
|
|
await click(".toggle-fullscreen");
|
|
|
|
assert.strictEqual(
|
|
count("#reply-control.open"),
|
|
1,
|
|
"it collapses composer to regular size"
|
|
);
|
|
|
|
await fillIn(".d-editor-input", "This is a dirty reply");
|
|
await click(".toggler");
|
|
|
|
assert.strictEqual(
|
|
count("#reply-control.draft"),
|
|
1,
|
|
"it collapses composer to draft bar"
|
|
);
|
|
|
|
await click(".toggle-fullscreen");
|
|
|
|
assert.strictEqual(
|
|
count("#reply-control.open"),
|
|
1,
|
|
"from draft, it expands composer back to open state"
|
|
);
|
|
});
|
|
|
|
test("Composer fullscreen submit button", async function (assert) {
|
|
await visit("/t/this-is-a-test-topic/9");
|
|
await click(".topic-post:nth-of-type(1) button.reply");
|
|
|
|
assert.strictEqual(
|
|
count("#reply-control.open"),
|
|
1,
|
|
"it starts in open state by default"
|
|
);
|
|
|
|
await click(".toggle-fullscreen");
|
|
|
|
assert.strictEqual(
|
|
count("#reply-control button.create"),
|
|
1,
|
|
"it shows composer submit button in fullscreen"
|
|
);
|
|
|
|
await fillIn(".d-editor-input", "too short");
|
|
await click("#reply-control button.create");
|
|
|
|
assert.strictEqual(
|
|
count("#reply-control.open"),
|
|
1,
|
|
"it goes back to open state if there's errors"
|
|
);
|
|
});
|
|
|
|
test("Composer can toggle between reply and createTopic", async function (assert) {
|
|
await visit("/t/this-is-a-test-topic/9");
|
|
await click(".topic-post:nth-of-type(1) button.reply");
|
|
|
|
await selectKit(".toolbar-popup-menu-options").expand();
|
|
await selectKit(".toolbar-popup-menu-options").selectRowByValue(
|
|
"toggleWhisper"
|
|
);
|
|
|
|
assert.strictEqual(
|
|
count(".composer-actions svg.d-icon-far-eye-slash"),
|
|
1,
|
|
"it sets the post type to whisper"
|
|
);
|
|
|
|
await visit("/");
|
|
assert.ok(exists("#create-topic"), "the create topic button is visible");
|
|
|
|
await click("#create-topic");
|
|
assert.ok(
|
|
!exists(".reply-details .whisper .d-icon-far-eye-slash"),
|
|
"it should reset the state of the composer's model"
|
|
);
|
|
|
|
await selectKit(".toolbar-popup-menu-options").expand();
|
|
await selectKit(".toolbar-popup-menu-options").selectRowByValue(
|
|
"toggleInvisible"
|
|
);
|
|
|
|
assert.ok(
|
|
query(".reply-details .unlist").innerText.includes(
|
|
I18n.t("composer.unlist")
|
|
),
|
|
"it sets the topic to unlisted"
|
|
);
|
|
|
|
await visit("/t/this-is-a-test-topic/9");
|
|
|
|
await click(".topic-post:nth-of-type(1) button.reply");
|
|
assert.ok(
|
|
!exists(".reply-details .whisper"),
|
|
"it should reset the state of the composer's model"
|
|
);
|
|
});
|
|
|
|
test("Composer can toggle whisper when switching from reply to whisper to reply to topic", async function (assert) {
|
|
await visit("/t/topic-with-whisper/960");
|
|
|
|
await click(".topic-post:nth-of-type(3) button.reply");
|
|
await click(".reply-details summary div");
|
|
assert.ok(
|
|
!exists('.reply-details li[data-value="toggle_whisper"]'),
|
|
"toggle whisper is not available when reply to whisper"
|
|
);
|
|
await click('.reply-details li[data-value="reply_to_topic"]');
|
|
await click(".reply-details summary div");
|
|
assert.ok(
|
|
exists('.reply-details li[data-value="toggle_whisper"]'),
|
|
"toggle whisper is available when reply to topic"
|
|
);
|
|
});
|
|
|
|
test("Composer can toggle whisper when clicking reply to topic after reply to whisper", async function (assert) {
|
|
await visit("/t/topic-with-whisper/960");
|
|
|
|
await click(".topic-post:nth-of-type(3) button.reply");
|
|
await click("#reply-control .save-or-cancel a.cancel");
|
|
await click(".topic-footer-main-buttons button.create");
|
|
await click(".reply-details summary div");
|
|
assert.ok(
|
|
exists('.reply-details li[data-value="toggle_whisper"]'),
|
|
"toggle whisper is available when reply to topic"
|
|
);
|
|
});
|
|
|
|
test("Composer with dirty reply can toggle to edit", async function (assert) {
|
|
await visit("/t/this-is-a-test-topic/9");
|
|
|
|
await click(".topic-post:nth-of-type(1) button.reply");
|
|
await fillIn(".d-editor-input", "This is a dirty reply");
|
|
await click(".topic-post:nth-of-type(1) button.edit");
|
|
assert.ok(
|
|
exists(".discard-draft-modal.modal"),
|
|
"it pops up a confirmation dialog"
|
|
);
|
|
await click(".modal-footer button.discard-draft");
|
|
assert.ok(
|
|
query(".d-editor-input").value.startsWith("This is the first post."),
|
|
"it populates the input with the post text"
|
|
);
|
|
});
|
|
|
|
test("Composer draft with dirty reply can toggle to edit", async function (assert) {
|
|
await visit("/t/this-is-a-test-topic/9");
|
|
|
|
await click(".topic-post:nth-of-type(1) button.reply");
|
|
await fillIn(".d-editor-input", "This is a dirty reply");
|
|
await click(".toggler");
|
|
await click(".topic-post:nth-of-type(2) button.edit");
|
|
assert.ok(
|
|
exists(".discard-draft-modal.modal"),
|
|
"it pops up a confirmation dialog"
|
|
);
|
|
assert.strictEqual(
|
|
query(".modal-footer button.save-draft").innerText.trim(),
|
|
I18n.t("post.cancel_composer.save_draft"),
|
|
"has save draft button"
|
|
);
|
|
assert.strictEqual(
|
|
query(".modal-footer button.keep-editing").innerText.trim(),
|
|
I18n.t("post.cancel_composer.keep_editing"),
|
|
"has keep editing button"
|
|
);
|
|
await click(".modal-footer button.save-draft");
|
|
assert.ok(
|
|
query(".d-editor-input").value.startsWith("This is the second post."),
|
|
"it populates the input with the post text"
|
|
);
|
|
});
|
|
|
|
test("Composer draft can switch to draft in new context without destroying current draft", async function (assert) {
|
|
await visit("/t/this-is-a-test-topic/9");
|
|
|
|
await click(".topic-post:nth-of-type(1) button.reply");
|
|
await fillIn(".d-editor-input", "This is a dirty reply");
|
|
|
|
await click("#site-logo");
|
|
await click("#create-topic");
|
|
|
|
assert.ok(
|
|
exists(".discard-draft-modal.modal"),
|
|
"it pops up a confirmation dialog"
|
|
);
|
|
assert.strictEqual(
|
|
query(".modal-footer button.save-draft").innerText.trim(),
|
|
I18n.t("post.cancel_composer.save_draft"),
|
|
"has save draft button"
|
|
);
|
|
assert.strictEqual(
|
|
query(".modal-footer button.keep-editing").innerText.trim(),
|
|
I18n.t("post.cancel_composer.keep_editing"),
|
|
"has keep editing button"
|
|
);
|
|
await click(".modal-footer button.save-draft");
|
|
assert.strictEqual(
|
|
query(".d-editor-input").value,
|
|
"",
|
|
"it clears the composer input"
|
|
);
|
|
});
|
|
|
|
test("Checks for existing draft", async function (assert) {
|
|
toggleCheckDraftPopup(true);
|
|
|
|
await visit("/t/internationalization-localization/280");
|
|
|
|
await click(".topic-post:nth-of-type(1) button.show-more-actions");
|
|
await click(".topic-post:nth-of-type(1) button.edit");
|
|
|
|
assert.strictEqual(
|
|
query(".dialog-body").innerText,
|
|
I18n.t("drafts.abandon.confirm")
|
|
);
|
|
|
|
await click(".dialog-footer .btn-resume-editing");
|
|
});
|
|
|
|
test("Can switch states without abandon popup", async function (assert) {
|
|
toggleCheckDraftPopup(true);
|
|
|
|
await visit("/t/internationalization-localization/280");
|
|
|
|
const longText = "a".repeat(256);
|
|
|
|
sinon.stub(Draft, "get").resolves({
|
|
draft: null,
|
|
draft_sequence: 0,
|
|
});
|
|
|
|
await click(".btn-primary.create.btn");
|
|
|
|
await fillIn(".d-editor-input", longText);
|
|
|
|
assert.ok(
|
|
exists(
|
|
'.action-title a[href="/t/internationalization-localization/280"]'
|
|
),
|
|
"the mode should be: reply to post"
|
|
);
|
|
|
|
await click("article#post_3 button.reply");
|
|
|
|
const composerActions = selectKit(".composer-actions");
|
|
await composerActions.expand();
|
|
await composerActions.selectRowByValue("reply_as_new_topic");
|
|
|
|
assert.ok(!exists(".modal-body"), "abandon popup shouldn't come");
|
|
|
|
assert.ok(
|
|
query(".d-editor-input").value.includes(longText),
|
|
"entered text should still be there"
|
|
);
|
|
|
|
assert.ok(
|
|
!exists(
|
|
'.action-title a[href="/t/internationalization-localization/280"]'
|
|
),
|
|
"mode should have changed"
|
|
);
|
|
});
|
|
|
|
test("Loading draft also replaces the recipients", async function (assert) {
|
|
toggleCheckDraftPopup(true);
|
|
|
|
sinon.stub(Draft, "get").resolves({
|
|
draft:
|
|
'{"reply":"hello","action":"privateMessage","title":"hello","categoryId":null,"archetypeId":"private_message","metaData":null,"recipients":"codinghorror","composerTime":9159,"typingTime":2500}',
|
|
draft_sequence: 0,
|
|
});
|
|
|
|
await visit("/u/charlie");
|
|
await click("button.compose-pm");
|
|
await click(".dialog-footer .btn-resume-editing");
|
|
|
|
const privateMessageUsers = selectKit("#private-message-users");
|
|
assert.strictEqual(privateMessageUsers.header().value(), "codinghorror");
|
|
});
|
|
|
|
test("Loads tags and category from draft payload", async function (assert) {
|
|
updateCurrentUser({ has_topic_draft: true });
|
|
|
|
sinon.stub(Draft, "get").resolves({
|
|
draft:
|
|
'{"reply":"Hey there","action":"createTopic","title":"Draft topic","categoryId":2,"tags":["fun", "times"],"archetypeId":"regular","metaData":null,"composerTime":25269,"typingTime":8100}',
|
|
draft_sequence: 0,
|
|
draft_key: NEW_TOPIC_KEY,
|
|
});
|
|
|
|
await visit("/latest");
|
|
assert.strictEqual(
|
|
query("#create-topic").innerText.trim(),
|
|
I18n.t("topic.open_draft")
|
|
);
|
|
|
|
await click("#create-topic");
|
|
assert.strictEqual(selectKit(".category-chooser").header().value(), "2");
|
|
assert.strictEqual(
|
|
selectKit(".mini-tag-chooser").header().value(),
|
|
"fun,times"
|
|
);
|
|
});
|
|
|
|
test("Deleting the text content of the first post in a private message", async function (assert) {
|
|
await visit("/t/34");
|
|
|
|
await click("#post_1 .d-icon-ellipsis-h");
|
|
await click("#post_1 .d-icon-pencil-alt");
|
|
await fillIn(".d-editor-input", "");
|
|
|
|
assert.strictEqual(
|
|
query(".d-editor-container textarea").getAttribute("placeholder"),
|
|
I18n.t("composer.reply_placeholder"),
|
|
"it should not block because of missing category"
|
|
);
|
|
});
|
|
|
|
test("reply button has envelope icon when replying to private message", async function (assert) {
|
|
await visit("/t/34");
|
|
await click("article#post_3 button.reply");
|
|
assert.strictEqual(
|
|
query(".save-or-cancel button.create").innerText.trim(),
|
|
I18n.t("composer.create_pm"),
|
|
"reply button says Message"
|
|
);
|
|
assert.strictEqual(
|
|
count(".save-or-cancel button.create svg.d-icon-envelope"),
|
|
1,
|
|
"reply button has envelope icon"
|
|
);
|
|
});
|
|
|
|
test("edit button when editing a post in a PM", async function (assert) {
|
|
await visit("/t/34");
|
|
await click("article#post_3 button.show-more-actions");
|
|
await click("article#post_3 button.edit");
|
|
|
|
assert.strictEqual(
|
|
query(".save-or-cancel button.create").innerText.trim(),
|
|
I18n.t("composer.save_edit"),
|
|
"save button says Save Edit"
|
|
);
|
|
assert.strictEqual(
|
|
count(".save-or-cancel button.create svg.d-icon-pencil-alt"),
|
|
1,
|
|
"save button has pencil icon"
|
|
);
|
|
});
|
|
|
|
test("Shows duplicate_link notice", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
await click("#topic-footer-buttons .create");
|
|
|
|
this.container.lookup("controller:composer").set(
|
|
"linkLookup",
|
|
new LinkLookup({
|
|
"github.com": {
|
|
domain: "github.com",
|
|
username: "system",
|
|
posted_at: "2021-01-01T12:00:00.000Z",
|
|
post_number: 1,
|
|
},
|
|
})
|
|
);
|
|
|
|
await fillIn(".d-editor-input", "[](https://discourse.org)");
|
|
assert.ok(!exists(".composer-popup"));
|
|
|
|
await fillIn(".d-editor-input", "[quote][](https://github.com)[/quote]");
|
|
assert.ok(!exists(".composer-popup"));
|
|
|
|
await fillIn(".d-editor-input", "[](https://github.com)");
|
|
assert.strictEqual(count(".composer-popup"), 1);
|
|
});
|
|
|
|
test("Shows the 'group_mentioned' notice", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
await click("#topic-footer-buttons .create");
|
|
|
|
await fillIn(".d-editor-input", "[quote]\n@staff\n[/quote]");
|
|
assert.notOk(
|
|
exists(".composer-popup"),
|
|
"Doesn't show the 'group_mentioned' notice in a quote"
|
|
);
|
|
|
|
await fillIn(".d-editor-input", "@staff");
|
|
assert.ok(exists(".composer-popup"), "Shows the 'group_mentioned' notice");
|
|
});
|
|
|
|
test("Does not save invalid draft", async function (assert) {
|
|
this.siteSettings.min_first_post_length = 20;
|
|
|
|
await visit("/");
|
|
await click("#create-topic");
|
|
await fillIn("#reply-title", "Something");
|
|
await fillIn(".d-editor-input", "Something");
|
|
await click(".save-or-cancel .cancel");
|
|
assert.notOk(exists(".discard-draft-modal .save-draft"));
|
|
});
|
|
|
|
test("Saves drafts that only contain quotes", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
await click("#topic-footer-buttons .create");
|
|
|
|
await fillIn(".d-editor-input", "[quote]some quote[/quote]");
|
|
|
|
await click(".save-or-cancel .cancel");
|
|
assert.ok(exists(".discard-draft-modal .save-draft"));
|
|
});
|
|
});
|
|
|
|
acceptance("Composer - Customizations", function (needs) {
|
|
needs.user();
|
|
needs.site({ can_tag_topics: true });
|
|
|
|
function customComposerAction(composer) {
|
|
return (
|
|
(composer.tags || []).includes("monkey") &&
|
|
composer.action === CREATE_TOPIC
|
|
);
|
|
}
|
|
|
|
needs.hooks.beforeEach(() => {
|
|
withPluginApi("0.8.14", (api) => {
|
|
api.customizeComposerText({
|
|
actionTitle(model) {
|
|
if (customComposerAction(model)) {
|
|
return "custom text";
|
|
}
|
|
},
|
|
|
|
saveLabel(model) {
|
|
if (customComposerAction(model)) {
|
|
return "composer.emoji";
|
|
}
|
|
},
|
|
});
|
|
});
|
|
});
|
|
|
|
test("Supports text customization", async function (assert) {
|
|
await visit("/");
|
|
await click("#create-topic");
|
|
assert.strictEqual(
|
|
query(".action-title").innerText,
|
|
I18n.t("topic.create_long")
|
|
);
|
|
assert.strictEqual(
|
|
query(".save-or-cancel button").innerText,
|
|
I18n.t("composer.create_topic")
|
|
);
|
|
const tags = selectKit(".mini-tag-chooser");
|
|
await tags.expand();
|
|
await tags.selectRowByValue("monkey");
|
|
assert.strictEqual(query(".action-title").innerText, "custom text");
|
|
assert.strictEqual(
|
|
query(".save-or-cancel button").innerText,
|
|
I18n.t("composer.emoji")
|
|
);
|
|
});
|
|
});
|
|
|
|
acceptance("Composer - Error Extensibility", function (needs) {
|
|
needs.user();
|
|
needs.settings({
|
|
general_category_id: 1,
|
|
default_composer_category: 1,
|
|
});
|
|
|
|
needs.hooks.beforeEach(() => {
|
|
withPluginApi("1.5.0", (api) => {
|
|
api.addComposerSaveErrorCallback((error) => {
|
|
if (error.match(/PLUGIN_XYZ ERROR/)) {
|
|
// handle error
|
|
return true;
|
|
}
|
|
return false;
|
|
});
|
|
});
|
|
});
|
|
|
|
test("Create a topic with server side errors handled by a plugin", async function (assert) {
|
|
pretender.post("/posts", function () {
|
|
return response(422, { errors: ["PLUGIN_XYZ ERROR"] });
|
|
});
|
|
|
|
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.notOk(exists(".dialog-body"), "it does not pop up an error message");
|
|
});
|
|
|
|
test("Create a topic with server side errors not handled by a plugin", async function (assert) {
|
|
pretender.post("/posts", function () {
|
|
return response(422, { errors: ["PLUGIN_ABC ERROR"] });
|
|
});
|
|
|
|
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(".dialog-body"), "it pops up an error message");
|
|
assert.ok(
|
|
query(".dialog-body").innerText.match(/PLUGIN_ABC ERROR/),
|
|
"it contains the server side error text"
|
|
);
|
|
await click(".dialog-footer .btn-primary");
|
|
assert.ok(!exists(".dialog-body"), "it dismisses the error");
|
|
assert.ok(exists(".d-editor-input"), "the composer input is visible");
|
|
});
|
|
});
|
|
|
|
acceptance("Composer - Focus Open and Closed", function (needs) {
|
|
needs.user();
|
|
needs.settings({ allow_uncategorized_topics: true });
|
|
|
|
test("Focusing a composer which is not open with create topic", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
|
|
const composer = this.container.lookup("controller:composer");
|
|
await composer.focusComposer({ fallbackToNewTopic: true });
|
|
|
|
await settled();
|
|
assert.strictEqual(
|
|
document.activeElement.classList.contains("d-editor-input"),
|
|
true,
|
|
"composer is opened and focused"
|
|
);
|
|
assert.strictEqual(composer.model.action, Composer.CREATE_TOPIC);
|
|
});
|
|
|
|
test("Focusing a composer which is not open with create topic and append text", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
|
|
const composer = this.container.lookup("controller:composer");
|
|
await composer.focusComposer({
|
|
fallbackToNewTopic: true,
|
|
insertText: "this is appended",
|
|
});
|
|
|
|
await settled();
|
|
assert.strictEqual(
|
|
document.activeElement.classList.contains("d-editor-input"),
|
|
true,
|
|
"composer is opened and focused"
|
|
);
|
|
assert.strictEqual(
|
|
query("textarea.d-editor-input").value.trim(),
|
|
"this is appended"
|
|
);
|
|
});
|
|
|
|
test("Focusing a composer which is already open", async function (assert) {
|
|
await visit("/");
|
|
await click("#create-topic");
|
|
|
|
const composer = this.container.lookup("controller:composer");
|
|
await composer.focusComposer();
|
|
|
|
await settled();
|
|
assert.strictEqual(
|
|
document.activeElement.classList.contains("d-editor-input"),
|
|
true,
|
|
"composer is opened and focused"
|
|
);
|
|
});
|
|
|
|
test("Focusing a composer which is already open and append text", async function (assert) {
|
|
await visit("/");
|
|
await click("#create-topic");
|
|
|
|
const composer = this.container.lookup("controller:composer");
|
|
await composer.focusComposer({ insertText: "this is some appended text" });
|
|
|
|
await settled();
|
|
assert.strictEqual(
|
|
document.activeElement.classList.contains("d-editor-input"),
|
|
true,
|
|
"composer is opened and focused"
|
|
);
|
|
assert.strictEqual(
|
|
query("textarea.d-editor-input").value.trim(),
|
|
"this is some appended text"
|
|
);
|
|
});
|
|
|
|
test("Focusing a composer which is not open that has a draft", async function (assert) {
|
|
await visit("/t/this-is-a-test-topic/9");
|
|
|
|
await click(".topic-post:nth-of-type(1) button.edit");
|
|
await fillIn(".d-editor-input", "This is a dirty reply");
|
|
await click(".toggle-minimize");
|
|
|
|
const composer = this.container.lookup("controller:composer");
|
|
await composer.focusComposer({ insertText: "this is some appended text" });
|
|
|
|
await settled();
|
|
assert.strictEqual(
|
|
document.activeElement.classList.contains("d-editor-input"),
|
|
true,
|
|
"composer is opened and focused"
|
|
);
|
|
assert.strictEqual(
|
|
query("textarea.d-editor-input").value.trim(),
|
|
"This is a dirty reply\n\nthis is some appended text"
|
|
);
|
|
});
|
|
});
|
|
|
|
// Default Composer Category tests
|
|
acceptance("Composer - Default category", function (needs) {
|
|
needs.user();
|
|
needs.settings({
|
|
general_category_id: 1,
|
|
default_composer_category: 2,
|
|
});
|
|
needs.site({
|
|
categories: [
|
|
{
|
|
id: 1,
|
|
name: "General",
|
|
slug: "general",
|
|
permission: 1,
|
|
topic_template: null,
|
|
},
|
|
{
|
|
id: 2,
|
|
name: "test too",
|
|
slug: "test-too",
|
|
permission: 1,
|
|
topic_template: null,
|
|
},
|
|
],
|
|
});
|
|
|
|
test("Default category is selected over general category", async function (assert) {
|
|
await visit("/");
|
|
await click("#create-topic");
|
|
assert.strictEqual(selectKit(".category-chooser").header().value(), "2");
|
|
assert.strictEqual(
|
|
selectKit(".category-chooser").header().name(),
|
|
"test too"
|
|
);
|
|
});
|
|
});
|
|
|
|
acceptance("Composer - Uncategorized category", function (needs) {
|
|
needs.user();
|
|
needs.settings({
|
|
general_category_id: -1, // For sites that never had this seeded
|
|
default_composer_category: -1, // For sites that never had this seeded
|
|
allow_uncategorized_topics: true,
|
|
});
|
|
needs.site({
|
|
categories: [
|
|
{
|
|
id: 1,
|
|
name: "General",
|
|
slug: "general",
|
|
permission: 1,
|
|
topic_template: null,
|
|
},
|
|
{
|
|
id: 2,
|
|
name: "test too",
|
|
slug: "test-too",
|
|
permission: 1,
|
|
topic_template: null,
|
|
},
|
|
],
|
|
});
|
|
|
|
test("Uncategorized category is selected", async function (assert) {
|
|
await visit("/");
|
|
await click("#create-topic");
|
|
assert.strictEqual(selectKit(".category-chooser").header().value(), null);
|
|
});
|
|
});
|
|
|
|
acceptance("Composer - default category not set", function (needs) {
|
|
needs.user();
|
|
needs.settings({
|
|
default_composer_category: "",
|
|
});
|
|
needs.site({
|
|
categories: [
|
|
{
|
|
id: 1,
|
|
name: "General",
|
|
slug: "general",
|
|
permission: 1,
|
|
topic_template: null,
|
|
},
|
|
{
|
|
id: 2,
|
|
name: "test too",
|
|
slug: "test-too",
|
|
permission: 1,
|
|
topic_template: null,
|
|
},
|
|
],
|
|
});
|
|
|
|
test("Nothing is selected", async function (assert) {
|
|
await visit("/");
|
|
await click("#create-topic");
|
|
assert.strictEqual(selectKit(".category-chooser").header().value(), null);
|
|
assert.strictEqual(
|
|
selectKit(".category-chooser").header().name(),
|
|
"category…"
|
|
);
|
|
});
|
|
});
|
|
// END: Default Composer Category tests
|
|
|
|
acceptance("Composer - current time", function (needs) {
|
|
needs.user();
|
|
|
|
test("composer insert current time shortcut", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
|
|
await click("#topic-footer-buttons .btn.create");
|
|
assert.ok(exists(".d-editor-input"), "the composer input is visible");
|
|
await fillIn(".d-editor-input", "and the time now is: ");
|
|
|
|
const mac = /Mac|iPod|iPhone|iPad/.test(navigator.platform);
|
|
const date = moment().format("YYYY-MM-DD");
|
|
|
|
await triggerKeyEvent(".d-editor-input", "keydown", ".", {
|
|
shiftKey: true,
|
|
ctrlKey: !mac,
|
|
metaKey: mac,
|
|
});
|
|
|
|
const inputValue = query("#reply-control .d-editor-input").value.trim();
|
|
|
|
assert.ok(
|
|
inputValue.startsWith(`and the time now is: [date=${date}`),
|
|
"it adds the current date"
|
|
);
|
|
});
|
|
});
|