69 lines
2.4 KiB
JavaScript
69 lines
2.4 KiB
JavaScript
|
describe('angular easypiechart directive', function() {
|
||
|
|
var $compile, $rootScope, scope;
|
||
|
|
|
||
|
|
beforeEach(module('easypiechart'));
|
||
|
|
|
||
|
|
beforeEach(inject(function(_$compile_, $rootScope){
|
||
|
|
scope = $rootScope;
|
||
|
|
$compile = _$compile_;
|
||
|
|
}));
|
||
|
|
|
||
|
|
it('should have percentage default value 0', function (done) {
|
||
|
|
scope.percent = null;
|
||
|
|
var element = angular.element('<div easypiechart percent="percent" options="options"></div>');
|
||
|
|
$compile(element)(scope);
|
||
|
|
scope.$digest();
|
||
|
|
expect(element.isolateScope().percent).toBe(0);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('inserts the element with a canvas element', function() {
|
||
|
|
scope.percent = -45;
|
||
|
|
scope.options = {};
|
||
|
|
var element = angular.element('<div easypiechart percent="percent" options="options"></div>');
|
||
|
|
$compile(element)(scope);
|
||
|
|
scope.$digest();
|
||
|
|
expect(element.html()).toContain('canvas');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('gets the options right', function (done) {
|
||
|
|
scope.percent = 0;
|
||
|
|
scope.options = {
|
||
|
|
animate:{
|
||
|
|
duration:0,
|
||
|
|
enabled:false
|
||
|
|
},
|
||
|
|
barColor:'#2C3E50',
|
||
|
|
scaleColor:false,
|
||
|
|
lineWidth:20,
|
||
|
|
lineCap:'circle'
|
||
|
|
};
|
||
|
|
var element = angular.element('<div easypiechart percent="percent" options="options"></div>');
|
||
|
|
$compile(element)(scope);
|
||
|
|
scope.$digest();
|
||
|
|
expect(element.isolateScope().options.animate.duration).toBe(0);
|
||
|
|
expect(element.isolateScope().options.lineCap).toBe('circle');
|
||
|
|
});
|
||
|
|
|
||
|
|
it('has its own default options', function (done) {
|
||
|
|
scope.percent = 0;
|
||
|
|
scope.options = {};
|
||
|
|
var element = angular.element('<div easypiechart percent="percent" options="options"></div>');
|
||
|
|
$compile(element)(scope);
|
||
|
|
scope.$digest();
|
||
|
|
expect(element.isolateScope().options.size).toBe(110);
|
||
|
|
expect(element.isolateScope().options.animate.enabled).toBe(true);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('takes size option the right way', function() {
|
||
|
|
scope.percent = 0;
|
||
|
|
scope.options = {
|
||
|
|
size: 200
|
||
|
|
};
|
||
|
|
var element = angular.element('<div easypiechart percent="percent" options="options"></div>');
|
||
|
|
$compile(element)(scope);
|
||
|
|
scope.$digest();
|
||
|
|
expect(element.html()).toContain('height="200"');
|
||
|
|
expect(element.html()).toContain('width="200"');
|
||
|
|
});
|
||
|
|
});
|