This repository has been archived on 2023-03-18. You can view files and clone it, but cannot push or open issues or pull requests.
osr-discourse-src/app/assets/javascripts/discourse/tests/acceptance/groups-index-test.js
Jarek Radosz a17d54d0bf
DEV: De-arrowify tests (#11068)
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)
2020-10-30 17:37:32 +01:00

56 lines
1.5 KiB
JavaScript

import { queryAll } from "discourse/tests/helpers/qunit-helpers";
import { exists } from "discourse/tests/helpers/qunit-helpers";
import { click, visit } from "@ember/test-helpers";
import { test } from "qunit";
import {
acceptance,
invisible,
count,
} from "discourse/tests/helpers/qunit-helpers";
acceptance("Groups", function () {
test("Browsing Groups", async function (assert) {
await visit("/g?username=eviltrout");
assert.equal(count(".group-box"), 1, "it displays user's groups");
await visit("/g");
assert.equal(count(".group-box"), 2, "it displays visible groups");
assert.equal(
queryAll(".group-index-join").length,
1,
"it shows button to join group"
);
assert.equal(
queryAll(".group-index-request").length,
1,
"it shows button to request for group membership"
);
await click(".group-index-join");
assert.ok(exists(".modal.login-modal"), "it shows the login modal");
await click(".login-modal .close");
assert.ok(invisible(".modal.login-modal"), "it closes the login modal");
await click(".group-index-request");
assert.ok(exists(".modal.login-modal"), "it shows the login modal");
await click("a[href='/g/discourse/members']");
assert.equal(
queryAll(".group-info-name").text().trim(),
"Awesome Team",
"it displays the group page"
);
await click(".group-index-join");
assert.ok(exists(".modal.login-modal"), "it shows the login modal");
});
});