0
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2026-08-07 13:19:19 +08:00
discourse/plugins/automation/test/javascripts/integration/components/da-users-field-test.gjs
Martin Brennan 79d1c792eb
DEV: Update test module name conventions (#40389)
Currently, most of the JS test modules follow this
convention:

```
module("Integration | Component | topic-dismiss-buttons"
```

Which is a legacy from when ember components etc were
rendered in templates like this:

```
{{d-button title="foo"}}
```

Instead, this commit updates all of them to follow this
PascalCase convention:

```
module("Integration | Component | TopicDismissButtons", function (hooks) {
```

No linting is added to enforce this, we suspect that it's
mostly a result of cargo culting, and people will add new
tests following PascalCase convention.

Also adds an initial AI skill for writing JS tests.
2026-05-29 15:19:55 +10:00

102 lines
2.9 KiB
Text
Vendored

import { getOwner } from "@ember/owner";
import { render } from "@ember/test-helpers";
import { module, test } from "qunit";
import { setupRenderingTest } from "discourse/tests/helpers/component-test";
import pretender, { response } from "discourse/tests/helpers/create-pretender";
import selectKit from "discourse/tests/helpers/select-kit-helper";
import AutomationField from "discourse/plugins/automation/admin/components/automation-field";
import AutomationFabricators from "discourse/plugins/automation/admin/lib/fabricators";
module("Integration | Component | DaUsersField", function (hooks) {
setupRenderingTest(hooks);
hooks.beforeEach(function () {
this.automation = new AutomationFabricators(getOwner(this)).automation();
pretender.get("/u/search/users", () =>
response({
users: [
{
username: "sam",
avatar_template:
"https://avatars.discourse.org/v3/letter/t/41988e/{size}.png",
},
{
username: "joffrey",
avatar_template:
"https://avatars.discourse.org/v3/letter/t/41988e/{size}.png",
},
],
})
);
});
test("sets values", async function (assert) {
this.field = new AutomationFabricators(getOwner(this)).field({
component: "users",
});
await render(
<template>
<AutomationField
@automation={{this.automation}}
@field={{this.field}}
/>
</template>
);
await selectKit().expand();
await selectKit().fillInFilter("sam");
await selectKit().selectRowByValue("sam");
await selectKit().fillInFilter("joffrey");
await selectKit().selectRowByValue("joffrey");
assert.deepEqual(this.field.metadata.value, ["sam", "joffrey"]);
});
test("allows emails", async function (assert) {
this.field = new AutomationFabricators(getOwner(this)).field({
component: "users",
});
await render(
<template>
<AutomationField
@automation={{this.automation}}
@field={{this.field}}
/>
</template>
);
await selectKit().expand();
await selectKit().fillInFilter("j.jaffeux@example.com");
await selectKit().selectRowByValue("j.jaffeux@example.com");
assert.deepEqual(this.field.metadata.value, ["j.jaffeux@example.com"]);
});
test("empty", async function (assert) {
this.field = new AutomationFabricators(getOwner(this)).field({
component: "users",
});
await render(
<template>
<AutomationField
@automation={{this.automation}}
@field={{this.field}}
/>
</template>
);
await selectKit().expand();
await selectKit().fillInFilter("sam");
await selectKit().selectRowByValue("sam");
assert.deepEqual(this.field.metadata.value, ["sam"]);
await selectKit().deselectItemByValue("sam");
assert.strictEqual(this.field.metadata.value, undefined);
});
});