var appendTextFieldWithProperties = function(properties) {
  var view = componentClassFor('text-field').create(properties);
  Ember.run(function() {
    view.appendTo(fixture());
  });
};

var hasAttr = function($element, attrName, attrValue) {
  equal($element.attr(attrName), attrValue, "'" + attrName + "' attribute is correctly rendered");
};

var hasNoAttr = function($element, attrName) {
  equal($element.attr(attrName), undefined, "'" + attrName + "' attribute is not rendered");
};

module("view:text-field");

test("renders correctly with no properties set", function() {
  appendTextFieldWithProperties({});

  var $input = fixture("input");
  hasAttr($input, "type", "text");
  hasAttr($input, "placeholder", "");
  hasNoAttr($input, "autocorrect");
  hasNoAttr($input, "autocapitalize");
  hasNoAttr($input, "autofocus");
});

test("renders correctly with all allowed properties set", function() {
  this.stub(I18n, "t").returnsArg(0);

  appendTextFieldWithProperties({
    autocorrect: "on",
    autocapitalize: "off",
    autofocus: "autofocus",
    placeholderKey: "placeholder.i18n.key"
  });

  var $input = fixture("input");
  hasAttr($input, "type", "text");
  hasAttr($input, "placeholder", "placeholder.i18n.key");
  hasAttr($input, "autocorrect", "on");
  hasAttr($input, "autocapitalize", "off");
  hasAttr($input, "autofocus", "autofocus");
});

// NEIL commented out this test. It fails now that TextField is in the components dir.

// test("is registered as helper", function() {
//   var view = Ember.View.create({
//     template: Ember.Handlebars.compile("{{text-field}}")
//   });

//   Ember.run(function() {
//     view.appendTo(fixture());
//   });

//   ok(exists(fixture("input")));
// });