forked from highcharts/highcharts
-
Notifications
You must be signed in to change notification settings - Fork 0
/
RendererTest.js
67 lines (54 loc) · 2.02 KB
/
RendererTest.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
RendererTest = TestCase("RendererTest");
/**
* Setup:
* - Creates the container div object on the page.
* - Creates a renderer instance.
*/
RendererTest.prototype.setUp = function() {
assertUndefined(this.container);
/*:DOC container = <div style="height: 200px; width: 200px"></div>*/
assertNotUndefined(this.container);
this.renderer = new Renderer(this.container, 200, 200);
assertNotUndefined(this.renderer);
}
/**
* Test that css attributes are merged together.
*/
RendererTest.prototype.testCssFontSize = function () {
var textElement = this.renderer.text('Hello World', 100, 90),
undefinedFontSize = 'font-size',
definedFontSize = 'fontSize',
defaultFontSize = defaultOptions.chart.style.fontSize;
assertNotUndefined(textElement);
assertEquals('x value', 100, textElement.x);
assertEquals('y value', 90, textElement.y);
// Before css the font size should be the default (12px)
assertUndefined(undefinedFontSize + ' should be undefined', textElement.styles[undefinedFontSize])
assertEquals('Default font size', defaultFontSize, textElement.styles[definedFontSize]);
// Apply a new font size
textElement.css({
fontSize: '21px'
});
assertUndefined(undefinedFontSize + ' should be undefined', textElement.styles[undefinedFontSize])
assertEquals('Changed font size', '21px', textElement.styles[definedFontSize]);
// Apply a color and make sure the font size stays the same
textElement.css({
color: 'red'
});
assertUndefined(undefinedFontSize + ' should be undefined', textElement.styles[undefinedFontSize])
assertEquals('Changed font size', '21px', textElement.styles[definedFontSize]);
}
RendererTest.prototype.testTransparancy = function () {
var rect = this.renderer.rect(100, 100, 100, 100, 5);
// Set the stroke to a transparent color
rect.attr({
'stroke-width': 2,
stroke: 'rgba(255,255,255,0)'
});
// Set it back to a solid color
rect.attr({
stroke: '#aabbcc'
});
// Make sure there is no stray opacity
assertFalse('There is a stray opacity value', rect.element.hasAttribute('stroke-opacity'));
}