在 Angular E2E 測試中使用 select(name).options

Question

我有一個多值選擇器，我正在嘗試為其編寫 E2E 測試。 使用select(name).option工作正常，但是當我嘗試使用select(name).options選擇多個值時它不起作用。

我試圖將一些代碼放在一起進行演示，但無法使其正常工作。

HTML:

<html lang="en">
   <head>
      <title>End2end Test Runner</title>
      <script src="http://code.angularjs.org/1.0.1/angular-scenario-1.0.1.js"
      ng-autotest>
      </script>
   </head>
   <body ng-app="MyApp">
      <div ng-controller="MyAppCtrl">
         {{model.exampleValue}}
         <select id="a_selector"                 
            ng-model="model.selectedItems"
            ng-options="item.name for item in model.items"
            multiple="multiple">
         </select>
      </div>
   </body>

Java腳本：

var app = angular.module('MyApp', ['ngResource'])
app.controller('MyAppCtrl', function($scope) {         
     $scope.model = {};
     $scope.model.exampleValue="an example value";
     $scope.model.items = [{"name": "Product1"}, {"name": "Product2"}];
});
app.config(['$routeProvider', function ($routeProvider, $scope) {
  $routeProvider.when('/', {controller:MyAppCtrl});
}]);
describe('my app', function() { 
  it('should display the home page', function() {                  
    browser().navigateTo('/');
    // this should work (when I can fix this code!)
    select("model.selectedItems").option("Product1");
    expect(element("#a_selector option:selected").count()).toEqual(1)

    // this doesn't, nothing is selected
    select("model.selectedItems").options("Product1", "Product2");
    expect(element("#a_selector option:selected").count()).toEqual(2)
  });
});

線路

select("model.selectedItems").option("Product1");

失敗並顯示錯誤消息：

Selector select[ng\:model="model.selectedItems"] did not match any elements.

如果有人可以 (1) 幫助我確定為什么上面的代碼根本不起作用，並且 (2) 幫助我理解為什么select(name).options不起作用，我將不勝感激。 （我知道我可以使用其他技術來實現同樣的事情，但生產代碼中的真正select也有一個ng-change屬性，當我嘗試變通方法時它不會觸發）。

謝謝，

格雷姆·路德維希。

Answer 1

我仍在嘗試弄清楚為什么select(name).option()不起作用，但我可以通過以下修改讓您的示例工作：

在 angular-scenario.js 之前包含 angular.js
去掉 ngResource 依賴——你在這里不需要它
將<span>{{model.selectedItems}}</span>放在<select>標簽之后以查看您選擇的內容。

一旦我弄清楚第二部分，我會更新。

Answer 2

不應該select("model.selectedItems").option("Product1"); 是select("#a_selector").option("Product1"); 反而？

在 Angular E2E 測試中使用 select(name).options

問題描述

2 個解決方案

解決方案1
1 2013-01-10 22:21:19

解決方案2
0 2014-04-03 12:10:19

在 Angular E2E 測試中使用 select(name).options

問題描述

2 個解決方案

解決方案1 1 2013-01-10 22:21:19

解決方案2 0 2014-04-03 12:10:19

解決方案1
1 2013-01-10 22:21:19

解決方案2
0 2014-04-03 12:10:19