单击带有ember-cli-page-object的复选框

Question

我有一个像这样输入的表单：

{{input type="checkbox" class="foo"}}

我想点击进入然后提交。我的页面对象就像这样

export default create({
  form: {
    selectFoo: clickable('.foo'),
    submit: clickable('#search'),
  },
});

但是我无法选中复选框然后提交。我究竟做错了什么？我在page.form中有我的表单内容，因此从页面上的所有其他内容中抽象出来更容易。

我的测试是这样的：

page.form.selectFoo();
page.form.submit();