admin-on-rest-fr05t1k/src/mui/field/EmailField.spec.js

A frontend Framework for building admin applications on top of REST services, using ES6, React and Material UI

import React from 'react';
import assert from 'assert';
import { shallow } from 'enzyme';
import EmailField from './EmailField';

describe('<EmailField />', () => {
    it('should render as an email link', () => {
        const record = { foo: 'foo@bar.com' };
        const wrapper = shallow(<EmailField record={record} source="foo" />);
        assert.equal(wrapper.html(), '<a href="mailto:foo@bar.com">foo@bar.com</a>');
    });

    it('should handle deep fields', () => {
        const record = { foo: { bar: 'foo@bar.com' } };
        const wrapper = shallow(<EmailField record={record} source="foo.bar" />);
        assert.equal(wrapper.html(), '<a href="mailto:foo@bar.com">foo@bar.com</a>');
    });

    it('should display an email (mailto) link', () => {
        const record = { email: 'hal@kubrickcorp.com' };
        const wrapper = shallow(<EmailField record={record} source="email" />);
        assert.equal(wrapper.html(), '<a href="mailto:hal@kubrickcorp.com">hal@kubrickcorp.com</a>');
    });
});