"use strict";

var __importDefault = this && this.__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

Object.defineProperty(exports, "__esModule", {
  value: true
});

const react_1 = __importDefault(require("react"));

const enzyme_1 = require("enzyme");

const TextBox_1 = __importDefault(require("../TextBox"));

describe('Tests for TextBox', () => {
  it('TextInput rendering and change in value reflects in state change', () => {
    const Wrapper = enzyme_1.mount(react_1.default.createElement(TextBox_1.default, null));
    const Input = Wrapper.find('input.input-box');
    Input.simulate('change', {
      target: {
        value: 'FOo*'
      }
    });
    expect(Wrapper.state('value')).toBe('FOo*'); // Input.simulate('keypress', { key: 'z', keyCode: 90, which: 90 })
    // expect(Wrapper.state('value')).toBe('FOo*z')
  });
  it('Error Message is rendered onblur', () => {
    const Wrapper = enzyme_1.mount(react_1.default.createElement(TextBox_1.default, null));
    const Input = Wrapper.find('input.input-box');
    expect(Wrapper.find('.input-error-message').length).toBe(0);
    Input.simulate('focus');
    expect(Wrapper.state('value')).toBe('');
    Input.simulate('blur');
    expect(Wrapper.find('.input-error-message').length).toBe(1);
  });
  it('Error should not be rendered when input has some value on blur', () => {
    const Wrapper = enzyme_1.mount(react_1.default.createElement(TextBox_1.default, null));
    const Input = Wrapper.find('input.input-box');
    Input.simulate('focus');
    expect(Wrapper.find('.input-error-message').length).toBe(0);
    expect(Wrapper.state('value')).toBe('');
    Input.simulate('change', {
      target: {
        value: 'FOo*'
      }
    });
    expect(Wrapper.state('value')).toBe('FOo*');
    Input.simulate('blur');
    expect(Wrapper.find('.input-error-message').length).toBe(0);
  });
}); //# sourceMappingURL=textbox.test.js.map