LayoutTests/css3/viewport-percentage-lengths/css3-viewport-percentage-lengths-getStyle-expected.txt - Issue 82083002: Move viewport unit resolution to style recalc time

Side by Side Diff: LayoutTests/css3/viewport-percentage-lengths/css3-viewport-percentage-lengths-getStyle-expected.txt

Issue 82083002: Move viewport unit resolution to style recalc time (Closed) Base URL: https://chromium.googlesource.com/chromium/blink@master

Patch Set: rebased.. 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

« LayoutTests/css3/viewport-percentage-lengths/css3-viewport-percentage-lengths-getStyle.html ('K') | « LayoutTests/css3/viewport-percentage-lengths/css3-viewport-percentage-lengths-getStyle.html ('k') | LayoutTests/css3/viewport-percentage-lengths/viewport-percentage-lengths-resize.html » ('j') | LayoutTests/css3/viewport-percentage-lengths/viewport-percentage-lengths-resize.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 Test for Bug: 27160/91440 - Implement vw/vh/vmin/vmax (viewport sizes) from CSS 3 Values and Units	1 Test for Bug: 27160/91440 - Implement vw/vh/vmin/vmax (viewport sizes) from CSS 3 Values and Units

2	2

3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE ".	3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE ".

4	4

5	5

6 Test for vw	6 Test for vw

7 PASS style.getPropertyValue("height") is '240px'	7 PASS style.getPropertyValue("height") is '240px'

8 PASS style.getPropertyValue("width") is '240px'	8 PASS style.getPropertyValue("width") is '240px'

9 PASS style.getPropertyValue("font-size") is '24px'	9 PASS style.getPropertyValue("font-size") is '24px'

10 PASS style.getPropertyValue("line-height") is '32px'	10 PASS style.getPropertyValue("line-height") is '32px'

11 PASS style.getPropertyValue("text-indent") is '2vw'	11 PASS style.getPropertyValue("text-indent") is '16px'

12 PASS style.getPropertyValue("margin-left") is '16px'	12 PASS style.getPropertyValue("margin-left") is '16px'

13 PASS style.getPropertyValue("margin-right") is '16px'	13 PASS style.getPropertyValue("margin-right") is '16px'

14 PASS style.getPropertyValue("margin-top") is '16px'	14 PASS style.getPropertyValue("margin-top") is '16px'

15 PASS style.getPropertyValue("margin-bottom") is '16px'	15 PASS style.getPropertyValue("margin-bottom") is '16px'

16 PASS style.getPropertyValue("border-top-left-radius") is '1vw'	16 PASS style.getPropertyValue("border-top-left-radius") is '8px'

17 PASS style.getPropertyValue("border-top-right-radius") is '1vw'	17 PASS style.getPropertyValue("border-top-right-radius") is '8px'

18 PASS style.getPropertyValue("border-bottom-left-radius") is '1vw'	18 PASS style.getPropertyValue("border-bottom-left-radius") is '8px'

19 PASS style.getPropertyValue("border-bottom-right-radius") is '1vw'	19 PASS style.getPropertyValue("border-bottom-right-radius") is '8px'

20 PASS style.getPropertyValue("min-height") is '10vw'	20 PASS style.getPropertyValue("min-height") is '80px'

21 PASS style.getPropertyValue("min-width") is '10vw'	21 PASS style.getPropertyValue("min-width") is '80px'

22 PASS style.getPropertyValue("max-height") is '60vw'	22 PASS style.getPropertyValue("max-height") is '480px'

23 PASS style.getPropertyValue("max-width") is '60vw'	23 PASS style.getPropertyValue("max-width") is '480px'

24 PASS style.getPropertyValue("top") is '80px'	24 PASS style.getPropertyValue("top") is '80px'

25 PASS style.getPropertyValue("bottom") is '80px'	25 PASS style.getPropertyValue("bottom") is '80px'

