third_party/WebKit/LayoutTests/transforms/translate-parsing.html - Issue 2643643007: CSS: Translate support for none.

Side by Side Diff: third_party/WebKit/LayoutTests/transforms/translate-parsing.html

Issue 2643643007: CSS: Translate support for none. (Closed)

Patch Set: Created 3 years, 11 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:

« no previous file with comments | « third_party/WebKit/LayoutTests/svg/css/getComputedStyle-listing-expected.txt ('k') | third_party/WebKit/Source/core/animation/CSSTranslateInterpolationType.cpp » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

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

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

4 <div id="target" style="width: 100px; height: 200px; display: inline-block"></di v>	4 <div id="target" style="width: 100px; height: 200px; display: inline-block"></di v>

5 <script src="resources/parsing-test-helper.js"></script>	5 <script src="resources/parsing-test-helper.js"></script>

6 <script>	6 <script>

7 expect = expect.bind(this, 'translate', 'translate');	7 expect = expect.bind(this, 'translate', 'translate');

8	8

9 expect('initial').parsesAs('initial').isComputedTo('0px');	9 expect('initial').parsesAs('initial').isComputedTo('none');

10 expect('inherit').parsesAs('inherit');	10 expect('inherit').parsesAs('inherit');

11	11

	12 expect('none').parsesAs('none').isComputedTo('none');

12 expect('10px').parsesAs('10px').isComputedTo('10px');	13 expect('10px').parsesAs('10px').isComputedTo('10px');

13 expect('10px -2.5px').parsesAs('10px -2.5px').isComputedTo('10px -2.5px');	14 expect('10px -2.5px').parsesAs('10px -2.5px').isComputedTo('10px -2.5px');

14 expect('10px -2.5px 0').parsesAs('10px -2.5px 0px').isComputedTo('10px -2.5px');	15 expect('10px -2.5px 0').parsesAs('10px -2.5px 0px').isComputedTo('10px -2.5px');

15	16

16 expect('42.5%').parsesAs('42.5%').isComputedTo('42.5px');	17 expect('42.5%').parsesAs('42.5%').isComputedTo('42.5px');

17 expect('42.5% -20.5%').parsesAs('42.5% -20.5%').isComputedTo('42.5px -41px');	18 expect('42.5% -20.5%').parsesAs('42.5% -20.5%').isComputedTo('42.5px -41px');

18 expect('42.5% -20.5% 5px').parsesAs('42.5% -20.5% 5px').isComputedTo('42.5px -41 px 5px');	19 expect('42.5% -20.5% 5px').parsesAs('42.5% -20.5% 5px').isComputedTo('42.5px -41 px 5px');

19	20

20 expect('10px -2%').parsesAs('10px -2%').isComputedTo('10px -4px');	21 expect('10px -2%').parsesAs('10px -2%').isComputedTo('10px -4px');

21 expect('10% -2px').parsesAs('10% -2px').isComputedTo('10px -2px');	22 expect('10% -2px').parsesAs('10% -2px').isComputedTo('10px -2px');

22 expect('10% -2px 4px').parsesAs('10% -2px 4px').isComputedTo('10px -2px 4px');	23 expect('10% -2px 4px').parsesAs('10% -2px 4px').isComputedTo('10px -2px 4px');

23	24

24 expect('calc(100%) calc(20px) calc(-1px)').isComputedTo('100px 20px -1px');	25 expect('calc(100%) calc(20px) calc(-1px)').isComputedTo('100px 20px -1px');

25 expect('calc(100% + 10px) calc(100% - 10px) calc(100px + 200px)').parsesAs('calc (100% + 10px) calc(100% - 10px) calc(300px)').isComputedTo('110px 190px 300px');	26 expect('calc(100% + 10px) calc(100% - 10px) calc(100px + 200px)').parsesAs('calc (100% + 10px) calc(100% - 10px) calc(300px)').isComputedTo('110px 190px 300px');

26 expect('calc(100% * 0.5 + 2px) calc(100% - 10px / 2) calc(100px - 200px)').parse sAs('calc(50% + 2px) calc(100% - 5px) calc(-100px)').isComputedTo('52px 195px -1 00px');	27 expect('calc(100% * 0.5 + 2px) calc(100% - 10px / 2) calc(100px - 200px)').parse sAs('calc(50% + 2px) calc(100% - 5px) calc(-100px)').isComputedTo('52px 195px -1 00px');

27	28

28 expect('2').isInvalid();	29 expect('2').isInvalid();

29 expect('none').isInvalid();

30 expect('10deg 10px').isInvalid();	30 expect('10deg 10px').isInvalid();

31 expect('10px 10px 10%').isInvalid();	31 expect('10px 10px 10%').isInvalid();

32 expect('20smigens').isInvalid();	32 expect('20smigens').isInvalid();

33 expect('10px 20px 5 6').isInvalid();	33 expect('10px 20px 5 6').isInvalid();

34 expect('10% 20% 30%').isInvalid();	34 expect('10% 20% 30%').isInvalid();

35 expect('calc(100% + 10px) calc(100% - 10px) calc(100% + 200px)').isInvalid(); // Last parameter should not have percent	35 expect('calc(100% + 10px) calc(100% - 10px) calc(100% + 200px)').isInvalid(); // Last parameter should not have percent

36	36

37 /* Test codepath where layout box is not available */	37 /* Test codepath where layout box is not available */

38 target.style.display = 'none';	38 target.style.display = 'none';

39	39

40 expect('42.5%').parsesAs('42.5%').isComputedTo('42.5%');	40 expect('42.5%').parsesAs('42.5%').isComputedTo('42.5%');

41 expect('42.5% -20.5%').parsesAs('42.5% -20.5%').isComputedTo('42.5% -20.5%');	41 expect('42.5% -20.5%').parsesAs('42.5% -20.5%').isComputedTo('42.5% -20.5%');

42 expect('42.5% -20.5% 5px').parsesAs('42.5% -20.5% 5px').isComputedTo('42.5% -20. 5% 5px');	42 expect('42.5% -20.5% 5px').parsesAs('42.5% -20.5% 5px').isComputedTo('42.5% -20. 5% 5px');

43	43

44 expect('calc(100%) calc(20px) calc(-1px)').isComputedTo('100% 20px -1px');	44 expect('calc(100%) calc(20px) calc(-1px)').isComputedTo('100% 20px -1px');

45 expect('calc(100% + 10px) calc(100% - 10px) calc(100px + 200px)').parsesAs('calc (100% + 10px) calc(100% - 10px) calc(300px)').isComputedTo('calc(10px + 100%) ca lc(-10px + 100%) 300px');	45 expect('calc(100% + 10px) calc(100% - 10px) calc(100px + 200px)').parsesAs('calc (100% + 10px) calc(100% - 10px) calc(300px)').isComputedTo('calc(10px + 100%) ca lc(-10px + 100%) 300px');

46 expect('calc(100% * 0.5 + 2px) calc(100% - 10px / 2) calc(100px - 200px)').parse sAs('calc(50% + 2px) calc(100% - 5px) calc(-100px)').isComputedTo('calc(2px + 50 %) calc(-5px + 100%) -100px');	46 expect('calc(100% * 0.5 + 2px) calc(100% - 10px / 2) calc(100px - 200px)').parse sAs('calc(50% + 2px) calc(100% - 5px) calc(-100px)').isComputedTo('calc(2px + 50 %) calc(-5px + 100%) -100px');

47 </script>	47 </script>

OLD	NEW