68 lines
2.2 KiB
JavaScript
68 lines
2.2 KiB
JavaScript
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*
|
||
|
|
* @format
|
||
|
|
*/
|
||
|
|
|
||
|
|
import { shallow } from 'enzyme';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Internal dependencies
|
||
|
|
*/
|
||
|
|
import Gravatar from '../';
|
||
|
|
|
||
|
|
describe( 'Gravatar', () => {
|
||
|
|
test( 'should fallback to default mystery person Gravatar', () => {
|
||
|
|
const gravatar = shallow( <Gravatar /> );
|
||
|
|
expect( gravatar.prop( 'src' ) ).toBe( 'https://www.gravatar.com/avatar/0?s=60&d=mp' );
|
||
|
|
} );
|
||
|
|
|
||
|
|
test( 'should return a resized avatar from a user object', () => {
|
||
|
|
const user = {
|
||
|
|
avatar_URLs: {
|
||
|
|
24: 'https://www.gravatar.com/avatar/098f6bcd4621d373cade4e832627b4f6?s=24',
|
||
|
|
48: 'https://www.gravatar.com/avatar/098f6bcd4621d373cade4e832627b4f6?s=48',
|
||
|
|
96: 'https://www.gravatar.com/avatar/098f6bcd4621d373cade4e832627b4f6?s=96',
|
||
|
|
},
|
||
|
|
};
|
||
|
|
const gravatar = shallow( <Gravatar user={ user } /> );
|
||
|
|
expect( gravatar.prop( 'src' ) ).toBe(
|
||
|
|
'https://www.gravatar.com/avatar/098f6bcd4621d373cade4e832627b4f6?s=60&d=mp'
|
||
|
|
);
|
||
|
|
} );
|
||
|
|
|
||
|
|
test( 'should return an avatar from an email address', () => {
|
||
|
|
const gravatar = shallow( <Gravatar user="test@example.com" /> );
|
||
|
|
expect( gravatar.prop( 'src' ) ).toBe(
|
||
|
|
'https://www.gravatar.com/avatar/55502f40dc8b7c769880b10874abc9d0?s=60&d=mp'
|
||
|
|
);
|
||
|
|
} );
|
||
|
|
|
||
|
|
test( 'should return a resized image when passed a size', () => {
|
||
|
|
const gravatar = shallow( <Gravatar user="test@example.com" size={ 40 } /> );
|
||
|
|
expect( gravatar.prop( 'src' ) ).toBe(
|
||
|
|
'https://www.gravatar.com/avatar/55502f40dc8b7c769880b10874abc9d0?s=40&d=mp'
|
||
|
|
);
|
||
|
|
expect( gravatar.prop( 'width' ) ).toBe( 40 );
|
||
|
|
expect( gravatar.prop( 'height' ) ).toBe( 40 );
|
||
|
|
} );
|
||
|
|
|
||
|
|
test( 'should return an alt attribute', () => {
|
||
|
|
const gravatar = shallow( <Gravatar alt="test" /> );
|
||
|
|
expect( gravatar.prop( 'alt' ) ).toBe( 'test' );
|
||
|
|
} );
|
||
|
|
test( 'should return an alt attribute from a user name', () => {
|
||
|
|
const user = {
|
||
|
|
avatar_URLs: {
|
||
|
|
24: 'https://www.gravatar.com/avatar/098f6bcd4621d373cade4e832627b4f6?s=24',
|
||
|
|
48: 'https://www.gravatar.com/avatar/098f6bcd4621d373cade4e832627b4f6?s=48',
|
||
|
|
96: 'https://www.gravatar.com/avatar/098f6bcd4621d373cade4e832627b4f6?s=96',
|
||
|
|
},
|
||
|
|
display_name: 'Justin',
|
||
|
|
name: 'Justin',
|
||
|
|
};
|
||
|
|
const gravatar = shallow( <Gravatar user={ user } /> );
|
||
|
|
expect( gravatar.prop( 'alt' ) ).toBe( 'Justin' );
|
||
|
|
} );
|
||
|
|
} );
|