26 PASS style.getPropertyValue("left") is '80px'	26 PASS style.getPropertyValue("left") is '80px'

27 PASS style.getPropertyValue("right") is '80px'	27 PASS style.getPropertyValue("right") is '80px'

28 PASS style.getPropertyValue("padding-left") is '16px'	28 PASS style.getPropertyValue("padding-left") is '16px'

29 PASS style.getPropertyValue("padding-right") is '16px'	29 PASS style.getPropertyValue("padding-right") is '16px'

30 PASS style.getPropertyValue("padding-top") is '16px'	30 PASS style.getPropertyValue("padding-top") is '16px'

31 PASS style.getPropertyValue("padding-bottom") is '16px'	31 PASS style.getPropertyValue("padding-bottom") is '16px'

32	32

33 Test for vh	33 Test for vh

34 PASS style.getPropertyValue("height") is '180px'	34 PASS style.getPropertyValue("height") is '180px'

35 PASS style.getPropertyValue("width") is '180px'	35 PASS style.getPropertyValue("width") is '180px'

36 PASS style.getPropertyValue("font-size") is '18px'	36 PASS style.getPropertyValue("font-size") is '18px'

37 PASS style.getPropertyValue("line-height") is '24px'	37 PASS style.getPropertyValue("line-height") is '24px'

38 PASS style.getPropertyValue("text-indent") is '2vh'	38 PASS style.getPropertyValue("text-indent") is '12px'

39 PASS style.getPropertyValue("margin-left") is '12px'	39 PASS style.getPropertyValue("margin-left") is '12px'

40 PASS style.getPropertyValue("margin-right") is '12px'	40 PASS style.getPropertyValue("margin-right") is '12px'

41 PASS style.getPropertyValue("margin-top") is '12px'	41 PASS style.getPropertyValue("margin-top") is '12px'

42 PASS style.getPropertyValue("margin-bottom") is '12px'	42 PASS style.getPropertyValue("margin-bottom") is '12px'

43 PASS style.getPropertyValue("border-top-left-radius") is '1vh'	43 PASS style.getPropertyValue("border-top-left-radius") is '6px'

44 PASS style.getPropertyValue("border-top-right-radius") is '1vh'	44 PASS style.getPropertyValue("border-top-right-radius") is '6px'

45 PASS style.getPropertyValue("border-bottom-left-radius") is '1vh'	45 PASS style.getPropertyValue("border-bottom-left-radius") is '6px'
	esprehn 2013/12/04 06:02:28 This seems we changed web exposed behavior, but gi This seems we changed web exposed behavior, but given that we convert em's and everything else to pixels this seems right. What does Firefox do? Timothy Loh 2013/12/04 07:17:39 Firefox behaves the same as our new behaviour. Mad Show quoted text On 2013/12/04 06:02:28, esprehn wrote: > This seems we changed web exposed behavior, but given that we convert em's and > everything else to pixels this seems right. What does Firefox do? Firefox behaves the same as our new behaviour. Made a note in the description about this.
46 PASS style.getPropertyValue("border-bottom-right-radius") is '1vh'	46 PASS style.getPropertyValue("border-bottom-right-radius") is '6px'

47 PASS style.getPropertyValue("min-height") is '10vh'	47 PASS style.getPropertyValue("min-height") is '60px'

48 PASS style.getPropertyValue("min-width") is '10vh'	48 PASS style.getPropertyValue("min-width") is '60px'

49 PASS style.getPropertyValue("max-height") is '60vh'	49 PASS style.getPropertyValue("max-height") is '360px'

50 PASS style.getPropertyValue("max-width") is '60vh'	50 PASS style.getPropertyValue("max-width") is '360px'

51 PASS style.getPropertyValue("top") is '60px'	51 PASS style.getPropertyValue("top") is '60px'

52 PASS style.getPropertyValue("bottom") is '60px'	52 PASS style.getPropertyValue("bottom") is '60px'

