Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(61)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/canvas/script-tests/canvas-strokePath-gradient-shadow.js

Issue 2690183006: Use testharness.js instead of js-test.js in LayoutTests/fast/canvas tests. (Closed)
Patch Set: Addressing comments Created 3 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/canvas/script-tests/canvas-stroke-zeroSizeGradient.js ('k') | third_party/WebKit/LayoutTests/fast/canvas/script-tests/canvas-strokePath-shadow.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 description("Ensure correct behavior of canvas with strokePath using a gradient strokeStyle and a shadow");
2
3 function print(message, color)
4 {
5 var paragraph = document.createElement("div");
6 paragraph.appendChild(document.createTextNode(message));
7 paragraph.style.fontFamily = "monospace";
8 if (color)
9 paragraph.style.color = color;
10 document.getElementById("console").appendChild(paragraph);
11 }
12
13 function shouldBeAround(a, b)
14 {
15 var evalA;
16 try {
17 evalA = eval(a);
18 } catch(e) {
19 evalA = e;
20 }
21
22 if (Math.abs(evalA - b) < 15)
23 print("PASS " + a + " is around " + b , "green")
24 else
25 print("FAIL " + a + " is not around " + b + " (actual: " + evalA + ")", "red");
26 }
27
28 var canvas = document.createElement('canvas');
29 document.body.appendChild(canvas);
30 canvas.setAttribute('width', '600');
31 canvas.setAttribute('height', '1100');
32 var ctx = canvas.getContext('2d');
33
34 var gradient = ctx.createLinearGradient(0, 0, 300, 0);
35 gradient.addColorStop(0, 'rgba(0, 0, 255, 0.5)');
36 gradient.addColorStop(1, 'rgba(0, 0, 255, 0.5)');
37
38 ctx.save();
39 ctx.strokeStyle = gradient;
40 ctx.shadowColor = 'rgba(255, 0, 0, 0.5)';
41 ctx.shadowOffsetX = 250;
42 ctx.lineWidth = 25;
43
44 var side = 200;
45
46 // Alpha shadow.
47 ctx.shadowBlur = 0;
48 ctx.beginPath();
49 ctx.rect(50, 50, side, side);
50 ctx.stroke();
51
52 // Blurry shadow.
53 ctx.shadowBlur = 10;
54 ctx.beginPath();
55 ctx.rect(50, 300, side, side);
56 ctx.stroke();
57
58 ctx.rotate(Math.PI / 2);
59
60 // Rotated alpha shadow.
61 ctx.shadowBlur = 0;
62 ctx.beginPath();
63 ctx.rect(550, -250, side, side);
64 ctx.stroke();
65
66 // Rotated blurry shadow.
67 ctx.shadowBlur = 10;
68 ctx.beginPath();
69 ctx.rect(800, -250, side, side);
70 ctx.stroke();
71
72 ctx.restore();
73
74 var imageData, data;
75 ctx.fillStyle = 'black';
76
77 function test(alphaTestFunction, x, y, r, g, b, a) {
78 // Get pixel.
79 imageData = ctx.getImageData(x, y, 1, 1);
80 data = imageData.data;
81 // Test pixel color components.
82 shouldBe('data[0]', r+'');
83 shouldBe('data[1]', g+'');
84 shouldBe('data[2]', b+'');
85 alphaTestFunction('data[3]', a+'');
86 // Plot test point.
87 ctx.fillRect(x, y, 3, 3);
88 }
89
90 print('Verifying alpha shadow...');
91 test(shouldBe, 400, 150, 0, 0, 0, 0);
92
93 test(shouldBe, 400, 75, 0, 0, 0, 0);
94 test(shouldBe, 400, 225, 0, 0, 0, 0);
95 test(shouldBe, 325, 150, 0, 0, 0, 0);
96 test(shouldBe, 475, 150, 0, 0, 0, 0);
97
98 test(shouldBeAround, 400, 50, 255, 0, 0, 64);
99 test(shouldBeAround, 500, 150, 255, 0, 0, 64);
100 test(shouldBeAround, 400, 250, 255, 0, 0, 64);
101 test(shouldBeAround, 300, 150, 255, 0, 0, 64);
102
103 test(shouldBe, 400, 25, 0, 0, 0, 0);
104 test(shouldBe, 525, 150, 0, 0, 0, 0);
105 test(shouldBe, 400, 275, 0, 0, 0, 0);
106 test(shouldBe, 275, 150, 0, 0, 0, 0);
107
108 print(' ');
109 print('Verifying blurry shadow...');
110 test(shouldBe, 400, 400, 0, 0, 0, 0);
111
112 test(shouldBe, 400, 325, 0, 0, 0, 0);
113 test(shouldBe, 475, 400, 0, 0, 0, 0);
114 test(shouldBe, 400, 475, 0, 0, 0, 0);
115 test(shouldBe, 325, 400, 0, 0, 0, 0);
116
117 test(shouldBeAround, 400, 300, 255, 0, 0, 64);
118 test(shouldBeAround, 400, 500, 255, 0, 0, 64);
119 test(shouldBeAround, 300, 400, 255, 0, 0, 64);
120 test(shouldBeAround, 500, 400, 255, 0, 0, 64);
121
122 test(shouldBe, 525, 400, 0, 0, 0, 0);
123 test(shouldBe, 275, 400, 0, 0, 0, 0);
124
125 print(' ');
126 print('Verifying rotated alpha shadow...');
127 test(shouldBe, 400, 650, 0, 0, 0, 0);
128
129 test(shouldBe, 400, 575, 0, 0, 0, 0);
130 test(shouldBe, 400, 725, 0, 0, 0, 0);
131 test(shouldBe, 325, 650, 0, 0, 0, 0);
132 test(shouldBe, 475, 650, 0, 0, 0, 0);
133
134 test(shouldBeAround, 400, 550, 255, 0, 0, 64);
135 test(shouldBeAround, 500, 650, 255, 0, 0, 64);
136 test(shouldBeAround, 400, 750, 255, 0, 0, 64);
137 test(shouldBeAround, 300, 650, 255, 0, 0, 64);
138
139 test(shouldBe, 400, 525, 0, 0, 0, 0);
140 test(shouldBe, 525, 650, 0, 0, 0, 0);
141 test(shouldBe, 400, 775, 0, 0, 0, 0);
142 test(shouldBe, 275, 650, 0, 0, 0, 0);
143
144 print(' ');
145 print('Verifying rotated blurry shadow...');
146 test(shouldBe, 400, 900, 0, 0, 0, 0);
147
148 test(shouldBe, 400, 825, 0, 0, 0, 0);
149 test(shouldBe, 475, 900, 0, 0, 0, 0);
150 test(shouldBe, 400, 975, 0, 0, 0, 0);
151 test(shouldBe, 325, 900, 0, 0, 0, 0);
152
153 test(shouldBeAround, 400, 800, 255, 0, 0, 64);
154 test(shouldBeAround, 400, 1000, 255, 0, 0, 64);
155 test(shouldBeAround, 300, 900, 255, 0, 0, 64);
156 test(shouldBeAround, 500, 900, 255, 0, 0, 64);
157
158 test(shouldBe, 525, 900, 0, 0, 0, 0);
159 test(shouldBe, 275, 900, 0, 0, 0, 0);
160 test(shouldBe, 400, 1025, 0, 0, 0, 0);
161
162 print(' ');
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/canvas/script-tests/canvas-stroke-zeroSizeGradient.js ('k') | third_party/WebKit/LayoutTests/fast/canvas/script-tests/canvas-strokePath-shadow.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698