mirror of
https://github.com/discourse/discourse.git
synced 2024-11-24 09:17:30 +08:00
39f3dbd945
* renames `select-box-kit` into `select-kit`
* introduces `single-select` and `multi-select` as base components
* introduces {{search-advanced-category-chooser}} as a better component for selecting category in advanced search
* improves events handling in select-kit
* recreates color selection inputs using {{multi-select}} and a custom {{selected-color}} component
* replaces category-selector by a component using select-kit and based on multi-select
* improves positioning of wrapper
* removes the need for offscreen, and instead use `select-kit-header` as a base focus point for all select-kit based components
* introduces a formal plugin api for select-kit based components
* introduces a formal pattern for loading and updating select-kit based components:
```
computeValue()
computeContent()
mutateValue()
```
69 lines
2.0 KiB
JavaScript
69 lines
2.0 KiB
JavaScript
import { moduleForWidget, widgetTest } from 'helpers/widget-test';
|
|
|
|
moduleForWidget('poster-name');
|
|
|
|
widgetTest('basic rendering', {
|
|
template: '{{mount-widget widget="poster-name" args=args}}',
|
|
beforeEach() {
|
|
this.set('args', {
|
|
username: 'eviltrout',
|
|
usernameUrl: '/u/eviltrout',
|
|
name: 'Robin Ward',
|
|
user_title: 'Trout Master' });
|
|
},
|
|
test(assert) {
|
|
assert.ok(this.$('.names').length);
|
|
assert.ok(this.$('span.username').length);
|
|
assert.ok(this.$('a[data-user-card=eviltrout]').length);
|
|
assert.equal(this.$('.username a').text(), 'eviltrout');
|
|
assert.equal(this.$('.full-name a').text(), 'Robin Ward');
|
|
assert.equal(this.$('.user-title').text(), 'Trout Master');
|
|
}
|
|
});
|
|
|
|
widgetTest('extra classes and glyphs', {
|
|
template: '{{mount-widget widget="poster-name" args=args}}',
|
|
beforeEach() {
|
|
this.set('args', {
|
|
username: 'eviltrout',
|
|
usernameUrl: '/u/eviltrout',
|
|
staff: true,
|
|
admin: true,
|
|
moderator: true,
|
|
new_user: true,
|
|
primary_group_name: 'fish'
|
|
});
|
|
},
|
|
test(assert) {
|
|
assert.ok(this.$('span.staff').length);
|
|
assert.ok(this.$('span.admin').length);
|
|
assert.ok(this.$('span.moderator').length);
|
|
assert.ok(this.$('.d-shield').length);
|
|
assert.ok(this.$('span.new-user').length);
|
|
assert.ok(this.$('span.fish').length);
|
|
}
|
|
});
|
|
|
|
widgetTest('disable display name on posts', {
|
|
template: '{{mount-widget widget="poster-name" args=args}}',
|
|
beforeEach() {
|
|
this.siteSettings.display_name_on_posts = false;
|
|
this.set('args', { username: 'eviltrout', name: 'Robin Ward' });
|
|
},
|
|
test(assert) {
|
|
assert.equal(this.$('.full-name').length, 0);
|
|
}
|
|
});
|
|
|
|
widgetTest("doesn't render a name if it's similar to the username", {
|
|
template: '{{mount-widget widget="poster-name" args=args}}',
|
|
beforeEach() {
|
|
this.siteSettings.prioritize_username_in_ux = true;
|
|
this.siteSettings.display_name_on_posts = true;
|
|
this.set('args', { username: 'eviltrout', name: 'evil-trout' });
|
|
},
|
|
test(assert) {
|
|
assert.equal(this.$('.second').length, 0);
|
|
}
|
|
});
|