Ghost/ghost/admin/tests/integration/components/gh-profile-image-test.js
Kevin Ansfield 8a164b6846 Fixed gh-profile-image tests
no issue
- stubbed `ghostPaths` service did not have the expected `ghostPaths.assetRoot` property that the `gh-profile-image` component started calling `.replace` on in adb0508d2f
2018-08-30 11:10:10 +01:00

169 lines
4.9 KiB
JavaScript

import Pretender from 'pretender';
import Service from '@ember/service';
import hbs from 'htmlbars-inline-precompile';
import md5 from 'npm:blueimp-md5';
import wait from 'ember-test-helpers/wait';
import {describe, it} from 'mocha';
import {expect} from 'chai';
import {run} from '@ember/runloop';
import {setupComponentTest} from 'ember-mocha';
import {timeout} from 'ember-concurrency';
let pathsStub = Service.extend({
assetRoot: '/ghost/assets/',
init() {
this._super(...arguments);
this.url = {
api() {
return '';
},
asset(src) {
return src;
}
};
}
});
const stubKnownGravatar = function (server) {
server.get('http://www.gravatar.com/avatar/:md5', function () {
return [200, {'Content-Type': 'image/png'}, ''];
});
server.head('http://www.gravatar.com/avatar/:md5', function () {
return [200, {'Content-Type': 'image/png'}, ''];
});
};
const stubUnknownGravatar = function (server) {
server.get('http://www.gravatar.com/avatar/:md5', function () {
return [404, {}, ''];
});
server.head('http://www.gravatar.com/avatar/:md5', function () {
return [404, {}, ''];
});
};
let configStubuseGravatar = Service.extend({
useGravatar: true
});
describe('Integration: Component: gh-profile-image', function () {
setupComponentTest('gh-profile-image', {
integration: true
});
let server;
beforeEach(function () {
this.register('service:ghost-paths', pathsStub);
this.inject.service('ghost-paths', {as: 'ghost-paths'});
this.register('service:config', configStubuseGravatar);
this.inject.service('config', {as: 'config'});
server = new Pretender();
stubKnownGravatar(server);
});
afterEach(function () {
server.shutdown();
});
it('renders', function () {
this.set('email', '');
this.render(hbs`
{{gh-profile-image email=email}}
`);
expect(this.$()).to.have.length(1);
});
it('renders default image if no email supplied', function () {
this.set('email', null);
this.render(hbs`
{{gh-profile-image email=email size=100 debounce=50}}
`);
expect(this.$('.gravatar-img').attr('style'), 'gravatar image style')
.to.equal('display: none');
});
it('renders the gravatar if valid email supplied and privacy.useGravatar allows it', async function () {
let email = 'test@example.com';
let expectedUrl = `//www.gravatar.com/avatar/${md5(email)}?s=100&d=404`;
this.set('email', email);
this.render(hbs`
{{gh-profile-image email=email size=100 debounce=50}}
`);
// wait for the ajax request to complete
await wait();
expect(this.$('.gravatar-img').attr('style'), 'gravatar image style')
.to.equal(`background-image: url(${expectedUrl}); display: block`);
});
it('doesn\'t render the gravatar if valid email supplied but privacy.useGravatar forbids it', async function () {
let email = 'test@example.com';
this.set('email', email);
this.set('config.useGravatar', false);
this.render(hbs`
{{gh-profile-image email=email size=100 debounce=50}}
`);
await wait();
expect(this.$('.gravatar-img').attr('style'), 'gravatar image style')
.to.equal('display: none');
});
it('doesn\'t add background url if gravatar image doesn\'t exist', async function () {
stubUnknownGravatar(server);
this.render(hbs`
{{gh-profile-image email="test@example.com" size=100 debounce=50}}
`);
await wait();
expect(this.$('.gravatar-img').attr('style'), 'gravatar image style')
.to.equal('background-image: url(); display: none');
});
it('throttles gravatar loading as email is changed', async function () {
let email = 'test@example.com';
let expectedUrl = `//www.gravatar.com/avatar/${md5(email)}?s=100&d=404`;
this.set('email', 'test');
this.render(hbs`
{{gh-profile-image email=email size=100 debounce=300}}
`);
run(() => {
this.set('email', email);
});
expect(this.$('.gravatar-img').attr('style'), '.gravatar-img background not immediately changed on email change')
.to.equal('display: none');
await timeout(250);
expect(this.$('.gravatar-img').attr('style'), '.gravatar-img background still not changed before debounce timeout')
.to.equal('display: none');
await timeout(100);
expect(this.$('.gravatar-img').attr('style'), '.gravatar-img background changed after debounce timeout')
.to.equal(`background-image: url(${expectedUrl}); display: block`);
});
});