openethereum/js/src/modals/VaultSelector/vaultSelector.spec.js

// Copyright 2015-2017 Parity Technologies (UK) Ltd.
// This file is part of Parity.

// Parity is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.

// Parity is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
// GNU General Public License for more details.

// You should have received a copy of the GNU General Public License
// along with Parity.  If not, see <http://www.gnu.org/licenses/>.

import { shallow } from 'enzyme';
import React from 'react';
import sinon from 'sinon';

import VaultSelector from './';

const VAULTS_OPENED = [
  { name: 'A', isOpen: true },
  { name: 'B', isOpen: true }
];
const VAULTS_CLOSED = [
  { name: 'C' },
  { name: 'D' }
];

let component;
let instance;
let onClose;
let onSelect;
let vaultStore;

function createVaultStore () {
  vaultStore = {
    vaults: VAULTS_OPENED.concat(VAULTS_CLOSED)
  };

  return vaultStore;
}

function render () {
  onClose = sinon.stub();
  onSelect = sinon.stub();

  component = shallow(
    <VaultSelector
      onClose={ onClose }
      onSelect={ onSelect }
      selected='firstValue'
      vaultStore={ createVaultStore() }
    />
  );
  instance = component.instance();

  return component;
}

describe('ui/VaultSelector', () => {
  beforeEach(() => {
    render();
  });

  it('renders defaults', () => {
    expect(component).to.be.ok;
  });

  describe('components', () => {
    describe('Portal', () => {
      let portal;

      beforeEach(() => {
        portal = component.find('Portal');
      });

      it('renders', () => {
        expect(portal.get(0)).to.be.ok;
      });

      it('opens as a child modal', () => {
        expect(portal.props().isChildModal).to.be.true;
      });

      it('passes the instance onClose', () => {
        expect(portal.props().onClose).to.equal(instance.onClose);
      });
    });

    describe('SelectionList', () => {
      let list;

      beforeEach(() => {
        list = component.find('SelectionList');
      });

      it('renders', () => {
        expect(list.get(0)).to.be.ok;
      });

      it('passes the open vaults', () => {
        expect(list.props().items).to.deep.equal(VAULTS_OPENED);
      });

      it('passes internal renderItem', () => {
        expect(list.props().renderItem).to.equal(instance.renderVault);
      });

      it('passes internal isChecked', () => {
        expect(list.props().isChecked).to.equal(instance.isSelected);
      });

      it('passes internal onSelectClick', () => {
        expect(list.props().onSelectClick).to.equal(instance.onSelect);
      });
    });
  });

  describe('instance methods', () => {
    describe('renderVault', () => {
      let card;

      beforeEach(() => {
        card = instance.renderVault({ name: 'testVault' });
      });

      it('renders VaultCard', () => {
        expect(card).to.be.ok;
      });
    });

    describe('isSelected', () => {
      it('returns true when vault name matches', () => {
        expect(instance.isSelected({ name: 'firstValue' })).to.be.true;
      });

      it('returns false when vault name does not match', () => {
        expect(instance.isSelected({ name: 'testValue' })).to.be.false;
      });
    });

    describe('onSelect', () => {
      it('calls into props onSelect', () => {
        instance.onSelect({ name: 'testing' });
        expect(onSelect).to.have.been.called;
      });

      it('passes name when new selection made', () => {
        instance.onSelect({ name: 'newValue' });
        expect(onSelect).to.have.been.calledWith('newValue');
      });

      it('passes empty name when current selection made', () => {
        instance.onSelect({ name: 'firstValue' });
        expect(onSelect).to.have.been.calledWith('');
      });
    });

    describe('onClose', () => {
      it('calls props onClose', () => {
        instance.onClose();
        expect(onClose).to.have.been.called;
      });
    });
  });
});