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)
35 lines
995 B
JavaScript
35 lines
995 B
JavaScript
import { queryAll } from "discourse/tests/helpers/qunit-helpers";
|
|
import { visit } from "@ember/test-helpers";
|
|
import { test } from "qunit";
|
|
import { acceptance } from "discourse/tests/helpers/qunit-helpers";
|
|
import compile from "handlebars-compiler";
|
|
import {
|
|
addRawTemplate,
|
|
removeRawTemplate,
|
|
} from "discourse-common/lib/raw-templates";
|
|
|
|
const CONNECTOR =
|
|
"javascripts/raw-test/connectors/topic-list-before-status/lala";
|
|
|
|
acceptance("Raw Plugin Outlet", function (needs) {
|
|
needs.hooks.beforeEach(() => {
|
|
addRawTemplate(
|
|
CONNECTOR,
|
|
compile(`<span class='topic-lala'>{{context.topic.id}}</span>`)
|
|
);
|
|
});
|
|
|
|
needs.hooks.afterEach(() => {
|
|
removeRawTemplate(CONNECTOR);
|
|
});
|
|
test("Renders the raw plugin outlet", async function (assert) {
|
|
await visit("/");
|
|
assert.ok(queryAll(".topic-lala").length > 0, "it renders the outlet");
|
|
assert.equal(
|
|
queryAll(".topic-lala:eq(0)").text(),
|
|
"11557",
|
|
"it has the topic id"
|
|
);
|
|
});
|
|
});
|