53 PASS style.getPropertyValue("left") is '60px'	53 PASS style.getPropertyValue("left") is '60px'

54 PASS style.getPropertyValue("right") is '60px'	54 PASS style.getPropertyValue("right") is '60px'

55 PASS style.getPropertyValue("padding-left") is '12px'	55 PASS style.getPropertyValue("padding-left") is '12px'

56 PASS style.getPropertyValue("padding-right") is '12px'	56 PASS style.getPropertyValue("padding-right") is '12px'

57 PASS style.getPropertyValue("padding-top") is '12px'	57 PASS style.getPropertyValue("padding-top") is '12px'

58 PASS style.getPropertyValue("padding-bottom") is '12px'	58 PASS style.getPropertyValue("padding-bottom") is '12px'

59	59

60 Test for vmin	60 Test for vmin

61 PASS style.getPropertyValue("height") is '180px'	61 PASS style.getPropertyValue("height") is '180px'

62 PASS style.getPropertyValue("width") is '180px'	62 PASS style.getPropertyValue("width") is '180px'

63 PASS style.getPropertyValue("font-size") is '18px'	63 PASS style.getPropertyValue("font-size") is '18px'

64 PASS style.getPropertyValue("line-height") is '24px'	64 PASS style.getPropertyValue("line-height") is '24px'

65 PASS style.getPropertyValue("text-indent") is '2vmin'	65 PASS style.getPropertyValue("text-indent") is '12px'

66 PASS style.getPropertyValue("margin-left") is '12px'	66 PASS style.getPropertyValue("margin-left") is '12px'

67 PASS style.getPropertyValue("margin-right") is '12px'	67 PASS style.getPropertyValue("margin-right") is '12px'

68 PASS style.getPropertyValue("margin-top") is '12px'	68 PASS style.getPropertyValue("margin-top") is '12px'

69 PASS style.getPropertyValue("margin-bottom") is '12px'	69 PASS style.getPropertyValue("margin-bottom") is '12px'

70 PASS style.getPropertyValue("border-top-left-radius") is '1vmin'	70 PASS style.getPropertyValue("border-top-left-radius") is '6px'

71 PASS style.getPropertyValue("border-top-right-radius") is '1vmin'	71 PASS style.getPropertyValue("border-top-right-radius") is '6px'

72 PASS style.getPropertyValue("border-bottom-left-radius") is '1vmin'	72 PASS style.getPropertyValue("border-bottom-left-radius") is '6px'

73 PASS style.getPropertyValue("border-bottom-right-radius") is '1vmin'	73 PASS style.getPropertyValue("border-bottom-right-radius") is '6px'

74 PASS style.getPropertyValue("min-height") is '10vmin'	74 PASS style.getPropertyValue("min-height") is '60px'

75 PASS style.getPropertyValue("min-width") is '10vmin'	75 PASS style.getPropertyValue("min-width") is '60px'

76 PASS style.getPropertyValue("max-height") is '60vmin'	76 PASS style.getPropertyValue("max-height") is '360px'

77 PASS style.getPropertyValue("max-width") is '60vmin'	77 PASS style.getPropertyValue("max-width") is '360px'

78 PASS style.getPropertyValue("top") is '60px'	78 PASS style.getPropertyValue("top") is '60px'

79 PASS style.getPropertyValue("bottom") is '60px'	79 PASS style.getPropertyValue("bottom") is '60px'

80 PASS style.getPropertyValue("left") is '60px'	80 PASS style.getPropertyValue("left") is '60px'

81 PASS style.getPropertyValue("right") is '60px'	81 PASS style.getPropertyValue("right") is '60px'

82 PASS style.getPropertyValue("padding-left") is '12px'	82 PASS style.getPropertyValue("padding-left") is '12px'

83 PASS style.getPropertyValue("padding-right") is '12px'	83 PASS style.getPropertyValue("padding-right") is '12px'

