metadata-based-explorer1/src/components/avatar/__tests__/AvatarInitials-test.js

Box UI Elements

import React from 'react';

import AvatarInitials from '../AvatarInitials';

describe('components/avatar/AvatarInitials', () => {
    test('should render a span container', () => {
        const wrapper = shallow(<AvatarInitials className="test" name="hello world" />);
        expect(wrapper.is('span.avatar-initials.test')).toBeTruthy();
    });

    test('should render the initials', () => {
        const wrapper = shallow(<AvatarInitials name="hello world" />);
        expect(wrapper.text()).toEqual('HW');
    });

    test('should set a backgroundColor based on id', () => {
        const wrapper = shallow(<AvatarInitials id="10" name="hello world" />);
        expect(wrapper.prop('style').backgroundColor).toEqual('#0061d5');
    });

    test('should set a default backgroundColor if no id is passed in', () => {
        const wrapper = shallow(<AvatarInitials name="hello world" />);
        expect(wrapper.prop('style').backgroundColor).toEqual('#2486fc');
    });
});