LayoutTests/fast/alignment/parse-justify-self-expected.txt - Issue 363133003: [CSS Grid Layout] Adapting align-self, align-items and justify-self to the last CSS 3 spec.

Side by Side Diff: LayoutTests/fast/alignment/parse-justify-self-expected.txt

Issue 363133003: [CSS Grid Layout] Adapting align-self, align-items and justify-self to the last CSS 3 spec. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Resolve grid and flex cases during cascade, the rest will wait for layout. Created 6 years, 4 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

« LayoutTests/fast/alignment/parse-align-items.html ('K') | « LayoutTests/fast/alignment/parse-justify-self.html ('k') | LayoutTests/fast/alignment/resources/alignment-parsing-utils.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 Test that setting and getting justify-self works as expected	1 Test that setting and getting justify-self works as expected

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 getting justify-self set through CSS	6 Test getting justify-self set through CSS

7 PASS getComputedStyle(justifySelfBaseline, '').getPropertyValue('justify-self') is 'baseline'	7 PASS getComputedStyle(justifySelfBaseline, '').getPropertyValue('justify-self') is 'baseline'

	8 PASS getComputedStyle(justifySelfLastBaseline, '').getPropertyValue('justify-sel f') is 'last-baseline'

8 PASS getComputedStyle(justifySelfStretch, '').getPropertyValue('justify-self') i s 'stretch'	9 PASS getComputedStyle(justifySelfStretch, '').getPropertyValue('justify-self') i s 'stretch'

9 PASS getComputedStyle(justifySelfStart, '').getPropertyValue('justify-self') is 'start'	10 PASS getComputedStyle(justifySelfStart, '').getPropertyValue('justify-self') is 'start'

10 PASS getComputedStyle(justifySelfEnd, '').getPropertyValue('justify-self') is 'e nd'	11 PASS getComputedStyle(justifySelfEnd, '').getPropertyValue('justify-self') is 'e nd'

11 PASS getComputedStyle(justifySelfCenter, '').getPropertyValue('justify-self') is 'center'	12 PASS getComputedStyle(justifySelfCenter, '').getPropertyValue('justify-self') is 'center'

12 PASS getComputedStyle(justifySelfSelfEnd, '').getPropertyValue('justify-self') i s 'self-end'	13 PASS getComputedStyle(justifySelfSelfEnd, '').getPropertyValue('justify-self') i s 'self-end'

13 PASS getComputedStyle(justifySelfSelfStart, '').getPropertyValue('justify-self') is 'self-start'	14 PASS getComputedStyle(justifySelfSelfStart, '').getPropertyValue('justify-self') is 'self-start'

14 PASS getComputedStyle(justifySelfLeft, '').getPropertyValue('justify-self') is ' left'	15 PASS getComputedStyle(justifySelfLeft, '').getPropertyValue('justify-self') is ' left'

15 PASS getComputedStyle(justifySelfRight, '').getPropertyValue('justify-self') is 'right'	16 PASS getComputedStyle(justifySelfRight, '').getPropertyValue('justify-self') is 'right'

	17 PASS getComputedStyle(justifySelfFlexStart, '').getPropertyValue('justify-self') is 'flex-start'

	18 PASS getComputedStyle(justifySelfFlexEnd, '').getPropertyValue('justify-self') i s 'flex-end'

16 PASS getComputedStyle(justifySelfEndTrue, '').getPropertyValue('justify-self') i s 'end true'	19 PASS getComputedStyle(justifySelfEndTrue, '').getPropertyValue('justify-self') i s 'end true'

17 PASS getComputedStyle(justifySelfCenterTrue, '').getPropertyValue('justify-self' ) is 'center true'	20 PASS getComputedStyle(justifySelfCenterTrue, '').getPropertyValue('justify-self' ) is 'center true'

18 PASS getComputedStyle(justifySelfSelfEndSafe, '').getPropertyValue('justify-self ') is 'self-end safe'	21 PASS getComputedStyle(justifySelfSelfEndSafe, '').getPropertyValue('justify-self ') is 'self-end safe'

19 PASS getComputedStyle(justifySelfSelfStartSafe, '').getPropertyValue('justify-se lf') is 'self-start safe'	22 PASS getComputedStyle(justifySelfSelfStartSafe, '').getPropertyValue('justify-se lf') is 'self-start safe'

20 PASS getComputedStyle(justifySelfRightSafe, '').getPropertyValue('justify-self') is 'right safe'	23 PASS getComputedStyle(justifySelfRightSafe, '').getPropertyValue('justify-self') is 'right safe'

21 PASS getComputedStyle(justifySelfLeftTrue, '').getPropertyValue('justify-self') is 'left true'	24 PASS getComputedStyle(justifySelfLeftTrue, '').getPropertyValue('justify-self') is 'left true'

	25 PASS getComputedStyle(justifySelfFlexStartTrue, '').getPropertyValue('justify-se lf') is 'flex-start true'

	26 PASS getComputedStyle(justifySelfFlexEndSafe, '').getPropertyValue('justify-self ') is 'flex-end safe'