84 PASS style.getPropertyValue("padding-top") is '12px'	84 PASS style.getPropertyValue("padding-top") is '12px'

85 PASS style.getPropertyValue("padding-bottom") is '12px'	85 PASS style.getPropertyValue("padding-bottom") is '12px'

86	86

87 Test for vmax	87 Test for vmax

88 PASS style.getPropertyValue("height") is '240px'	88 PASS style.getPropertyValue("height") is '240px'

89 PASS style.getPropertyValue("width") is '240px'	89 PASS style.getPropertyValue("width") is '240px'

90 PASS style.getPropertyValue("font-size") is '24px'	90 PASS style.getPropertyValue("font-size") is '24px'

91 PASS style.getPropertyValue("line-height") is '32px'	91 PASS style.getPropertyValue("line-height") is '32px'

92 PASS style.getPropertyValue("text-indent") is '2vmax'	92 PASS style.getPropertyValue("text-indent") is '16px'

93 PASS style.getPropertyValue("margin-left") is '16px'	93 PASS style.getPropertyValue("margin-left") is '16px'

94 PASS style.getPropertyValue("margin-right") is '16px'	94 PASS style.getPropertyValue("margin-right") is '16px'

95 PASS style.getPropertyValue("margin-top") is '16px'	95 PASS style.getPropertyValue("margin-top") is '16px'

96 PASS style.getPropertyValue("margin-bottom") is '16px'	96 PASS style.getPropertyValue("margin-bottom") is '16px'

97 PASS style.getPropertyValue("border-top-left-radius") is '1vmax'	97 PASS style.getPropertyValue("border-top-left-radius") is '8px'

98 PASS style.getPropertyValue("border-top-right-radius") is '1vmax'	98 PASS style.getPropertyValue("border-top-right-radius") is '8px'

99 PASS style.getPropertyValue("border-bottom-left-radius") is '1vmax'	99 PASS style.getPropertyValue("border-bottom-left-radius") is '8px'

100 PASS style.getPropertyValue("border-bottom-right-radius") is '1vmax'	100 PASS style.getPropertyValue("border-bottom-right-radius") is '8px'

101 PASS style.getPropertyValue("min-height") is '10vmax'	101 PASS style.getPropertyValue("min-height") is '80px'

102 PASS style.getPropertyValue("min-width") is '10vmax'	102 PASS style.getPropertyValue("min-width") is '80px'

103 PASS style.getPropertyValue("max-height") is '60vmax'	103 PASS style.getPropertyValue("max-height") is '480px'

104 PASS style.getPropertyValue("max-width") is '60vmax'	104 PASS style.getPropertyValue("max-width") is '480px'

105 PASS style.getPropertyValue("top") is '80px'	105 PASS style.getPropertyValue("top") is '80px'

106 PASS style.getPropertyValue("bottom") is '80px'	106 PASS style.getPropertyValue("bottom") is '80px'

107 PASS style.getPropertyValue("left") is '80px'	107 PASS style.getPropertyValue("left") is '80px'

108 PASS style.getPropertyValue("right") is '80px'	108 PASS style.getPropertyValue("right") is '80px'

109 PASS style.getPropertyValue("padding-left") is '16px'	109 PASS style.getPropertyValue("padding-left") is '16px'

110 PASS style.getPropertyValue("padding-right") is '16px'	110 PASS style.getPropertyValue("padding-right") is '16px'

111 PASS style.getPropertyValue("padding-top") is '16px'	111 PASS style.getPropertyValue("padding-top") is '16px'

112 PASS style.getPropertyValue("padding-bottom") is '16px'	112 PASS style.getPropertyValue("padding-bottom") is '16px'

113 PASS successfullyParsed is true	113 PASS successfullyParsed is true

114	114

115 TEST COMPLETE	115 TEST COMPLETE

116	116

OLD	NEW