表格字段上的 Jasmine Karma 单元测试

Question

我想在不使用量角器的情况下为用户名、电子邮件验证和提交按钮单击编写单元测试用例。这样做可以吗？？如果不是，那么我可以通过什么方式编写测试用例。

我的表格供参考：

  <form  class="elegant-aero" name="sampleForm" novalidate>
  <p>
        <label>Username:</label>
        <input type="text" class="form-control" name="username" ng-model="username" required >
        <span ng-show="sampleForm.username.$error.required">Username is required.</span>
    </p>
    <p>
        <label>Email:</label>
        <input type="email" class="form-control" name="email" ng-model="email" required>
        <span ng-show="sampleForm.email.$error.required">Email is required.</span>
        <span ng-show="sampleForm.email.$error.email">Invalid email address.</span>
    </p>
    <p>
        <button class="btn btn-link" ng-click="reset()">Reset</button>
        <input type="submit" class="btn btn-primary" ng-disabled="sampleForm.$invalid" ng-click="checkData()">
    </p>
  </form>

控制器js文件供参考：

var 有效用户名 = "Thodoris Bais"; var validEmail = "thodoris.bais@gmail.com";

   $scope.reset = function(){

        $scope.username = "";
        $scope.email = "";
   }   

app.controller("myCtrl", function($scope, $http) {
   $scope.checkData = function() {

        if ($scope.username != validUsername || $scope.email != validEmail) {
            alert("The data provided do not match with the default owner");
        } else {
            alert("Seems to be ok!");
        }
    }

});

请帮忙，因为我是 jasmine karma 的新手，刚开始学习。

提前致谢。

Answer 1

量角器是自然的解决方案

Karma 和 Jasmine 适合 "unit testing"

换句话说，测试你的控制器或独立于前端的其他东西

如果你想要一个不自然的解决方案，那么人们有时会在 karma 配置中预加载 html 并结合 angulars 编译，但它会变得混乱

表格字段上的 Jasmine Karma 单元测试

Jasmine Karma Unit Testing on form fields

unit-testing

jasmine-jquery

angularjs

karma-jasmine