22	27

23 Test initial value of justify-self through JS	28 Test initial value of justify-self through JS

24 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'	29 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'start'

25	30

26 Test getting and setting justify-self through JS	31 Test getting and setting justify-self through JS

27 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'center'	32 PASS element.style.justifySelf is "center"

28 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'start tr ue'	33 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "c enter"

29 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'	34 PASS element.style.justifySelf is "start true"

	35 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart true"

	36 PASS element.style.justifySelf is "flex-end safe"

	37 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "f lex-end safe"

	38 PASS element.style.justifySelf is "right"

	39 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "r ight"

	40 PASS element.style.justifySelf is "center"

	41 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "c enter"

	42 PASS element.style.justifySelf is "self-start"

	43 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s elf-start"

	44 PASS element.style.justifySelf is "auto"

	45 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

	46 PASS element.style.justifySelf is "auto"

	47 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tretch"

	48 PASS element.style.justifySelf is "auto"

	49 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tretch"

	50 PASS element.style.justifySelf is "self-end"

	51 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s elf-end"

30	52

31 Test bad combinaisons of justify-self	53 Test bad combinations of justify-self

32 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'	54 PASS element.style.justifySelf is ""

33 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'	55 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

34 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'	56 PASS element.style.justifySelf is ""

35 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'	57 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

36 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'	58 PASS element.style.justifySelf is ""

37 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'	59 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

38 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'	60 PASS element.style.justifySelf is ""

39 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'	61 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

40 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'	62 PASS element.style.justifySelf is ""

41 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'	63 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

42 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'	64 PASS element.style.justifySelf is ""

43 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'	65 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

44 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'	66 PASS element.style.justifySelf is ""

45 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'	67 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

46 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'	68 PASS element.style.justifySelf is ""

47 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'	69 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

48 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'	70 PASS element.style.justifySelf is ""

49 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'	71 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

50 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'	72 PASS element.style.justifySelf is ""

	73 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

	74 PASS element.style.justifySelf is ""

	75 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

	76 PASS element.style.justifySelf is ""

	77 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

	78 PASS element.style.justifySelf is ""

	79 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

	80 PASS element.style.justifySelf is ""

	81 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

	82 PASS element.style.justifySelf is ""

	83 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

	84 PASS element.style.justifySelf is ""

	85 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

	86 PASS element.style.justifySelf is ""

	87 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

	88 PASS element.style.justifySelf is ""

	89 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

	90 PASS element.style.justifySelf is ""

	91 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

	92 PASS element.style.justifySelf is ""

	93 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

	94 PASS element.style.justifySelf is ""

	95 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

	96 PASS element.style.justifySelf is ""

	97 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

	98 PASS element.style.justifySelf is ""

	99 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

	100 PASS element.style.justifySelf is ""

	101 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

51	102

52 Test the value 'initial'	103 Test the value 'initial'

53 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'center'	104 PASS element.style.justifySelf is "center"

54 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'	105 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "c enter"

	106 PASS element.style.justifySelf is "initial"

	107 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tart"

	108

	109 Test the value 'initial' for grid containers

	110 PASS element.style.justifySelf is "left safe"

	111 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "l eft safe"

	112 PASS element.style.justifySelf is "initial"

	113 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tretch"

	114

	115 Test the value 'initial' for flex containers

	116 PASS element.style.justifySelf is "right true"

	117 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "r ight true"

	118 PASS element.style.justifySelf is "initial"

	119 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tretch"

	120

	121 Test the value 'initial' for positioned elements

	122 PASS element.style.justifySelf is "left"

	123 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "l eft"

	124 PASS element.style.justifySelf is "initial"

	125 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tretch"

	126

	127 Test the value 'initial' for positioned elements in grid containers

	128 PASS element.style.justifySelf is "right"

	129 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "r ight"

	130 PASS element.style.justifySelf is "initial"

	131 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tretch"

	132

	133 Test the value 'initial' for positioned elements in grid containers

	134 PASS element.style.justifySelf is "end"

	135 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "e nd"

	136 PASS element.style.justifySelf is "initial"

	137 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "s tretch"

55	138

56 Test the value 'inherit'	139 Test the value 'inherit'

57 PASS getComputedStyle(parentElement, '').getPropertyValue('justify-self') is 'en d'	140 PASS element.style.justifySelf is "end"

58 PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'end'	141 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "e nd"

	142 PASS element.style.justifySelf is "inherit"

	143 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "e nd"

	144 PASS element.style.justifySelf is "left safe"

	145 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "l eft safe"

	146 PASS element.style.justifySelf is "inherit"

	147 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "l eft safe"

	148 PASS element.style.justifySelf is "center true"

	149 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "c enter true"

	150 PASS element.style.justifySelf is "inherit"

	151 PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "c enter true"

59 PASS successfullyParsed is true	152 PASS successfullyParsed is true

60	153

61 TEST COMPLETE	154 TEST COMPLETE

62	155

OLD	NEW