third_party/WebKit/LayoutTests/fast/canvas/canvas-getImageData-rec-2020.html - Issue 2708403003: Implement canvas color space IDL format for 2D canvas

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: third_party/WebKit/LayoutTests/fast/canvas/canvas-getImageData-rec-2020.html

Issue 2708403003: Implement canvas color space IDL format for 2D canvas (Closed)

Patch Set: Addressing GPU pixel test failures Created 3 years, 9 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/canvas-getImageData-linear-rgb.html ('k') | third_party/WebKit/LayoutTests/fast/canvas/canvas-getImageData-rec2020.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 <!DOCTYPE html>

2 <body>

3 <script src="../../resources/testharness.js"></script>

4 <script src="../../resources/testharnessreport.js"></script>

5 <script>

6 test(drawThenGetImageData, 'verifies that getImageData works on rec-2020 canvase s.');

7 test(putThenGetImageData, 'verifies that putImageData works on rec-2020 canvases .');

8

9 function drawThenGetImageData() {

10 var canvas = document.createElement('canvas');

11 canvas.width = 10;

12 canvas.height = 10;

13 var ctx = canvas.getContext('2d', {colorSpace: 'rec-2020'})

14 ctx.fillStyle = 'rgb(50, 100, 150)';

15 ctx.fillRect(0, 0, 10, 10);

16 var pixel = ctx.getImageData(5, 5, 1, 1).data;

17 // Note: the color specified as as fillStyle is converted from srgb to linea r

18 // when drawn and the the results of getImageData are re-converted to sRGB

19 assert_equals(pixel[0], 50, "Red component retrieved by getImageData is the color that was drawn." );

20 assert_equals(pixel[1], 100, "Green component retrieved by getImageData is t he color that was drawn." );

21 assert_equals(pixel[2], 150, "Blue component retrieved by getImageData is th e color that was drawn." );

22 assert_equals(pixel[3], 255, "Alpha component retrieved by getImageData is t he color that was drawn." );

23 }

24

25 function putThenGetImageData() {

26 var canvas = document.createElement('canvas');

27 canvas.width = 10;

28 canvas.height = 10;

29 var ctx = canvas.getContext('2d', {colorSpace: 'rec-2020'})

30 var initialData = ctx.createImageData(1, 1);

31 initialData.data[0] = 50;

32 initialData.data[1] = 100;

33 initialData.data[2] = 150;

34 initialData.data[3] = 255;

35 ctx.putImageData(initialData, 5, 5);

36 var pixel = ctx.getImageData(5, 5, 1, 1).data;

37 assert_equals(pixel[0], 50, "Red component retrieved by getImageData is the color that was put." );

38 assert_equals(pixel[1], 100, "Green component retrieved by getImageData is t he color that was put." );

39 assert_equals(pixel[2], 150, "Blue component retrieved by getImageData is th e color that was put." );

40 assert_equals(pixel[3], 255, "Alpha component retrieved by getImageData is t he color that was put." );

41 }

42 </script>

43 </body>

OLD	NEW