Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

FIX: emoji-picker broken and skipped specs

This commit is contained in:
Joffrey JAFFEUX 2017-07-25 12:22:47 +02:00
parent c7c93e7159
commit 22c5fb20b4
2 changed files with 32 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
app/assets/javascripts/discourse/components/emoji-picker.js.es6
View File

@ -71,13 +71,7 @@ export default Ember.Component.extend({
$.each($results.find(".emoji.diversity"), (_, button) => this._setButtonBackground(button, true) );
}
$picker
.find(".diversity-picker .diversity-scale")
.removeClass("selected");
$picker
.find(`.diversity-picker .diversity-scale[data-level="${this.get("selectedDiversity")}"]`)
.addClass("selected");
this._updateSelectedDiversity();
},
@observes("recentEmojis")
@ -141,9 +135,19 @@ export default Ember.Component.extend({
this._loadCategoriesEmojis();
this._positionPicker();
this._scrollTo();
this._updateSelectedDiversity();
});
},
_updateSelectedDiversity() {
const $diversityPicker = $picker.find(".diversity-picker");
$diversityPicker.find(".diversity-scale").removeClass("selected");
$diversityPicker
.find(`.diversity-scale[data-level="${this.get("selectedDiversity")}"]`)
.addClass("selected");
},
_sectionLoadingCheck() {
_checkTimeout = setTimeout(() => { this._sectionLoadingCheck(); }, 500);
Ember.run.throttle(this, this._checkVisibleSection, 100);

59
test/javascripts/acceptance/emoji-picker-test.js.es6
View File

@ -47,22 +47,7 @@ QUnit.test("emojis can be hovered to display info", assert => {
});
});
QUnit.skip("emoji picker has sections", assert => {
visit("/t/internationalization-localization/280");
click("#topic-footer-buttons .btn.create");
click("button.emoji.btn");
click(".emoji-picker .categories-column button[title='travel']");
andThen(() => {
assert.notEqual(
find('.emoji-picker .list').scrollTop(),
0,
"it scrolls to section"
);
});
});
QUnit.skip("emoji picker triggers event when picking emoji", assert => {
QUnit.test("emoji picker triggers event when picking emoji", assert => {
visit("/t/internationalization-localization/280");
click("#topic-footer-buttons .btn.create");
click("button.emoji.btn");
@ -82,7 +67,6 @@ QUnit.test("emoji picker has a list of recently used emojis", assert => {
click("#topic-footer-buttons .btn.create");
click("button.emoji.btn");
click(".emoji-picker .clear-recent");
click(".emoji-picker .section[data-section='people'] button.emoji[title='grinning']");
andThen(() => {
assert.equal(
@ -120,48 +104,47 @@ QUnit.test("emoji picker has a list of recently used emojis", assert => {
});
});
QUnit.skip("emoji picker correctly orders recently used emojis", assert => {
QUnit.test("emoji picker correctly orders recently used emojis", assert => {
visit("/t/internationalization-localization/280");
click("#topic-footer-buttons .btn.create");
click("button.emoji.btn");
click(".emoji-picker .clear-recent");
click(".emoji-picker button[title='grinning']");
click(".emoji-picker button[title='sunglasses']");
click(".emoji-picker button[title='grinning']");
andThen(() => {
assert.equal(
find('.section[data-section="recent"] .section-group button.emoji').length,
2,
"it has multiple recent emojis"
);
click(".emoji-picker button[title='sunglasses']");
click(".emoji-picker button[title='grinning']");
andThen(() => {
assert.equal(
find('.section[data-section="recent"] .section-group button.emoji').length,
2,
"it has multiple recent emojis"
);
assert.equal(
find('.section[data-section="recent"] .section-group button.emoji').first().attr('src'),
`/images/emoji/emoji_one/grinning.png?v=${v}`,
"it puts the last used emoji in first"
);
assert.equal(
/grinning/.test(find('.section[data-section="recent"] .section-group button.emoji').first().css('background-image')),
true,
"it puts the last used emoji in first"
);
});
});
});
QUnit.skip("emoji picker lazy loads emojis", assert => {
QUnit.test("emoji picker lazy loads emojis", assert => {
visit("/t/internationalization-localization/280");
click("#topic-footer-buttons .btn.create");
click("button.emoji.btn");
andThen(() => {
const $emoji = $('.emoji-picker button[title="massage_woman"] img');
assert.equal(
$emoji.attr('src'),
"",
find('.emoji-picker button[title="massage_woman"]').css("background-image"),
"none",
"it doesn't load invisible emojis"
);
});
});
QUnit.skip("emoji picker persists state", assert => {
QUnit.test("emoji picker persists state", assert => {
visit("/t/internationalization-localization/280");
click("#topic-footer-buttons .btn.create");