LayoutTests/fast/css/touch-action-parsing.html - Issue 87973002: add pan-x and pan-y support to CSS touch-action parsing.

Side by Side Diff: LayoutTests/fast/css/touch-action-parsing.html

Issue 87973002: add pan-x and pan-y support to CSS touch-action parsing. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: incorporated review comments Created 7 years 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

OLD	NEW
1 <!DOCTYPE HTML>	1 <!DOCTYPE HTML>

2 <html>	2 <html>

3 <head>	3 <head>

4 <script src="../../resources/js-test.js"></script>	4 <script src="../../resources/js-test.js"></script>

5 <style>	5 <style>

6 /*	6 /*

7 Give some rules below something to override in order to test	7 Give some rules below something to override in order to test

8 that they really are being parsed	8 that they really are being parsed

9 */	9 */

10 .defnone {	10 .defnone {

11 touch-action: none;	11 touch-action: none;

12 }	12 }

13 </style>	13 </style>

14 </head>	14 </head>

15 <body>	15 <body>

16 <p id="description"></p>	16 <p id="description"></p>

17 <div class="test" id="default" expected="auto"></div>	17 <div class="test" id="default" expected="auto"></div>

18 <div class="test defnone" id="stylesheet-none" expected="none"></div>	18 <div class="test defnone" id="stylesheet-none" expected="none"></div>

19 <div class="test defnone" id="explicit-auto" style="touch-action: auto;" expecte d="auto"></div>	19 <div class="test defnone" id="explicit-auto" style="touch-action: auto;" expecte d="auto"></div>

	20 <div class="test" id="explicit-pan-x" style="touch-action: pan-x;" expected="pan -x"></div>

	21 <div class="test" id="explicit-pan-y" style="touch-action: pan-y;" expected="pan -y"></div>

	22 <div class="test" id="explicit-pan-x-pan-y" style="touch-action: pan-x pan-y;" e xpected="pan-x pan-y"></div>

	23 <div class="test" id="explicit-pan-y-pan-x" style="touch-action: pan-y pan-x;" e xpected="pan-x pan-y"></div>

20 <div class="test" id="explicit-none" style="touch-action: none;" expected="none" ></div>	24 <div class="test" id="explicit-none" style="touch-action: none;" expected="none" ></div>

21 <div class="test" id="explicit-invalid" style="touch-action: bogus;" expected="a uto"></div>	25 <div class="test" id="explicit-invalid-1" style="touch-action: bogus;" expected= "auto"></div>

	26 <div class="test defnone" id="explicit-invalid-2" style="touch-action: auto pan- x;" expected="none"></div>

	27 <div class="test" id="explicit-invalid-3" style="touch-action: pan-y none;" expe cted="auto"></div>

	28 <div class="test" id="explicit-invalid-4" style="touch-action: pan-x Pan-X;" exp ected="auto"></div>
	Rick Byers 2013/12/10 21:57:14 nit: to avoid any potential confusion, use a lower nit: to avoid any potential confusion, use a lower-case 'p' like everywhere else. gnana 2013/12/11 14:02:54 Done. Show quoted text On 2013/12/10 21:57:14, Rick Byers wrote: > nit: to avoid any potential confusion, use a lower-case 'p' like everywhere > else. Done.
22 <div style="touch-action: none;">	29 <div style="touch-action: none;">

23 <div class="test" id="not-inherited" expected="auto"></div>	30 <div class="test" id="not-inherited" expected="auto"></div>

24 <div class="test" id="inherit" style="touch-action: inherit;" expected="none"> </div>	31 <div class="test" id="inherit" style="touch-action: inherit;" expected="none"> </div>

25 </div>	32 </div>

26 <div class="test defnone" id="initial" style="touch-action: initial;" expected=" auto"></div>	33 <div class="test defnone" id="initial" style="touch-action: initial;" expected=" auto"></div>

27	34

28 <div id="console"></div>	35 <div id="console"></div>

29 <script>	36 <script>

30 description("Test the parsing and application of the touch-action property.");	37 description("Test the parsing and application of the touch-action property.");

31	38

32 var tests = document.querySelectorAll('.test');	39 var tests = document.querySelectorAll('.test');

33 var style;	40 var style;

34 for (var i = 0; i < tests.length; i++) {	41 for (var i = 0; i < tests.length; i++) {

35 debug('Test case: ' + tests[i].id);	42 debug('Test case: ' + tests[i].id);

36 style = window.getComputedStyle(tests[i]);	43 style = window.getComputedStyle(tests[i]);

37 shouldBeEqualToString('style.touchAction', tests[i].attributes.expected.value) ;	44 shouldBeEqualToString('style.touchAction', tests[i].attributes.expected.value) ;

38 debug('');	45 debug('');

39 }	46 }

40	47

41 successfullyParsed = true;	48 successfullyParsed = true;

42 </script>	49 </script>

43 </body>	50 </body>

44 </html>	51 </html>

OLD	NEW

« no previous file with comments | « no previous file | LayoutTests/fast/css/touch-action-parsing-expected.txt » ('j') | Source/core/css/CSSParser-in.cpp » ('J')