形式没有充满zombie.js

时间:2014-12-11 23:44:38

标签: javascript backbone.js zombie.js

我正在尝试使用zombie.js来测试我的骨干应用程序。这是填写表格的代码。

this.browser.fill('Name', "title")
    .fill('Link', "http://url.com")
    .pressButton('Save', function(err) {
        me.browser.assert.success();
        console.log("Name" + me.browser.html('#name'));
        console.log("Link" + me.browser.html('#link'));
        console.log("Alert" + me.browser.html('.alert-danger'));
        done();
    });
});

记录名称和链接时没有任何值,警报显示链接和名称为空。有人能告诉我我的错误是什么吗?

我正在使用Bootstrap和下划线模板,这里是表单的html代码:

<form class="form-horizontal" role="form">
  <div class="form-group required">
    <label for="name" class="col-sm-2 control-label">Name</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="name" value="<%= model.escape('name') %>">
    </div>
  </div>
  <div class="form-group required">
    <label for="link" class="col-sm-2 control-label">Link</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="link" value="<%= model.escape('link') %>">
    </div>
  </div>
  <div class="form-group">
   <div class="col-sm-offset-2 col-sm-10">
      <button type="button" class="btn btn-primary" id="save-btn">Save</button>
      <a href=<% if(model.id > 0) { %>"#room/<%= model.id %>"<% } else { %>"#rooms/0"<% } %>><button type="button" class="btn btn-primary">Cancel</button></a>
    </div>
  </div>
</form>

1 个答案:

答案 0 :(得分:0)

尝试向您的元素添加name属性,例如

<input name="name" id="name" type="text" class="form-control" value="<%= model.escape('name') %>">
...
<input name="link" id="link" type="text" class="form-control" value="<%= model.escape('link') %>">

将名称作为参数传递给填充函数

this.browser.fill('name', "title")
            .fill('link', "http://url.com")