Mailspring/internal_packages/preferences/spec/preferences-account-details-spec.jsx

170 lines
6.7 KiB
React
Raw Normal View History

import React, {addons} from 'react/addons';
import PreferencesAccountDetails from '../lib/tabs/preferences-account-details';
const {TestUtils: {renderIntoDocument}} = addons;
const makeComponent = (props = {})=> {
return renderIntoDocument(<PreferencesAccountDetails {...props} />);
};
const account = {
id: 1,
name: 'someone',
emailAddress: 'someone@nylas.com',
aliases: [],
defaultAlias: null,
}
describe('PreferencesAccountDetails', ()=> {
beforeEach(()=> {
this.account = account
this.onAccountUpdated = jasmine.createSpy('onAccountUpdated')
this.component = makeComponent({account, onAccountUpdated: this.onAccountUpdated})
spyOn(this.component, 'setState')
})
function assertAccountState(actual, expected) {
expect(actual).toEqual({
account: {
id: expected.id || 1,
name: expected.name || 'someone',
emailAddress: expected.emailAddress || 'someone@nylas.com',
aliases: expected.aliases || [],
defaultAlias: expected.defaultAlias || null,
},
})
}
describe('_makeAlias', ()=> {
it('returns correct alias when empty string provided', ()=> {
const alias = this.component._makeAlias('', this.account)
expect(alias).toEqual('someone <someone@nylas.com>')
});
it('returns correct alias when only the name provided', ()=> {
const alias = this.component._makeAlias('Chad', this.account)
expect(alias).toEqual('Chad <someone@nylas.com>')
});
it('returns correct alias when email provided', ()=> {
const alias = this.component._makeAlias('keith@nylas.com', this.account)
expect(alias).toEqual('someone <keith@nylas.com>')
});
it('returns correct alias if name and email provided', ()=> {
const alias = this.component._makeAlias('Donald donald@nylas.com', this.account)
expect(alias).toEqual('Donald <donald@nylas.com>')
});
it('returns correct alias if alias provided', ()=> {
const alias = this.component._makeAlias('Donald <donald@nylas.com>', this.account)
expect(alias).toEqual('Donald <donald@nylas.com>')
});
});
describe('_setState', ()=> {
it('sets the correct state', ()=> {
this.component._setState({aliases: ['something']})
assertAccountState(this.component.setState.calls[0].args[0], {aliases: ['something']})
});
});
describe('_onDefaultAliasSelected', ()=> {
it('sets the default alias correctly when set to None', ()=> {
this.component._onDefaultAliasSelected({target: {value: 'None'}})
assertAccountState(this.component.setState.calls[0].args[0], {defaultAlias: null})
});
it('sets the default alias correctly when set to any value', ()=> {
this.component._onDefaultAliasSelected({target: {value: 'my alias'}})
assertAccountState(this.component.setState.calls[0].args[0], {defaultAlias: 'my alias'})
});
});
describe('alias handlers', ()=> {
beforeEach(()=> {
this.currentAlias = 'juan <blah@nylas>'
this.newAlias = 'some <alias@nylas.com>';
this.account.aliases = [
this.currentAlias,
]
this.component = makeComponent({account: this.account, onAccountUpdated: this.onAccountUpdated})
spyOn(this.component, '_makeAlias').andCallFake((alias)=> alias)
spyOn(this.component, 'setState')
})
describe('_onAccountAliasCreated', ()=> {
it('creates alias correctly', ()=> {
this.component._onAccountAliasCreated(this.newAlias)
assertAccountState(this.component.setState.calls[0].args[0],
{aliases: [this.currentAlias, this.newAlias]})
});
});
describe('_onAccountAliasUpdated', ()=> {
it('updates alias correctly when no default alias present', ()=> {
this.component._onAccountAliasUpdated(this.newAlias, this.currentAlias, 0)
assertAccountState(this.component.setState.calls[0].args[0],
{aliases: [this.newAlias]})
});
it('updates alias correctly when default alias present and it is being updated', ()=> {
this.account.defaultAlias = this.currentAlias
this.component = makeComponent({account: this.account, onAccountUpdated: this.onAccountUpdated})
spyOn(this.component, '_makeAlias').andCallFake((alias)=> alias)
spyOn(this.component, 'setState')
this.component._onAccountAliasUpdated(this.newAlias, this.currentAlias, 0)
assertAccountState(this.component.setState.calls[0].args[0],
{aliases: [this.newAlias], defaultAlias: this.newAlias})
});
it('updates alias correctly when default alias present and it is not being updated', ()=> {
this.account.defaultAlias = this.currentAlias
this.account.aliases.push('otheralias')
this.component = makeComponent({account: this.account, onAccountUpdated: this.onAccountUpdated})
spyOn(this.component, '_makeAlias').andCallFake((alias)=> alias)
spyOn(this.component, 'setState')
this.component._onAccountAliasUpdated(this.newAlias, 'otheralias', 1)
assertAccountState(
this.component.setState.calls[0].args[0],
{aliases: [this.currentAlias, this.newAlias], defaultAlias: this.currentAlias}
)
});
});
describe('_onAccountAliasRemoved', ()=> {
it('removes alias correctly when no default alias present', ()=> {
this.component._onAccountAliasRemoved(this.currentAlias, 0)
assertAccountState(this.component.setState.calls[0].args[0], {aliases: []})
});
it('removes alias correctly when default alias present and it is being removed', ()=> {
this.account.defaultAlias = this.currentAlias
this.component = makeComponent({account: this.account, onAccountUpdated: this.onAccountUpdated})
spyOn(this.component, '_makeAlias').andCallFake((alias)=> alias)
spyOn(this.component, 'setState')
this.component._onAccountAliasRemoved(this.currentAlias, 0)
assertAccountState(this.component.setState.calls[0].args[0],
{aliases: [], defaultAlias: null})
});
it('removes alias correctly when default alias present and it is not being removed', ()=> {
this.account.defaultAlias = this.currentAlias
this.account.aliases.push('otheralias')
this.component = makeComponent({account: this.account, onAccountUpdated: this.onAccountUpdated})
spyOn(this.component, '_makeAlias').andCallFake((alias)=> alias)
spyOn(this.component, 'setState')
this.component._onAccountAliasRemoved('otheralias', 1)
assertAccountState(
this.component.setState.calls[0].args[0],
{aliases: [this.currentAlias], defaultAlias: this.currentAlias}
)
});
});
});
});