third_party/WebKit/LayoutTests/fast/css-grid-layout/percent-grid-item-in-percent-grid-track.html - Issue 1488493003: [css-grid] refactoring of layout tests

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/percent-grid-item-in-percent-grid-track.html

Issue 1488493003: [css-grid] refactoring of layout tests (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Patch rebased and refactoring of alignment css rules. Created 4 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:

View unified diff | Download patch

« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/named-grid-line-get-set.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/percent-grid-item-in-percent-grid-track-in-percent-grid.html » ('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 <html>	2 <html>

3 <link href="resources/grid.css" rel="stylesheet">	3 <link href="resources/grid.css" rel="stylesheet">

4 <style>	4 <style>

5 .grid {	5 .grid {

6 grid-template-columns: 40% 60%;	6 grid-template-columns: 40% 60%;

7 grid-template-rows: 30% 70%;	7 grid-template-rows: 30% 70%;

8 width: 400px;	8 width: 400px;

9 height: 300px;	9 height: 300px;

10 }	10 }

(...skipping 26 matching lines...) Expand all Loading...
37 <div style="position: relative">	37 <div style="position: relative">

38 <div class="grid" data-expected-width="400" data-expected-height="300">	38 <div class="grid" data-expected-width="400" data-expected-height="300">

39 <div class="firstRowFirstColumn" data-expected-width="160" data-expected-hei ght="15"></div>	39 <div class="firstRowFirstColumn" data-expected-width="160" data-expected-hei ght="15"></div>

40 <div class="firstRowSecondColumn" data-expected-width="15" data-expected-hei ght="90"></div>	40 <div class="firstRowSecondColumn" data-expected-width="15" data-expected-hei ght="90"></div>

41 <div class="secondRowFirstColumn" data-expected-width="80" data-expected-hei ght="105"></div>	41 <div class="secondRowFirstColumn" data-expected-width="80" data-expected-hei ght="105"></div>

42 <div class="secondRowSecondColumn" data-expected-width="240" data-expected-h eight="210"></div>	42 <div class="secondRowSecondColumn" data-expected-width="240" data-expected-h eight="210"></div>

43 </div>	43 </div>

44 </div>	44 </div>

45	45

46 <div style="position: relative">	46 <div style="position: relative">

47 <div class="grid" style="-webkit-writing-mode: horizontal-bt" data-expected-widt h="400" data-expected-height="300">	47 <div class="grid horizontalBT" data-expected-width="400" data-expected-height="3 00">

48 <div class="firstRowFirstColumn" data-expected-width="160" data-expected-hei ght="15"></div>	48 <div class="firstRowFirstColumn" data-expected-width="160" data-expected-hei ght="15"></div>

49 <div class="firstRowSecondColumn" data-expected-width="15" data-expected-hei ght="90"></div>	49 <div class="firstRowSecondColumn" data-expected-width="15" data-expected-hei ght="90"></div>

50 <div class="secondRowFirstColumn" data-expected-width="80" data-expected-hei ght="105"></div>	50 <div class="secondRowFirstColumn" data-expected-width="80" data-expected-hei ght="105"></div>

51 <div class="secondRowSecondColumn" data-expected-width="240" data-expected-h eight="210"></div>	51 <div class="secondRowSecondColumn" data-expected-width="240" data-expected-h eight="210"></div>

52 </div>	52 </div>

53 </div>	53 </div>

54	54

55 <div style="position: relative">	55 <div style="position: relative">

56 <div class="grid" style="-webkit-writing-mode: vertical-rl;" data-expected-width ="400" data-expected-height="300">	56 <div class="grid verticalRL" data-expected-width="400" data-expected-height="300 ">

57 <div class="firstRowFirstColumn" data-expected-width="120" data-expected-hei ght="15"></div>	57 <div class="firstRowFirstColumn" data-expected-width="120" data-expected-hei ght="15"></div>

58 <div class="firstRowSecondColumn" data-expected-width="15" data-expected-hei ght="180"></div>	58 <div class="firstRowSecondColumn" data-expected-width="15" data-expected-hei ght="180"></div>

59 <div class="secondRowFirstColumn" data-expected-width="140" data-expected-he ight="60"></div>	59 <div class="secondRowFirstColumn" data-expected-width="140" data-expected-he ight="60"></div>

60 <div class="secondRowSecondColumn" data-expected-width="280" data-expected-h eight="180"></div>	60 <div class="secondRowSecondColumn" data-expected-width="280" data-expected-h eight="180"></div>

61 </div>	61 </div>

62 </div>	62 </div>

63	63

64 <div style="position: relative">	64 <div style="position: relative">

65 <div class="grid" style="-webkit-writing-mode: vertical-lr;" data-expected-width ="400" data-expected-height="300">	65 <div class="grid verticalLR" data-expected-width="400" data-expected-height="300 ">

66 <div class="firstRowFirstColumn" data-expected-width="120" data-expected-hei ght="15"></div>	66 <div class="firstRowFirstColumn" data-expected-width="120" data-expected-hei ght="15"></div>

67 <div class="firstRowSecondColumn" data-expected-width="15" data-expected-hei ght="180"></div>	67 <div class="firstRowSecondColumn" data-expected-width="15" data-expected-hei ght="180"></div>

68 <div class="secondRowFirstColumn" data-expected-width="140" data-expected-he ight="60"></div>	68 <div class="secondRowFirstColumn" data-expected-width="140" data-expected-he ight="60"></div>

69 <div class="secondRowSecondColumn" data-expected-width="280" data-expected-h eight="180"></div>	69 <div class="secondRowSecondColumn" data-expected-width="280" data-expected-h eight="180"></div>

70 </div>	70 </div>

71 </div>	71 </div>

72	72

73 </body>	73 </body>

74 </html>	74 </html>

OLD	NEW