UI驗證的單元測試

-1

想象一下非常簡單的Angular窗體，其中有兩個輸入字段綁定到兩個範圍變量，一個提交按鈕調用控制器函數來發送數據庫中的輸入數據。UI驗證的單元測試

我的問題是如果單元測試可能適用於此方案。是否有可能例如測試用戶界面 - 輸入驗證？

我的猜測是否定的，因爲我認爲它必須應用端到端測試（例如Selenium）。

我掙扎找到一個合適的測試：例如請問有什麼可以測試不允許輸入字段中的某些字符？

我是否認爲單元測試僅用於測試控制器方法和服務的測試？

來源

2017-02-07 Unknown developer

如果你正在做一些手工操作（超出默認的驗證規則，如輸入[數字]，那麼你應該檢查你的驗證工作）。

如果使用默認的驗證，你還可以檢查用戶輸入一些無效數據後，您輸入的值是正確的。

實例：

describe('check default validation', function() { 
    var $scope, form; 
    beforeEach(module('exampleDirective')); 
    beforeEach(inject(function($compile, $rootScope) { 
    $scope = $rootScope; 
    var element = angular.element(
     '<form name="form">' + 
     '<input ng-model="model.somenum" name="somenum" integer />' + 
     '</form>' 
    ); 
    $scope.model = { somenum: null } 
    $compile(element)($scope); 
    form = $scope.form; 
    })); 

    describe('input type number should not accept string values', function() { 
    it('should pass with integer', function() { 
     form.somenum.$setViewValue('3'); 
     $scope.$digest(); 
     expect($scope.model.somenum).toEqual('3'); 
     expect(form.somenum.$valid).toBe(true); 
    }); 
    it('should not pass with string', function() { 
     form.somenum.$setViewValue('a'); 
     $scope.$digest(); 
     expect($scope.model.somenum).toBeUndefined(); 
     expect(form.somenum.$valid).toBe(false); 
    }); 
    }); 
});

用於定義驗證實施例：

var scope, form; 

beforeEach(function() { 
    module('my-module'); 
    module('templates'); 
}); 

beforeEach(inject($rootScope, $controller, $templateCache, $compile) { 
    scope = $rootScope.$new() 

    ctrl = $controller('MyController'), { 
     "$scope": scope 
    } 

    templateHtml = $templateCache.get('path/to/my/template.html') 
    formElem = angular.element("<div>" + templateHtml + "</div>") 
    $compile(formElem)(scope) 
    form = scope.form 

    scope.$apply() 
} 

it('should not allow an invalid `width`', function() { 
    expect(form.$valid).toBeTruthy(); 
    form.number.$setViewValue('BANANA'); 
    expect(form.number.$valid).toBeFalsy() 
});

來源

2017-02-07 21:18:26 Yaser

UI驗證的單元測試

回答

相關問題