Page 263 - AngularJS权威教程
P. 263

19.11  端到端的介绍    243


                  <input type="text" ng-model="name" />
                                                                                                     19
                  可以用binding()方法查询作用域中指定的绑定:

                  it('should update the name', function() {                                          20
                    using('.form').input('name').enter('Ari');
                    expect(
                      using('.form').binding('name')                                                 21
                    ).toBe('Ari');
                  });
                  binding()方法带有一个名称参数,该参数是字符串类型。                                                     22

                  这个字符串是我们在查询中所关注的DOM元素上的绑定名称。
                                                                                                     23
                  9. 与输入元素交互

                  我们也可以跟页面上的输入元素交互。如果想要在一个文本框中输入文字,选中一个复选框,
              或者选择一个option元素的值,可以使用input()方法。                                                        24
                  input()方法自身返回一个对象,我们可以调用这个对象的方法来跟元素进行交互。它带有
              一个名称参数,该参数是字符串类型。                                                                      25

                  这个名称是相应的ng-model的名称。
                                                                                                     26
                  我们能从输入框上调用下列方法。

                  enter()。enter()方法向一个输入框输入值。                                                        27
                  给定HTML:
                                                                                                     28
                  <input type="text" ng-model="name" />
                  可以这样向输入框输入'Ari':
                                                                                                     29
                  input('name').enter('Ari');
                  check()。check()方法检测一个复选框的值。                                                        30

                  给定HTML:

                  <input type="checkbox" ng-model="save" />                                          31
                  可以使用如下语句检测这个叫"save"的复选框:
                                                                                                     32
                  input('name').check();
                  select()。select()方法选中一个单选按钮的指定值。
                                                                                                     33
                  给定HTML:

                  <input type="radio" ng-model="color" value="red" />                                34
                  <input type="radio" ng-model="color" value="blue" />
                  <input type="radio" ng-model="color" value="yellow" />
                  可以用这样的测试来选择单选按钮:                                                                   35
                  input('color').select('red');
                                                                                                     36
                  val()。最后,可以简单地通过调用输入元素的.val()来获取输入框的当前值。我们会用这
   258   259   260   261   262   263   264   265   266   267   268