mirror of
https://github.com/hanzoai/forum.git
synced 2026-09-30 21:51:19 +00:00
Sérgio SaquetimandGitHub
0ac507e5e4
This commit improves some tests to using both the glimmer post menu and the widget version. It also addresses some small issues in the Glimmer Post Menu: - Deprecated Font Awesome icon in the Edit button - Set correctly `aria-pressed` in the Like Count when the list of people who liked is visible - Display the user tip for the Show More button
105 lines
3.6 KiB
JavaScript
105 lines
3.6 KiB
JavaScript
import { click, visit } from "@ember/test-helpers";
|
|
import { test } from "qunit";
|
|
import { acceptance } from "discourse/tests/helpers/qunit-helpers";
|
|
import { i18n } from "discourse-i18n";
|
|
|
|
["enabled", "disabled"].forEach((postMenuMode) => {
|
|
acceptance(
|
|
`Post controls (glimmer_post_menu_mode = ${postMenuMode})`,
|
|
function (needs) {
|
|
needs.settings({
|
|
glimmer_post_menu_mode: postMenuMode,
|
|
});
|
|
|
|
test("accessibility of the likes list below the post", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
|
|
assert
|
|
.dom("#post_2 button.like-count")
|
|
.hasAria("pressed", "false", "show likes button isn't pressed");
|
|
assert
|
|
.dom("#post_2 button.like-count")
|
|
.hasAria(
|
|
"label",
|
|
i18n("post.sr_post_like_count_button", { count: 4 }),
|
|
"show likes button has aria-label"
|
|
);
|
|
|
|
await click("#post_2 button.like-count");
|
|
assert
|
|
.dom("#post_2 button.like-count")
|
|
.hasAria("pressed", "true", "show likes button is now pressed");
|
|
|
|
assert
|
|
.dom("#post_2 .small-user-list.who-liked .small-user-list-content")
|
|
.hasAttribute("role", "list", "likes container has list role");
|
|
assert
|
|
.dom("#post_2 .small-user-list.who-liked .small-user-list-content")
|
|
.hasAria(
|
|
"label",
|
|
i18n("post.actions.people.sr_post_likers_list_description"),
|
|
"likes container has aria-label"
|
|
);
|
|
assert
|
|
.dom("#post_2 .small-user-list.who-liked .list-description")
|
|
.hasAria("hidden", "true", "list description is aria-hidden");
|
|
|
|
assert
|
|
.dom("#post_2 .small-user-list.who-liked a.trigger-user-card")
|
|
.exists("avatars are rendered");
|
|
|
|
assert
|
|
.dom("#post_2 .small-user-list.who-liked a.trigger-user-card")
|
|
.hasAria("hidden", "false", "avatars are not aria-hidden");
|
|
assert
|
|
.dom("#post_2 .small-user-list.who-liked a.trigger-user-card")
|
|
.hasAttribute("role", "listitem", "avatars have listitem role");
|
|
});
|
|
|
|
test("accessibility of the embedded replies below the post", async function (assert) {
|
|
await visit("/t/internationalization-localization/280");
|
|
|
|
assert
|
|
.dom("#post_1 button.show-replies")
|
|
.hasAria("pressed", "false", "show replies button isn't pressed");
|
|
assert
|
|
.dom("#post_1 button.show-replies")
|
|
.hasAria(
|
|
"label",
|
|
i18n("post.sr_expand_replies", { count: 1 }),
|
|
"show replies button has aria-label"
|
|
);
|
|
|
|
await click("#post_1 button.show-replies");
|
|
assert
|
|
.dom("#post_1 button.show-replies")
|
|
.hasAria("pressed", "true", "show replies button is now pressed");
|
|
|
|
// const replies = Array.from(queryAll("#post_1 .embedded-posts .reply"));
|
|
assert
|
|
.dom("#post_1 .embedded-posts .reply")
|
|
.exists({ count: 1 }, "replies are rendered");
|
|
|
|
assert
|
|
.dom("#post_1 .embedded-posts .reply")
|
|
.hasAttribute("role", "region", "replies have region role");
|
|
assert.dom("#post_1 .embedded-posts .reply").hasAria(
|
|
"label",
|
|
i18n("post.sr_embedded_reply_description", {
|
|
post_number: 1,
|
|
username: "somebody",
|
|
}),
|
|
"replies have aria-label"
|
|
);
|
|
assert
|
|
.dom("#post_1 .embedded-posts .btn.collapse-up")
|
|
.hasAria(
|
|
"label",
|
|
i18n("post.sr_collapse_replies"),
|
|
"collapse button has aria-label"
|
|
);
|
|
});
|
|
}
|
|
);
|
|
});
|