content: // 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 { createApi } from './parity.test.js';
  import Parity from './';
  
  let component;
  let instance;
  
  function render (props = {}) {
    component = shallow(
      <Parity { ...props } />,
      { context: { api: createApi() } }
    );
    instance = component.instance();
  
    return component;
  }
  
  describe('views/Settings/Parity', () => {
    beforeEach(() => {
      render();
      sinon.spy(instance.store, 'loadMode');
    });
  
    afterEach(() => {
      instance.store.loadMode.restore();
    });
  
    it('renders defaults', () => {
      expect(component).to.be.ok;
    });
  
    describe('componentWillMount', () => {
      beforeEach(() => {
        return instance.componentWillMount();
      });
  
      it('loads the mode in the store', () => {
        expect(instance.store.loadMode).to.have.been.called;
      });
    });
  
    describe('components', () => {
      it('renders a Container component', () => {
        expect(component.find('Container')).to.have.length(1);
      });
  
      it('renders a LanguageSelector component', () => {
        expect(component.find('LanguageSelector')).to.have.length(1);
      });
  
      it('renders a Features component', () => {
        expect(component.find('LanguageSelector')).to.have.length(1);
      });
    });
  
    describe('Parity features', () => {
      describe('mode selector', () => {
        let select;
  
        beforeEach(() => {
          select = component.find('Select[id="parityModeSelect"]');
          sinon.spy(instance.store, 'changeMode');
        });
  
        afterEach(() => {
          instance.store.changeMode.restore();
        });
  
        it('renders a mode selector', () => {
          expect(select).to.have.length(1);
        });
  
        it('changes the mode on the store when changed', () => {
          select.simulate('change', { target: { value: 'dark' } });
          expect(instance.store.changeMode).to.have.been.calledWith('dark');
        });
      });
    });
  });
  