a17d54d0bf
Using arrow functions changes `this` context, which is undesired in tests, e.g. it makes it impossible to setup things like pretender (`this.server`) in `beforeEach` hooks. Ember guides always use classic functions in examples (e.g. https://guides.emberjs.com/release/testing/test-types/), and that's what it uses in its own test suite, as do various addons and ember apps. It was also already used in Discourse where `this` was required. Moving forward, it will be needed in more places as we migrate toward ember-cli. (I might later add a custom rule to eslint-discourse-ember to enforce this)
101 lines
3.1 KiB
JavaScript
101 lines
3.1 KiB
JavaScript
import { queryAll } from "discourse/tests/helpers/qunit-helpers";
|
||
import { exists } from "discourse/tests/helpers/qunit-helpers";
|
||
import { click, fillIn, visit } from "@ember/test-helpers";
|
||
import { test } from "qunit";
|
||
import { acceptance } from "discourse/tests/helpers/qunit-helpers";
|
||
|
||
acceptance("Composer - Hyperlink", function (needs) {
|
||
needs.user();
|
||
|
||
test("add a hyperlink to a reply", async function (assert) {
|
||
await visit("/t/internationalization-localization/280");
|
||
await click(".topic-post:first-child button.reply");
|
||
await fillIn(".d-editor-input", "This is a link to ");
|
||
|
||
assert.ok(
|
||
!exists(".insert-link.modal-body"),
|
||
"no hyperlink modal by default"
|
||
);
|
||
|
||
await click(".d-editor button.link");
|
||
assert.ok(exists(".insert-link.modal-body"), "hyperlink modal visible");
|
||
|
||
await fillIn(".modal-body .link-url", "google.com");
|
||
await fillIn(".modal-body .link-text", "Google");
|
||
await click(".modal-footer button.btn-primary");
|
||
|
||
assert.equal(
|
||
queryAll(".d-editor-input").val(),
|
||
"This is a link to [Google](https://google.com)",
|
||
"adds link with url and text, prepends 'https://'"
|
||
);
|
||
|
||
assert.ok(
|
||
!exists(".insert-link.modal-body"),
|
||
"modal dismissed after submitting link"
|
||
);
|
||
|
||
await fillIn(".d-editor-input", "Reset textarea contents.");
|
||
|
||
await click(".d-editor button.link");
|
||
await fillIn(".modal-body .link-url", "google.com");
|
||
await fillIn(".modal-body .link-text", "Google");
|
||
await click(".modal-footer button.btn-danger");
|
||
|
||
assert.equal(
|
||
queryAll(".d-editor-input").val(),
|
||
"Reset textarea contents.",
|
||
"doesn’t insert anything after cancelling"
|
||
);
|
||
|
||
assert.ok(
|
||
!exists(".insert-link.modal-body"),
|
||
"modal dismissed after cancelling"
|
||
);
|
||
|
||
const textarea = queryAll("#reply-control .d-editor-input")[0];
|
||
textarea.selectionStart = 0;
|
||
textarea.selectionEnd = 6;
|
||
await click(".d-editor button.link");
|
||
|
||
await fillIn(".modal-body .link-url", "somelink.com");
|
||
await click(".modal-footer button.btn-primary");
|
||
|
||
assert.equal(
|
||
queryAll(".d-editor-input").val(),
|
||
"[Reset](https://somelink.com) textarea contents.",
|
||
"adds link to a selected text"
|
||
);
|
||
|
||
await fillIn(".d-editor-input", "");
|
||
|
||
await click(".d-editor button.link");
|
||
await fillIn(".modal-body .link-url", "http://google.com");
|
||
await keyEvent(".modal-body .link-url", "keyup", 32);
|
||
assert.ok(
|
||
!exists(".internal-link-results"),
|
||
"does not show internal links search dropdown when inputting a url"
|
||
);
|
||
|
||
await fillIn(".modal-body .link-url", "local");
|
||
await keyEvent(".modal-body .link-url", "keyup", 32);
|
||
assert.ok(
|
||
exists(".internal-link-results"),
|
||
"shows internal links search dropdown when entering keywords"
|
||
);
|
||
|
||
await keyEvent(".insert-link", "keydown", 40);
|
||
await keyEvent(".insert-link", "keydown", 13);
|
||
|
||
assert.ok(
|
||
!exists(".internal-link-results"),
|
||
"search dropdown dismissed after selecting an internal link"
|
||
);
|
||
|
||
assert.ok(
|
||
queryAll(".link-url").val().includes("http"),
|
||
"replaces link url field with internal link"
|
||
);
|
||
});
|
||
});
|