import { expect } from 'chai';
import React from 'react';
import AddDeviceForm from '../../../../bundles/Point/components/devices/add/AddDeviceForm';

import {
  mockStore,
  renderComponent
} from '../../../TestHelper';
import { state } from './mockState';

describe('<AddDeviceForm />', () => {

  let component;

  const submit = (values) => {
    const { userId } = this.props;

    if (values.hwtype === 'ANDROID') {
      values.temp_gprs_roaming_block = false;
      values.gprs_operator_id = '';
    }

    return this.props.createDevice(
      userId,
      values,
    ).then(
      resp => {
        if (resp.type === 'DEVICE_CREATED') {
          this.context.router.history.goBack();
          this.props.addFlashMessage({
            type: 'success',
            text: 'Device created successfully'
          });
        } else if (resp.type === 'DEVICE_CREATE_FAILED') {
          const error = resp.payload.error[0].detail;
          return Promise.reject(new SubmissionError(error));
        }
      })
  };
  beforeEach(() => {
    const props = {
      gprsOperators: [
       {
         apn: 'Something',
         dns_1: 'Dns1',
         dns_2: 'Dns2',
         id: '1',
         name: 'First Operator',
         password: 'Hello',
         username: 'Hello'
       },
       {
         apn:'Something',
         dns_1: 'Dns1',
         dns_2: 'Dns2',
         id: '2',
         name: 'Second Operator',
         password: 'Hello',
         username: 'Hello'
       },
       {
         apn: 'Something',
         dns_1: 'Dns1',
         dns_2: 'Dns2',
         id: '3',
         name: 'Third operator',
         password: 'Hello',
         username: 'Hello'
       }
     ],
      onSubmit: submit,
      initialValues: {
        name: 'HELLO',
        mptp_id: 'HELLO',
        phone_number: 'HELLO',
        temp_imei: 'HELLO',
        gprs_operator_id: 'HELLO',
        temp_gprs_roaming_block: 'HELLO'
      }
    };

    component = renderComponent(AddDeviceForm, mockStore(state), props);
  });

  it(`Should be disable 'GPRS operator'`, () => {
    expect(component.find('div').at(5).find('select').prop('disabled')).to.eql(true);
  });

  it(`Should be disable 'International Roaming Block'`, () => {
    expect(component.find('div').at(6).find('input').prop('disabled')).to.eql(true);
  });

  it(`TEST`, () => {
    expect(component.find('div').at(0).find('input').prop('value')).to.eql('lol');
  });

});