import { moduleForWidget, widgetTest } from 'helpers/widget-test'; moduleForWidget('poster-name'); widgetTest('basic rendering', { template: '{{mount-widget widget="poster-name" args=args}}', setup() { this.set('args', { username: 'eviltrout', usernameUrl: '/users/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-auto-route=true]').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}}', setup() { this.set('args', { username: 'eviltrout', usernameUrl: '/users/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.$('i.fa-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}}', setup() { 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}}', setup() { 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); } });