angularjs - 使用 Jasmine 进行 Angular 测试

Question

我正在尝试使用 Jasmine 创建一些测试来测试网络应用。

如何测试从页面插入的内容？我创建了一个示例，包括:如果我单独测试 Controller ，使用模拟数据，示例中提供的求和函数确实有效，但是使用页面测试，它会导致错误，因为数字被转换为字符串，那么，这种方法的正确方法是什么测试？

这是我为理解我面临的问题而创建的示例:

angular.module('MyApp', [])
.controller('provaController', function ($scope) {

  $scope.firstNumber = 0;
  $scope.secondNumber= 0;
  $scope.result = 0;


  $scope.sum = function() {
    $scope.result =   $scope.firstNumber + $scope.secondNumber;
  };

});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="MyApp">
    <div ng-controller="provaController">
        <input type="text" ng-model="firstNumber" />
        <input type="text" ng-model="secondNumber" />

            <input type="button" ng-click="sum()" value="SUM"/>
    <br/>
        <input type="text" ng-model="result" />
        
        <p>First: -{{firstNumber}}- </p>
        <p>Sec: -{{secondNumber}}- </p>
        <p>Res: -{{result}}- </p>
    </div>
</div>

钢笔示例在这里: http://codepen.io/anon/pen/wKYOxw

Answer 1

input 将您的模型值设置为数字的字符串表示形式，而不是数字本身。

如果您将输入的 type 属性设置为 number 而不是 text，您将获得预期的结果。

我已经 updated your codepen随着变化