mirror of
https://github.com/discourse/discourse.git
synced 2025-04-01 04:46:05 +08:00
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)
50 lines
1.4 KiB
JavaScript
50 lines
1.4 KiB
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 { clearCache } from "discourse/lib/plugin-connectors";
|
|
|
|
const HELLO = "javascripts/multi-test/connectors/user-profile-primary/hello";
|
|
const GOODBYE =
|
|
"javascripts/multi-test/connectors/user-profile-primary/goodbye";
|
|
|
|
acceptance("Plugin Outlet - Multi Template", function (needs) {
|
|
needs.hooks.beforeEach(() => {
|
|
clearCache();
|
|
Ember.TEMPLATES[HELLO] = Ember.HTMLBars.compile(
|
|
`<span class='hello-span'>Hello</span>`
|
|
);
|
|
Ember.TEMPLATES[GOODBYE] = Ember.HTMLBars.compile(
|
|
`<span class='bye-span'>Goodbye</span>`
|
|
);
|
|
});
|
|
|
|
needs.hooks.afterEach(() => {
|
|
delete Ember.TEMPLATES[HELLO];
|
|
delete Ember.TEMPLATES[GOODBYE];
|
|
clearCache();
|
|
});
|
|
|
|
test("Renders a template into the outlet", async function (assert) {
|
|
await visit("/u/eviltrout");
|
|
assert.ok(
|
|
queryAll(".user-profile-primary-outlet.hello").length === 1,
|
|
"it has class names"
|
|
);
|
|
assert.ok(
|
|
queryAll(".user-profile-primary-outlet.goodbye").length === 1,
|
|
"it has class names"
|
|
);
|
|
assert.equal(
|
|
queryAll(".hello-span").text(),
|
|
"Hello",
|
|
"it renders into the outlet"
|
|
);
|
|
assert.equal(
|
|
queryAll(".bye-span").text(),
|
|
"Goodbye",
|
|
"it renders into the outlet"
|
|
);
|
|
});
|
|
});
|