OLD | NEW |
1 description("Test that CanvasRenderingContext2D supports the 'currentColor' valu
e."); | 1 description("Test that CanvasRenderingContext2D supports the 'currentColor' valu
e."); |
2 | 2 |
3 canvas = document.createElement('canvas'); | 3 canvas = document.createElement('canvas'); |
4 canvas.width = 100; | 4 canvas.width = 100; |
5 canvas.height = 100; | 5 canvas.height = 100; |
6 ctx = canvas.getContext('2d'); | 6 ctx = canvas.getContext('2d'); |
7 | 7 |
8 function attachCanvasToDocument() { | 8 function attachCanvasToDocument() { |
9 document.body.appendChild(canvas); | 9 document.body.appendChild(canvas); |
10 return document.body.parentNode != null; | 10 return document.body.parentNode != null; |
(...skipping 19 matching lines...) Expand all Loading... |
30 return '' + data[0] + ',' + data[1] + ',' + data[2] + ',' + data[3]; | 30 return '' + data[0] + ',' + data[1] + ',' + data[2] + ',' + data[3]; |
31 } | 31 } |
32 | 32 |
33 // First we test with the canvas out-of-document, 'currentColor' should mean bla
ck | 33 // First we test with the canvas out-of-document, 'currentColor' should mean bla
ck |
34 shouldBe("ctx.shadowColor = '#f00'; ctx.shadowColor", "'#ff0000'"); | 34 shouldBe("ctx.shadowColor = '#f00'; ctx.shadowColor", "'#ff0000'"); |
35 shouldBe("ctx.shadowColor = 'currentColor'; ctx.shadowColor", "'#000000'"); | 35 shouldBe("ctx.shadowColor = 'currentColor'; ctx.shadowColor", "'#000000'"); |
36 shouldBe("ctx.fillStyle = '#f00'; ctx.fillStyle", "'#ff0000'"); | 36 shouldBe("ctx.fillStyle = '#f00'; ctx.fillStyle", "'#ff0000'"); |
37 shouldBe("ctx.fillStyle = 'currentColor'; ctx.fillStyle", "'#000000'"); | 37 shouldBe("ctx.fillStyle = 'currentColor'; ctx.fillStyle", "'#000000'"); |
38 shouldBe("ctx.strokeStyle = '#f00'; ctx.strokeStyle", "'#ff0000'"); | 38 shouldBe("ctx.strokeStyle = '#f00'; ctx.strokeStyle", "'#ff0000'"); |
39 shouldBe("ctx.strokeStyle = 'currentColor'; ctx.strokeStyle", "'#000000'"); | 39 shouldBe("ctx.strokeStyle = 'currentColor'; ctx.strokeStyle", "'#000000'"); |
40 shouldBe("ctx.setShadow(0, 0, 0, '#f00'); ctx.shadowColor", "'#ff0000'"); | |
41 shouldBe("ctx.setShadow(0, 0, 0, 'currentColor'); ctx.shadowColor", "'#000000'")
; | |
42 shouldBe("ctx.setShadow(0, 0, 0, '#f00', 0.0); ctx.shadowColor", "'rgba(255, 0,
0, 0)'"); | |
43 shouldBe("ctx.setShadow(0, 0, 0, 'currentColor', 0.0); ctx.shadowColor", "'rgba(
0, 0, 0, 0)'"); | |
44 shouldBe("ctx.setStrokeColor('#f00'); ctx.strokeStyle", "'#ff0000'"); | |
45 shouldBe("ctx.setStrokeColor('currentColor'); ctx.strokeStyle", "'#000000'"); | |
46 shouldBe("ctx.setStrokeColor('#f00', 0.0); ctx.strokeStyle", "'rgba(255, 0, 0, 0
)'"); | |
47 shouldBe("ctx.setStrokeColor('currentColor', 0.0); ctx.strokeStyle", "'rgba(0, 0
, 0, 0)'"); | |
48 shouldBe("ctx.setFillColor('#f00'); ctx.fillStyle", "'#ff0000'"); | |
49 shouldBe("ctx.setFillColor('currentColor'); ctx.fillStyle", "'#000000'"); | |
50 shouldBe("ctx.setFillColor('#f00', 0.0); ctx.fillStyle", "'rgba(255, 0, 0, 0)'")
; | |
51 shouldBe("ctx.setFillColor('currentColor', 0.0); ctx.fillStyle", "'rgba(0, 0, 0,
0)'"); | |
52 shouldBe("tryLinearGradientColor('#f00')", "'255,0,0,255'"); | 40 shouldBe("tryLinearGradientColor('#f00')", "'255,0,0,255'"); |
53 shouldBe("tryLinearGradientColor('currentColor')", "'0,0,0,255'"); | 41 shouldBe("tryLinearGradientColor('currentColor')", "'0,0,0,255'"); |
54 shouldBe("tryRadialGradientColor('#f00')", "'255,0,0,255'"); | 42 shouldBe("tryRadialGradientColor('#f00')", "'255,0,0,255'"); |
55 shouldBe("tryRadialGradientColor('currentColor')", "'0,0,0,255'"); | 43 shouldBe("tryRadialGradientColor('currentColor')", "'0,0,0,255'"); |
56 | 44 |
57 // Attach to the document and set the canvas's color to #123456 | 45 // Attach to the document and set the canvas's color to #123456 |
58 shouldBe("attachCanvasToDocument()", "true"); | 46 shouldBe("attachCanvasToDocument()", "true"); |
59 shouldBe("canvas.style.color = '#123456'; canvas.style.color", "'rgb(18, 52, 86)
'"); | 47 shouldBe("canvas.style.color = '#123456'; canvas.style.color", "'rgb(18, 52, 86)
'"); |
60 | 48 |
61 // 'currentColor' should now mean #123456 | 49 // 'currentColor' should now mean #123456 |
62 shouldBe("ctx.shadowColor = '#f00'; ctx.shadowColor", "'#ff0000'"); | 50 shouldBe("ctx.shadowColor = '#f00'; ctx.shadowColor", "'#ff0000'"); |
63 shouldBe("ctx.shadowColor = 'currentColor'; ctx.shadowColor", "'#123456'"); | 51 shouldBe("ctx.shadowColor = 'currentColor'; ctx.shadowColor", "'#123456'"); |
64 shouldBe("ctx.fillStyle = '#f00'; ctx.fillStyle", "'#ff0000'"); | 52 shouldBe("ctx.fillStyle = '#f00'; ctx.fillStyle", "'#ff0000'"); |
65 shouldBe("ctx.fillStyle = 'currentColor'; ctx.fillStyle", "'#123456'"); | 53 shouldBe("ctx.fillStyle = 'currentColor'; ctx.fillStyle", "'#123456'"); |
66 shouldBe("ctx.strokeStyle = '#f00'; ctx.strokeStyle", "'#ff0000'"); | 54 shouldBe("ctx.strokeStyle = '#f00'; ctx.strokeStyle", "'#ff0000'"); |
67 shouldBe("ctx.strokeStyle = 'currentColor'; ctx.strokeStyle", "'#123456'"); | 55 shouldBe("ctx.strokeStyle = 'currentColor'; ctx.strokeStyle", "'#123456'"); |
68 shouldBe("ctx.setShadow(0, 0, 0, '#f00'); ctx.shadowColor", "'#ff0000'"); | |
69 shouldBe("ctx.setShadow(0, 0, 0, 'currentColor'); ctx.shadowColor", "'#123456'")
; | |
70 shouldBe("ctx.setShadow(0, 0, 0, '#f00', 0.0); ctx.shadowColor", "'rgba(255, 0,
0, 0)'"); | |
71 shouldBe("ctx.setShadow(0, 0, 0, 'currentColor', 0.0); ctx.shadowColor", "'rgba(
18, 52, 86, 0)'"); | |
72 shouldBe("ctx.setStrokeColor('#f00'); ctx.strokeStyle", "'#ff0000'"); | |
73 shouldBe("ctx.setStrokeColor('currentColor'); ctx.strokeStyle", "'#123456'"); | |
74 shouldBe("ctx.setStrokeColor('#f00', 0.0); ctx.strokeStyle", "'rgba(255, 0, 0, 0
)'"); | |
75 shouldBe("ctx.setStrokeColor('currentColor', 0.0); ctx.strokeStyle", "'rgba(18,
52, 86, 0)'"); | |
76 shouldBe("ctx.setFillColor('#f00'); ctx.fillStyle", "'#ff0000'"); | |
77 shouldBe("ctx.setFillColor('currentColor'); ctx.fillStyle", "'#123456'"); | |
78 shouldBe("ctx.setFillColor('#f00', 0.0); ctx.fillStyle", "'rgba(255, 0, 0, 0)'")
; | |
79 shouldBe("ctx.setFillColor('currentColor', 0.0); ctx.fillStyle", "'rgba(18, 52,
86, 0)'"); | |
80 shouldBe("tryLinearGradientColor('#f00')", "'255,0,0,255'"); | 56 shouldBe("tryLinearGradientColor('#f00')", "'255,0,0,255'"); |
81 shouldBe("tryLinearGradientColor('currentColor')", "'0,0,0,255'"); | 57 shouldBe("tryLinearGradientColor('currentColor')", "'0,0,0,255'"); |
82 shouldBe("tryRadialGradientColor('#f00')", "'255,0,0,255'"); | 58 shouldBe("tryRadialGradientColor('#f00')", "'255,0,0,255'"); |
83 shouldBe("tryRadialGradientColor('currentColor')", "'0,0,0,255'"); | 59 shouldBe("tryRadialGradientColor('currentColor')", "'0,0,0,255'"); |
84 | 60 |
85 // Last but not least, verify that we're case insensitive | 61 // Last but not least, verify that we're case insensitive |
86 shouldBe("ctx.shadowColor = '#f00'; ctx.shadowColor", "'#ff0000'"); | 62 shouldBe("ctx.shadowColor = '#f00'; ctx.shadowColor", "'#ff0000'"); |
87 shouldBe("ctx.shadowColor = 'CURRENTCOLOR'; ctx.shadowColor", "'#123456'"); | 63 shouldBe("ctx.shadowColor = 'CURRENTCOLOR'; ctx.shadowColor", "'#123456'"); |
OLD | NEW |