表单没有被zombie.js填满

Question

我正在尝试使用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>

Answer 1

尝试像这样将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")