/* * Copyright 2015 Open Networking Laboratory * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* ONOS GUI -- SVG -- SVG Util Service - Unit Tests */ describe('factory: fw/svg/svgUtil.js', function() { var $log, fs, sus, svg, defs, force; var noop = function () {}; beforeEach(module('onosUtil', 'onosSvg')); beforeEach(inject(function (_$log_, FnService, SvgUtilService) { $log = _$log_; fs = FnService; sus = SvgUtilService; svg = d3.select('body').append('svg').attr('id', 'mySvg'); defs = svg.append('defs'); force = d3.layout.force(); })); afterEach(function () { d3.select('svg').remove(); }); it('should define SvgUtilService', function () { expect(sus).toBeDefined(); }); it('should define api functions', function () { expect(fs.areFunctions(sus, [ 'createDragBehavior', 'loadGlowDefs', 'cat7', 'translate', 'scale', 'skewX', 'rotate', 'stripPx', 'safeId', 'visible' ])).toBeTruthy(); }); // === createDragBehavior // TODO: break up drag into separate functions for testing // d3 needs better testing support... // Note: just checking to see if error message was called // because jasmine spy isn't catching the right newline char it('should complain if function given no parameters', function () { spyOn($log, 'error'); expect(sus.createDragBehavior()).toBeNull(); expect($log.error).toHaveBeenCalled(); }); it('should complain if function is not given clickEnabled', function () { spyOn($log, 'error'); expect(sus.createDragBehavior(force, noop, noop, noop)).toBeNull(); expect($log.error).toHaveBeenCalled(); }); it('should complain if function is not given dragEnabled', function () { spyOn($log, 'error'); expect(sus.createDragBehavior(force, noop, noop)).toBeNull(); expect($log.error).toHaveBeenCalled(); }); it('should complain if function is not given atDragEnd', function () { spyOn($log, 'error'); expect(sus.createDragBehavior(force, noop)).toBeNull(); expect($log.error).toHaveBeenCalled(); }); it('should complain if function is not given selectCb', function () { spyOn($log, 'error'); expect(sus.createDragBehavior(force)).toBeNull(); expect($log.error).toHaveBeenCalled(); }); // === loadGlowDefs function checkAttrs(glow, r, g, b) { var filterEffects, feColor, feBlur, feMerge, feMergeNodes; // filter attrs expect(glow.attr('x')).toBe('-50%'); expect(glow.attr('y')).toBe('-50%'); expect(glow.attr('width')).toBe('200%'); expect(glow.attr('height')).toBe('200%'); filterEffects = d3.selectAll(glow.node().childNodes); expect(filterEffects.size()).toBe(3); // Note: d3 didn't recognize 'feColorMatrix' and others as valid selectors // this is a work around feColor = d3.select(filterEffects[0].shift()); feBlur = d3.select(filterEffects[0].shift()); feMerge = d3.select(filterEffects[0].shift()); // feColorMatrix attrs expect(feColor.empty()).toBe(false); expect(feColor.attr('type')).toBe('matrix'); expect(feColor.attr('values')).toBe( '0 0 0 0 ' + r + ' ' + '0 0 0 0 ' + g + ' ' + '0 0 0 0 ' + b + ' ' + '0 0 0 1 0 ' ); // feGuassianBlur attrs expect(feBlur.empty()).toBe(false); expect(feBlur.attr('stdDeviation')).toBe('3'); expect(feBlur.attr('result')).toBe('coloredBlur'); // feMerge attrs feMergeNodes = d3.selectAll(feMerge.node().childNodes); expect(feMergeNodes.size()).toBe(2); expect(d3.select(feMergeNodes[0][0]).attr('in')).toBe('coloredBlur'); expect(d3.select(feMergeNodes[0][1]).attr('in')).toBe('SourceGraphic'); } it('should load glow definitions', function () { var blue, yellow; sus.loadGlowDefs(defs); expect(defs.empty()).toBe(false); expect((defs.selectAll('filter')).size()).toBe(2); // blue-glow specific blue = defs.select('#blue-glow'); expect(blue.empty()).toBe(false); checkAttrs(blue, 0.0, 0.0, 0.7); // yellow-glow specific yellow = defs.select('#yellow-glow'); expect(yellow.empty()).toBe(false); checkAttrs(yellow, 1.0, 1.0, 0.3); }); // === cat7 it('should define two methods on the api', function () { var cat7 = sus.cat7(); expect(fs.areFunctions(cat7, [ 'testCard', 'getColor' ])).toBeTruthy(); }); it('should provide a certain shade of blue', function () { expect(sus.cat7().getColor('foo', false, 'light')).toEqual('#3E5780'); }); it('should not matter what the ID really is for shade of blue', function () { expect(sus.cat7().getColor('bar', false, 'light')).toEqual('#3E5780'); }); it('should provide different shade of blue for muted', function () { expect(sus.cat7().getColor('foo', true, 'light')).toEqual('#A8B8CC'); }); it('should provide an alternate (dark) shade of blue', function () { expect(sus.cat7().getColor('foo', false, 'dark')).toEqual('#304860'); }); it('should provide an alternate (dark) shade of blue for muted', function () { expect(sus.cat7().getColor('foo', true, 'dark')).toEqual('#304860'); }); it('should iterate across the colors', function () { expect(sus.cat7().getColor('foo', false, 'light')).toEqual('#3E5780'); expect(sus.cat7().getColor('bar', false, 'light')).toEqual('#78533B'); expect(sus.cat7().getColor('baz', false, 'light')).toEqual('#CB4D28'); expect(sus.cat7().getColor('goo', false, 'light')).toEqual('#018D61'); expect(sus.cat7().getColor('zoo', false, 'light')).toEqual('#8A2979'); expect(sus.cat7().getColor('pip', false, 'light')).toEqual('#006D73'); expect(sus.cat7().getColor('sdh', false, 'light')).toEqual('#56AF00'); // and cycle back to the first color for item #8 expect(sus.cat7().getColor('bri', false, 'light')).toEqual('#3E5780'); // and return the same color for the same ID expect(sus.cat7().getColor('zoo', false, 'light')).toEqual('#8A2979'); }); // === translate(), scale(), skewX(), rotate() it('should translate from two args', function () { expect(sus.translate(1,2)).toEqual('translate(1,2)'); }); it('should translate from an array', function () { expect(sus.translate([3,4])).toEqual('translate(3,4)'); }); it('should scale', function () { expect(sus.scale(1.5,2.5)).toEqual('scale(1.5,2.5)'); }); it('should skewX', function () { expect(sus.skewX(3.14)).toEqual('skewX(3.14)'); }); it('should rotate', function () { expect(sus.rotate(45)).toEqual('rotate(45)'); }); // === stripPx() it('should not affect a number', function () { expect(sus.stripPx('4')).toEqual('4'); }); it('should remove trailing px', function () { expect(sus.stripPx('4px')).toEqual('4'); }); // === visible() it('should hide and show an element', function () { var r = svg.append('rect'); sus.visible(r, false); expect(r.style('visibility')).toEqual('hidden'); expect(sus.visible(r)).toBe(false); sus.visible(r, true); expect(r.style('visibility')).toEqual('visible'); expect(sus.visible(r)).toBe(true); }); });