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)
70 lines
1.8 KiB
JavaScript
70 lines
1.8 KiB
JavaScript
import { test, module } from "qunit";
|
|
import { load } from "pretty-text/oneboxer";
|
|
import { ajax } from "discourse/lib/ajax";
|
|
import { failedCache, localCache } from "pretty-text/oneboxer-cache";
|
|
import { stringToHTML } from "discourse/tests/helpers/html-helper";
|
|
|
|
function loadOnebox(element) {
|
|
return load({
|
|
elem: element,
|
|
refresh: false,
|
|
ajax,
|
|
synchronous: true,
|
|
categoryId: 1,
|
|
topicId: 1,
|
|
});
|
|
}
|
|
|
|
module("lib:oneboxer");
|
|
|
|
test("load - failed onebox", async function (assert) {
|
|
let element = document.createElement("A");
|
|
element.setAttribute("href", "http://somebadurl.com");
|
|
|
|
await loadOnebox(element);
|
|
|
|
assert.equal(
|
|
failedCache["http://somebadurl.com"],
|
|
true,
|
|
"stores the url as failed in a cache"
|
|
);
|
|
assert.equal(
|
|
loadOnebox(element),
|
|
undefined,
|
|
"it returns early for a failed cache"
|
|
);
|
|
});
|
|
|
|
test("load - successful onebox", async function (assert) {
|
|
const html = `
|
|
<aside class="onebox allowlistedgeneric">
|
|
<header class="source">
|
|
<a href="http://test.com/somepage" target="_blank">test.com</a>
|
|
</header>
|
|
<article class="onebox-body">
|
|
<div class="aspect-image" style="--aspect-ratio:690/362;"><img src="" class="thumbnail"></div>
|
|
<h3><a href="http://test.com/somepage" target="_blank">Test Page</a></h3>
|
|
<p>Yet another collaboration tool</p>
|
|
</article>
|
|
<div class="onebox-metadata"></div>
|
|
<div style="clear: both"></div>
|
|
</aside>
|
|
`;
|
|
|
|
let element = document.createElement("A");
|
|
element.setAttribute("href", "http://somegoodurl.com");
|
|
|
|
await loadOnebox(element);
|
|
|
|
assert.equal(
|
|
localCache["http://somegoodurl.com"].prop("outerHTML"),
|
|
stringToHTML(html).outerHTML,
|
|
"stores the html of the onebox in a local cache"
|
|
);
|
|
assert.equal(
|
|
loadOnebox(element),
|
|
html.trim(),
|
|
"it returns the html from the cache"
|
|
);
|
|
});
|