You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
95 lines
3.8 KiB
JavaScript
95 lines
3.8 KiB
JavaScript
describe('uiCurrency', function () {
|
|
var scope;
|
|
beforeEach(module('ui'));
|
|
beforeEach(inject(function ($rootScope) {
|
|
scope = $rootScope.$new();
|
|
}));
|
|
describe('use on a div element with two-way binding', function () {
|
|
it('should have ui-currency-pos style non-zero positive model number ', function () {
|
|
inject(function ($compile) {
|
|
var element;
|
|
element = $compile("<div ui-currency ng-model='aNum'></div>")(scope);
|
|
scope.$apply(function () {
|
|
scope.aNum = 0.5123;
|
|
});
|
|
expect(element.text()).toEqual('$0.51');
|
|
expect(element.hasClass('ui-currency-pos')).toBeTruthy();
|
|
expect(element.hasClass('ui-currency-neg')).toBeFalsy();
|
|
expect(element.hasClass('ui-currency-zero')).toBeFalsy();
|
|
});
|
|
});
|
|
it('should have ui-currency-neg style when negative model number', function () {
|
|
inject(function ($compile) {
|
|
var element;
|
|
element = $compile("<div ui-currency ng-model='aNum'></div>")(scope);
|
|
scope.$apply(function () {
|
|
scope.aNum = -123;
|
|
});
|
|
expect(element.text()).toEqual('($123.00)');
|
|
expect(element.hasClass('ui-currency-pos')).toBeFalsy();
|
|
expect(element.hasClass('ui-currency-neg')).toBeTruthy();
|
|
});
|
|
});
|
|
it('should have ui-currency-zero style when zero model number', function () {
|
|
inject(function ($compile) {
|
|
var element;
|
|
element = $compile("<div ui-currency ng-model='aNum'></div>")(scope);
|
|
scope.$apply(function () {
|
|
scope.aNum = 0;
|
|
});
|
|
expect(element.text()).toEqual('$0.00');
|
|
expect(element.hasClass('ui-currency-pos')).toBeFalsy();
|
|
expect(element.hasClass('ui-currency-neg')).toBeFalsy();
|
|
expect(element.hasClass('ui-currency-zero')).toBeTruthy();
|
|
});
|
|
});
|
|
it('should not have any ui-currency styles or a value at all when missing scope model value', function () {
|
|
inject(function ($compile) {
|
|
var element;
|
|
element = $compile("<div ui-currency ng-model='aMissingNum'></div>")(scope);
|
|
expect(element.text()).toEqual('');
|
|
expect(element.hasClass('ui-currency-pos')).toBeFalsy();
|
|
expect(element.hasClass('ui-currency-neg')).toBeFalsy();
|
|
expect(element.hasClass('ui-currency-zero')).toBeFalsy();
|
|
});
|
|
});
|
|
it('should not have any ui-currency styles or a value at all when provided a non-numeric model value', function () {
|
|
inject(function ($compile) {
|
|
var element;
|
|
element = $compile("<div ui-currency ng-model='aBadNum'></div>")(scope);
|
|
scope.$apply(function () {
|
|
scope.aBadNum = 'bad';
|
|
});
|
|
expect(element.text()).toEqual('');
|
|
expect(element.hasClass('ui-currency-pos')).toBeFalsy();
|
|
expect(element.hasClass('ui-currency-neg')).toBeFalsy();
|
|
expect(element.hasClass('ui-currency-zero')).toBeFalsy();
|
|
});
|
|
});
|
|
|
|
it('should have user-defined positive style when provided in uiCurrency attr', function () {
|
|
inject(function ($compile) {
|
|
var element;
|
|
element = $compile("<div ui-currency=\"{ pos:'pstyle' }\" ng-model='aNum'></div>")(scope);
|
|
scope.$apply(function () {
|
|
scope.aNum = 1;
|
|
});
|
|
expect(element.hasClass('pstyle')).toBeTruthy();
|
|
});
|
|
});
|
|
// Presumption is if above works then no need to test other cases, given the coverage in previous describe
|
|
});
|
|
describe('use on a tag element', function () {
|
|
it('should have a defined element', function () {
|
|
inject(function ($compile) {
|
|
var element;
|
|
element = $compile("<ui-currency ng-model='aNum'></ui-currency>")(scope);
|
|
scope.$apply(function () {
|
|
scope.aNum = 1;
|
|
});
|
|
expect(element).toBeDefined();
|
|
expect(element.text()).toEqual('$1.00');
|
|
});
|
|
});
|
|
});
|
|
}); |