github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-05-30 23:58:26 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

DEV: allows select-kit to prevent autofocus of header after onChange (#9718)

Browse Source
This commit is contained in:
Joffrey JAFFEUX
2020-05-09 10:26:23 +02:00
committed by GitHub
parent d653d2f5d9
commit 9bf11a8c68
3 changed files with 47 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
test/javascripts/components/select-kit/single-select-test.js
View File

@ -257,3 +257,41 @@ componentTest("prevents propagating click event on header", {
assert.equal(this.value, DEFAULT_VALUE);
}
});
componentTest("focusAfterOnChange", {
template:
"{{d-button class='focus-me'}}{{single-select options=(hash focusAfterOnchange=focusAfterOnchange) value=value content=content onChange=onChange}}",
beforeEach() {
this.setProperties({
onChange: () => {
find(".focus-me").focus();
this.set("value", "foo");
},
content: DEFAULT_CONTENT,
value: DEFAULT_VALUE
});
},
async test(assert) {
this.set("focusAfterOnchange", true);
await this.subject.expand();
await this.subject.selectRowByIndex(0);
assert.ok(
document.activeElement.classList.contains("single-select-header"),
"it selects the header"
);
this.set("focusAfterOnchange", false);
await this.subject.expand();
await this.subject.selectRowByIndex(0);
assert.notOk(
document.activeElement.classList.contains("single-select-header"),
"it doesn’t select the header"
);
}
});