openethereum/js/packages/ui/ConfirmDialog/confirmDialog.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 ConfirmDialog from './';

let component;
let onConfirm;
let onDeny;

function render (props = {}) {
  onConfirm = sinon.stub();
  onDeny = sinon.stub();

  if (props.open === undefined) {
    props.open = true;
  }

  component = shallow(
    <ConfirmDialog
      { ...props }
      title='test title'
      onConfirm={ onConfirm }
      onDeny={ onDeny }
    >
      <div id='testContent'>
        some test content
      </div>
    </ConfirmDialog>
  );

  return component;
}

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

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

  it('renders the body as provided', () => {
    expect(component.find('div[id="testContent"]').text()).to.equal('some test content');
  });

  describe('Portal properties', () => {
    let props;

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

    it('passes title', () => {
      expect(props.title).to.equal('test title');
    });

    it('passes open flag', () => {
      expect(props.open).to.be.true;
    });

    it('passes the small flag', () => {
      expect(props.isSmallModal).to.be.true;
    });

    it('maps onClose to onDeny', () => {
      expect(props.onClose).to.equal(onDeny);
    });

    describe('buttons', () => {
      let buttons;

      beforeEach(() => {
        buttons = component.props().buttons;
      });

      it('passes the buttons', () => {
        expect(buttons.length).to.equal(2);
      });

      it('renders with supplied onConfim/onDeny callbacks', () => {
        expect(buttons[0].props.onClick).to.deep.equal(onDeny);
        expect(buttons[1].props.onClick).to.deep.equal(onConfirm);
      });

      it('renders default labels', () => {
        expect(buttons[0].props.label.props.id).to.equal('ui.confirmDialog.no');
        expect(buttons[1].props.label.props.id).to.equal('ui.confirmDialog.yes');
      });

      describe('overrides', () => {
        beforeEach(() => {
          render({
            labelConfirm: 'labelConfirm',
            labelDeny: 'labelDeny',
            iconConfirm: 'iconConfirm',
            iconDeny: 'iconDeny'
          });
          buttons = component.props().buttons;
        });

        it('renders supplied labels', () => {
          expect(buttons[0].props.label).to.equal('labelDeny');
          expect(buttons[1].props.label).to.equal('labelConfirm');
        });

        it('renders supplied icons', () => {
          expect(buttons[0].props.icon).to.equal('iconDeny');
          expect(buttons[1].props.icon).to.equal('iconConfirm');
        });
      });
    });
  });
});